html { background-color: #333333; }
body { background-color: #333333; color: #ffffff; font-family: Helvetica; font-weight: bold; }
#iphone { position: relative; left: 50%; margin-left: -360px; margin-top: 100px; background: url("iphone.png") no-repeat; width:720px; min-height: 400px;}
#khromax { position: relative; background: black; width: 480px; height: 320px; top: 40px; left:120px; overflow: hidden; padding: 0px; margin: 0px;}
#khromax:hover { cursor: pointer; }
.glass, #play, #logo, #score, #gameover {position: absolute; width: 480px; }
.glass { top: 0px; left:0; z-index: 4; background: url('glass.png') no-repeat; height: 320px; }
.ball { position: absolute; margin: 0px; padding: 0px; width: 80px; height: 80px; z-index: 1;}
.satelliteCW, .satelliteCCW { position: absolute; width: 20px; height: 20px;}
.highlight { position: absolute; width: 80px; height: 80px;}
#play { bottom: 10px; color: #cccccc; font-size: 32px; text-align: center; z-index: 5;}
#logo {display: none; top: 68px; color: #555555; font-size: 64px; text-align: center; }
#score { text-align: right; right: 4px; top: 4px;}
#score p { padding-top: 0px; margin-top: 0px;}
#gameover {display: none; top: 0px; color: #cccccc; font-size: 64px; text-align: center; z-index: 2}
#play:hover {color: #ffffff;}
#brag { display: none; position: absolute; width: 720px; text-align: center; font-size: 24px; bottom: 40px; z-index: 5;}
#brag a {color: #cccccc; text-decoration: none;}
#brag a:hover {color: #ffffff;}
#about, #scoop a { color: #ffffff; margin; 0em 1em; border: 2px solid white; padding: 0em 1em; background: #444444; text-decoration: none;}
#about a { color: #ffffff; text-decoration: underline;}
#about a:hover { color: #cccccc; }
#logo.about { position: relative; display: block; margin: 0em; top: 0px; text-align: left; padding: 0px; }
#logo.about p {margin:  0em 0em;}
#tagline {font-size: 18px; padding-bottom: 1em; }
#khromax #about { position: absolute; top: 0px; left: 0px; display: none; border: none; background: #000000; width: 480px; height: 320px; font-size: 12px; z-index: 6; margin: 0px; padding: 0px;}
#khromax #about p { margin: 1em; }
#scoop { position: relative; text-align: center; }
#scoop a { margin: 0em 2em; padding: 4px; }
#scoop a:hover { background: #eeeeee; color: #000000; }
#price { font-size: small; }
#scoop a:hover #price { color: #ffffff; }
#appbox { position: relative; width: 360px; left: 50%; margin-left: -2em;}
#aboutbox { position: absolute; width: 360px; left: 50%; top: 0px; margin-left: -360px}
#aboutbox p { margin-top: 0em; padding-left: 4em; }
.score { position: relative;}