/* Defaults */

* {margin:0px;padding:0px;}
html, body {margin:0; padding:0; border:none; font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, sans-serif; font-weight:300;}
a, img {margin:0; padding:0; border:none;}
body {margin:0; padding:0; border:none; background-color:#000000; overflow-y:scroll;}
ul,dl,dd,dt,li,ol {list-style:none;}
h1, h2, h3, h4, p, a, input, textarea {font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica, Arial, sans-serif; font-weight: 300;}
#sperator {height:600px; clear:both;}
#bottom {height:10px; width:100%; clear:both; background-color:#000000;}



/* Navigation Styles */

#nav-container {height:74px; width:100%; background:url(../images/bg-nav.png); position:relative; overflow:hidden; z-index:99;}
#nav, #nav-up {height:65px; width:774px; margin-left:auto; margin-right:auto;}
#nav-up {display:none;}
a.nav-home {height:65px; width:114px; background:url(../images/nav-home.png) no-repeat; display:block; float:left;}
a.nav-bio {height:65px; width:110px; background:url(../images/nav-bio.png) no-repeat; display:block; float:left;}
a.nav-listen {height:65px; width:146px; background:url(../images/nav-listen.png) no-repeat; display:block; float:left;}
a.nav-look {height:65px; width:136px; background:url(../images/nav-look.png) no-repeat; display:block; float:left;}
a.nav-join {height:65px; width:126px; background:url(../images/nav-join.png) no-repeat; display:block; float:left;}
a.nav-shop {height:65px; width:142px; background:url(../images/nav-shop.png) no-repeat; display:block; float:left;}
a.nav-home:hover, a.nav-bio:hover, a.nav-listen:hover, a.nav-look:hover, a.nav-join:hover, a.nav-shop:hover, a.on {background-position:0px -65px;}



/* Conatiners*/

#content-container {width:100%; margin-left:auto; margin-right:auto; position:relative; display:none;}

#home-container {height:600px; width:100%; background:url(../images/bg-home.jpg) top repeat-x; position:relative; overflow:hidden;}
#home {height:600px; width:960px; margin-left:auto; margin-right:auto; position:relative;}
img.title {height:470px; width:216px; margin-left:137px; margin-top:50px;}
#social-home {height:409px; width:50px; position:relative; top:-405px; left:393px;}
img.social {position:relative; top:130px; left:33px; height:75px; width:421px;}
#social-nav {height:130px; width:50px; background:url(../images/bg-social.png) no-repeat top center;}
a.facebook {height:34px; width:50px; display:block; background:url(../images/facebook.png) no-repeat top center; margin-bottom:10px;}
a.twitter {height:34px; width:50px; display:block; background:url(../images/twitter.png) no-repeat top center; margin-bottom:10px;}
a.youtube {height:34px; width:50px; display:block; background:url(../images/youtube.png) no-repeat top center;}
a.facebook:hover, a.twitter:hover, a.youtube:hover {background-position:0px -34px;}

#bio-container {width:100%; height:747px; background:url(../images/bg-bio.jpg) repeat-x top center; margin-top:-9px; position:absolute; top:0px; display:none; opacity:0;}
#bio {width:960px; height:686px; margin-left:auto; margin-right:auto;}
#bio p {width:460px; margin-left:42px; padding-top:13px; text-align:left; font-size:12px; line-height:20px; color:#000000;}
img.bio-title {height:46px; width:182px; margin-bottom:17px; display:block;}

#listen-container {width:100%; height:747px; background:url(../images/bg-listen.jpg) repeat-x top center; margin-top:-9px; position:absolute; top:0px; display:none; opacity:0;}
#listen {width:960px; height:675px; margin-left:auto; margin-right:auto;}
#topspin {background:url(../images/bg-white-60.png) repeat; padding:15px; width:300px; margin-left:100px; margin-top:70px;}

#look-container {width:100%; height:747px; background:url(../images/bg-look.jpg) repeat-x top center; margin-top:-9px; position:absolute; top:0px; display:none; opacity:0;}
#look {width:960px; height:675px; margin-left:auto; margin-right:auto;}
#gallery {width:348px; position:relative; top:47px; left:500px;}
a.more {background:url(../images/more.png) no-repeat; width:77px; height:39px; display:block; margin-right:10px; float:right;}
a.more:hover {background-position:0px -39px;}
#gallery img.lookbox {height:77px; width:77px; margin-bottom:10px; margin-right:10px; float:left;}

#shop-container {width:100%; height:747px; background:url(../images/bg-shop.jpg) repeat-x top center; margin-top:-9px; position:absolute; top:0px; display:none; opacity:0;}
#shop {width:960px; height:675px; margin-left:auto; margin-right:auto; text-align:center;}