html { height: 100%; }
body { height: 100%; padding: 0; margin: 0; color: #808080; font-size: 13px; background-color: black; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
.clearer {clear: both;}
a {color: #6666FF; text-decoration: none;}
a:hover {text-decoration: underline;}
.form input {background-color: #333333; color: #CCCCCC; border: 0px solid transparent; border-color: transparent; padding: 2px; font-size: 16px;}
form .note {color: #666666; font-size: 13px; text-align: center;}
.form label {font-size:14px; color: #CCCCCC;}
.form .submit_button { width: auto; font-size: 16px; padding: 5px; background-color: #4649AF; }
.header {margin-bottom: 10px;}
#top_banner {position: absolute; top:-17px; left: -24px;}
#top_banner img {width: 300px;}
#top_banner a img {border:0; vertical-align:middle;}
#top_bar {height: 36px; line-height: 36px; width: 100%; border-bottom: 1px solid #333333; background-color: #222222; padding: 2px 0; font-size: 14px; color: #D18F01; text-align: center;}
#top_bar span {color: #FF0000;}
#top_bar a {}
#top_bar a img {border: 0; vertical-align: middle;}
#container {position: relative; width: 725px; margin: 10px auto 100px auto; padding-bottom: 50px;} /*top: 50*/
#splash {position: relative; z-index: 1; height: 220px; overflow-y:visible;}
/*#splash img {height: 220px; overflow-y:visible;}*/
#left {float: left; width: 400px;}
/* main nav */
#main_nav {position: relative; width: 100%; border-bottom: 1px solid #111111; height: 10px; margin-top: 8px; z-index:10;}
#main_nav ul {float: left; font-size:12px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;}
#main_nav ul li {float: left; margin: 0 0px; padding: 0 10px; background-color:black; color: #444444;}
#main_nav ul li.left {padding-left: 0;}
#main_nav ul li a {color: #444444;text-decoration: none;}
#main_nav ul li a:hover {color: #CCCCCC;}
#container.home li.home a, #container.shop li.shop a, #container.about li.about a {color: #999999;}
#connect {z-index: 100; float: right; position: relative; margin-left: 30px; padding: 10px 15px 5px 0; padding-top: 40px;}
#connect .friend_prompt {float: left; font-weight:normal; font-size: 11px;}
#connect a {display: block; float: left; margin: 0 0px 0 10px;}
#top_mixi_button {background: transparent url(/images/mixi_on_off.png) 0 -21px no-repeat; width: 54px; height: 21px; padding-right: 10px; border-right: 0px solid #333333;}
#top_mixi_button:hover {background: transparent url(/images/mixi_on_off.png) 0 0 no-repeat;}
#top_google_plus_button {background: transparent url(/images/google_plus_on_off.png) 0 -21px no-repeat; width: 21px; height: 21px; padding-right: 10px;}
#top_google_plus_button:hover {background: transparent url(/images/google_plus_on_off.png) 0 0 no-repeat;}
#top_myspace_button {background: transparent url(/images/myspace_on_off.png) 0 -20px no-repeat; width: 115px; height: 20px; padding-right: 10px; border-right: 0px solid #333333;}
#top_myspace_button:hover {background: transparent url(/images/myspace_on_off.png) 0 0 no-repeat;}
#top_facebook_button {background: transparent url(/images/facebook_on_off.png) 0 -21px no-repeat; width: 85px; height: 21px;}
#top_facebook_button:hover {background: transparent url(/images/facebook_on_off.png) 0 0 no-repeat;}
#top_twitter_button {background: transparent url(/images/twitter_on_off.png) 0 -21px no-repeat; width: 83px; height: 21px; padding-right: 10px;}
#top_twitter_button:hover {background: transparent url(/images/twitter_on_off.png) 0 0 no-repeat;}
#top_register_button {border-left: 1px solid #333333; margin-left: 10px; padding-left: 10px; color: #6666FF; text-decoration:none;}
#top_register_button:hover {text-decoration: underline; color: #6666FF;}
#highlights {float: left; height: 100%; width: 400px; padding-top:30px;}
#featured {float: left; height: 100%; width: 400px; padding-top: 30px;}
#featured .header {margin-bottom: 10px;}
#featured .subheader {font-size: 11px; color: #666666;}
#featured .subheader a {color: #999999;}
#featured .video {padding: 20px 0 0 0;}
#get {float: left; width: 305px; padding-left: 20px; padding-top: 30px;}
#get a {text-decoration: none; margin-right: 3px;}
#get a img {border: 0;}
#about {float: left; width: 305px; padding-left: 20px; padding-top: 25px;}
#about ul {padding-left: 0;}
#about ul li {margin-left: 25px}
.header, .content {width: 100%;}
.header {margin-bottom: 10px; font-size: 19px; font-weight:normal; color: #DDDDDD;}
.content {margin-bottom: 30px;}
.highlight {font-weight: bold; color: #CCCCCC;}
#about ul {margin-left: 0;}
#footer {width: 100%; text-align: center; margin-top: 75px; color: #333333; font-size: 12px;}
#footer a {color: #999999;}
/* about */
#main_panel {float: left; width: 500px;}
#aboutus {float: left; height: auto; width: 480px; padding-top: 30px;}
#aboutus .header {margin-bottom: 10px;}
.subheader {font-size: 11px; color: #666666; margin-bottom: 10px;}
#aboutus .subheader a {color: #999999;}
#aboutus .video {margin-bottom: 20px;}
#aboutus .content {color: #686868; font-size: 13px;}
#aboutus .content {margin-bottom: 0;}
#about_panel {float: left; width: 205px; padding-left: 20px;}
#contact {float: left; width: 205px; padding-top: 30px;}
#contact .content {margin-bottom: 0;}
#find {float: left; width: 205px; padding-top: 25px;}
#find a {display: block; margin: 0 0px 10px 0px;}
#mixi_button {background: transparent url(/images/mixi_on_off.png) 0 -21px no-repeat; width: 54px; height: 21px; padding-right: 10px; border-right: 0px solid #333333;}
#mixi_button:hover {background: transparent url(/images/mixi_on_off.png) 0 0 no-repeat;}
#myspace_button {background: transparent url(/images/myspace_on_off.png) 0 -20px no-repeat; width: 115px; height: 20px; padding-right: 10px; border-right: 0px solid #333333;}
#myspace_button:hover {background: transparent url(/images/myspace_on_off.png) 0 0 no-repeat;}
#facebook_button {background: transparent url(/images/facebook_on_off.png) 0 -21px no-repeat; width: 85px; height: 21px;}
#facebook_button:hover {background: transparent url(/images/facebook_on_off.png) 0 0 no-repeat;}
#twitter_button {background: transparent url(/images/twitter_on_off.png) 0 -21px no-repeat; width: 83px; height: 21px;}
#twitter_button:hover {background: transparent url(/images/twitter_on_off.png) 0 0 no-repeat;}
#find .content {margin-bottom: 0;}
#buzz {float: left; width: 205px; padding-top: 25px;}
#buzz .pub {margin-bottom: 15px;}
#buzz a {display: block;}
#buzz a img {border: 0;}
#buzz .content {margin-bottom: 0;}
#founder {float: left; height: 100%; width: 500px; padding-top: 30px; display: none; visibility: hidden;}
#founder .header {margin-bottom: 10px;}
#founder .photo {float: left;visibility:hidden; display: none;}
#founder .description {float: left; margin-left: 0px; width: 500px; color: #686868;}
#founder .content {margin-bottom: 0;}
#media {float: left; width: 500px; margin-top: 30px;}
#media .header {margin-bottom: 10px;}
#media .thumb {float: left; margin-right: 0px;}
#media .thumb.right {margin-right: 0px; margin-left: 10px;}
#media .content {margin-bottom: 0;}
#releases {float: left; width: 500px; margin-top: 30px;}
#releases .header {margin-bottom: 10px;}
#releases .thumb {float: left; margin-right: 0px;}
#releases .thumb.right {margin-right: 0px; margin-left: 10px;}
#releases .content {margin-bottom: 0;}
#releases .release_date {float: left; margin-right: 5px;}
#releases .release_title{float: left;}
#release {float: left; height: 100%; width: 480px; padding-top: 30px;}
#release .header {margin-bottom: 10px;}