/* == Main Layout Structure ----------------------------------------------------------------------------------------------------------------------*/ #wrap{text-align: left;} #wrap #head{border-top: solid 1px #50575E;margin: 0 0 290px 0; position: relative;z-index: 5; height: 175px;} #wrap #head #headInner{zoom: 1;position:relative;z-index: 4;} #wrap #head #headInner .central{margin: 0 auto; width: 995px;height: 150px; padding: 20px 0 0 0; background: url(/2010/_img/head-bg.gif) center 15px no-repeat;} #wrap #head .opacityLayer{background: #06070A url(/2010/_img/head-pixel.gif) repeat-x bottom left;position:absolute;top:0;left:0;right:0;bottom:0;-moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;z-index: 3; height: 175px; width: 100%;} #wrap #head .logo{float: left; background: url(/2010/_img/logo.png) no-repeat top left; margin: 16px 0 0 78px; display: inline; cursor: pointer;} #wrap #head .headQuote{float: right; background:red; width: 402px;margin: 0; background: url(/2010/_img/quote-bg.gif) bottom right no-repeat; padding: 50px 25px 25px 300px; font-size: 120%; font-weight: bold; color: #bec2c3;} #wrap #head .headQuote span{color: #fff;} #wrap #foot{float: left; width: 995px;zoom: 1;} #wrap #foot:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} #wrap #foot ul.footNav{clear: right; float: right;margin: 20px 0; list-style: none; font-weight: bold; font-size: 190%;color: #424141; text-align: right; width: 560px;} #wrap #foot ul.footNav li{display: inline;} #wrap #foot ul.footNav li a{color: #424141;outline: none;} #wrap #foot ul.footNav li a:hover{text-decoration: none; color: #E90011;} #wrap #foot .footLinks{zoom: 1; background: url(/2010/_img/nav-bg.gif) no-repeat center top; padding: 10px; float: left; width: 975px; color: #999; font-size: 95%;} #wrap #foot .footLinks:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} #wrap #foot .footLinks .copy{float: left;} #wrap #foot .footLinks .terms{float: right;} #wrap #foot .footLinks .terms a{color: #999;} #wrap #mainContent{zoom: 1;position: relative;z-index: 5;} #wrap #mainContent #mainInner{zoom: 1;position:relative;z-index: 4;} #wrap #mainContent #mainInner .central{margin: 0 auto; width: 995px; zoom: 1; padding: 20px 0 0 0;} #wrap #mainContent #mainInner .central:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;} #wrap #mainContent .opacityLayer{background: #06070A url(/2010/_img/main-pixel.gif) repeat-x top left;position:absolute;top:0;left:0;right:0;bottom:0;-moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;z-index: 3; height: 500px; width: 100%;} #wrap #head ul.priNav{margin: 15px 0 0 0; list-style: none; float: left; padding: 0 0 0 3px; width: 990px; clear: left; background: url(/2010/_img/nav-bg.gif) no-repeat center top;font-size: 125%;} #wrap #head ul.priNav li{float: left;margin: 15px 0 0 0;position: relative;} #wrap #head ul.priNav li a{float: left; color: #fff;position: relative; outline: 0;} #wrap #head ul.priNav li a:hover{text-decoration: none; color: #E90011;} #wrap #head ul.priNav li a.on{color: #E90011;} #wrap #head ul.priNav li span{float: left; padding: 0 5px;} #slider{position: absolute; top: 0; left: 0; z-index: 1;width: 100%;overflow: hidden;} #slider .slideWrap ul{float: left;margin: 0; padding: 0; list-style: none;width: 100000px;} #slider .slideWrap ul li{float: left;margin: 0;padding: 0;height: 874px;display: none;} #slider .slideWrap ul li.slideOne{background: url(/2010/_img/bg/plan-b.jpg) no-repeat center top;} #slider .slideWrap ul li.slideTwo{background: url(/2010/_img/bg/joshua-radin.jpg) no-repeat center top;} #slider .slideWrap ul li.slideThree{background: url(/2010/_img/bg/mclean.jpg) no-repeat center top;} #slider .slideWrap ul li.slideFour{background: url(/2010/_img/bg/jason-derulo.jpg) no-repeat center top;} #slider .slideWrap ul li.slideFive{background: url(/2010/_img/bg/marina.jpg) no-repeat center top;} #slider .slideWrap ul li.slideSix{background: url(/2010/_img/bg/primary-1.jpg) no-repeat center top;} #slider .slideWrap ul li.slideSeven{background: url(/2010/_img/bg/him.jpg) no-repeat center top;} #slider .slideWrap ul li.slideEight{background: url(/2010/_img/bg/wolfgang.jpg) no-repeat center top;} #slider .slideWrap ul li.slideNine{background: url(/2010/_img/bg/3oh3.jpg) no-repeat center top;} #slider .slideWrap ul li.slideTen{background: url(/2010/_img/bg/fabio-lendrum2.jpg) no-repeat center top;} #slider .slideWrap ul li.slideEleven{background: url(/2010/_img/bg/kid-sister.jpg) no-repeat center top;} #slider .slideWrap ul li.slideTwelve{background: url(/2010/_img/bg/foals.jpg) no-repeat center top;} #wrap #mainContent ul.artistInfo{margin: 0;list-style: none;height: 242px;} #wrap #mainContent ul.artistInfo li{float: left; width: 995px; position: relative; height: 0px; display: none; margin: 0; padding: 0; overflow: hidden;} #wrap #mainContent ul.artistInfo li .left{float: left; width: 418px; border-right: solid 1px #393A38;padding-top: 6px;} #wrap #mainContent ul.artistInfo li .left .leadTrack{float: left; width: 398px; height: 28px; padding: 17px 10px 10px 10px; background: url(/2010/_img/lead-download-bg.png) no-repeat top left;} #wrap #mainContent ul.artistInfo li .left .leadReg{float: left; width: 418px; height: 65px; background: url(/2010/_img/lead-register.png) no-repeat top left;} #wrap #mainContent ul.artistInfo li .left .leadReg .leadRegBtn{float: left; width: 418px; height: 49px; padding: 16px 0 0 10px; font-weight: bold; font-size: 175%; text-transform: uppercase;outline: 0;} #wrap #mainContent ul.artistInfo li .left .leadReg .leadRegBtn:hover{color: #E90011; text-decoration: none;} #wrap #mainContent ul.artistInfo li .right{float: right; width: 560px;padding-top: 6px;position: relative; padding-left: 15px;overflow: hidden; min-height: 202px; height: auto !important; height: 202px;} #wrap #mainContent ul.artistInfo li .right .pack{float: left; border-top: solid 1px #D4000A;} #wrap #mainContent ul.artistInfo li .right .text{margin-left: 126px;} #wrap #mainContent ul.artistInfo li .right .text p{margin: 0;} #wrap #mainContent ul.artistInfo li .right .text a{color: #E90011;} #wrap #mainContent ul.artistInfo li .right .leadRegForm{float: left; width: 398px; height: 44px; padding: 10px; background: url(/2010/_img/lead-form-bg.png) no-repeat top left; position: absolute; top: 137px; left: -500px;} #wrap #mainContent ul.artistInfo li .right .leadRegForm label{float: left;font-weight: bold; color: #fff; margin: 0;padding: 8px 5px 0 0;} #wrap #mainContent ul.artistInfo li .right .leadRegForm .input{float: left; width: 200px;margin: 2px 3px 5px 0;} #wrap #mainContent ul.artistInfo li .right .leadRegForm .btn{float: left;border: 0; background: url(/2010/_img/go-btn.gif) no-repeat top left; width: 33px; height: 23px; cursor: pointer; margin-top: 5px;} #wrap #mainContent ul.artistInfo li .right .leadRegForm .terms{float: left;margin: 0 0 0 150px; font-size: 90%; clear: both;width: 200px; zoom: 1;} #wrap #mainContent ul.artistInfo li .right .leadRegForm .terms a{text-decoration: none; color: #888;} #wrap #mainContent ul.artistInfo li .right .leadRegForm .success, #wrap #mainContent ul.artistInfo li .right .leadRegForm .error{float: left; width: 328px; height: 44px; padding: 10px 10px 10px 80px; background: url(/2010/_img/lead-form-msg.gif) no-repeat top left; position: absolute; top: 0px; left: 0px; font-weight: bold;} #wrap #mainContent ul.artistInfo li .right .leadRegForm .error{background: url(/2010/_img/lead-form-error.gif) no-repeat top left;} #wrap #mainContent ul.artistInfo li .right .leadRegForm .error a{color: #E90011;} #wrap #mainContent ul.artistInfo li .right .leadRegForm .success{background: url(/2010/_img/lead-form-success.gif) no-repeat top left;} #wrap #mainContent ul.artistInfo li .right .leadRegForm .success em{font-style: normal; color: #3a9805;} #wrap #mainContent ul.artistInfo li .right .leadRegForm .success em.note{font-weight: normal; color: #555; font-size: 95%;} #wrap #mainContent #mainVid{float: left; width: 650px; height: 364px; margin: 48px 0 73px 172px; display: inline;} .artistList{float: left; width: 995px; overflow: hidden;} .artistList ul{margin: 0; float: left; list-style: none; width: 1008px;} .artistList ul li{float: left; margin: 0 13px 13px 0; width: 237px; height: 332px; padding: 1px; background: url(/2010/_img/list-item-bg.gif) no-repeat top left; position: relative; overflow: hidden;} .artistList ul li .dropForm{position: absolute; left: 1px; width: 217px; height: 96px; padding: 10px; top: -120px; background: url(/2010/_img/drop-bg.png) top left no-repeat;border-top: solid 1px #000;} .artistList ul li .top{height: 36px; width: 217px; padding: 121px 10px 0 10px;} .artistList ul li .top h4{margin: 0;text-indent: -99999em;} .artistList ul li .audio{background: url(/2010/_img/list-item-audio.gif) repeat-x top left; height: 20px; padding: 15px 10px; border: solid 1px #121212;} .artistList ul li p{margin: 5px 12px 10px 12px;} .artistList ul li p a{color: #E90011;} .artistList ul li a.regBtn{display: block; width: 226px; height: 33px; margin: 0 0 0 6px; position: relative; overflow: hidden;} .artistList ul li a.regBtn img{position: relative;} .artistList ul li .dropForm label{float: left;font-weight: bold; color: #fff; margin: 0 0 5px 0;} .artistList ul li .dropForm .input{float: left; width: 205px;margin: 0 3px 5px 0;} .artistList ul li .dropForm .btn{float: right;border: 0; background: url(/2010/_img/go-btn.gif) no-repeat top left; width: 33px; height: 23px; cursor: pointer;} .artistList ul li .dropForm .terms{float: left;margin: 3px 0; font-size: 90%; clear: both;width: 130px;} .artistList ul li .dropForm .terms a{text-decoration: none; color: #888;} .artistList ul li .dropForm .loader{padding: 3px 5px 0 0;} .artistList ul li .dropForm .success, .artistList ul li .dropForm .error{position: absolute; top: 1px; left: 1px; width: 161px; height: 101px; padding: 5px 10px 10px 65px;background: url(/2010/_img/dropform-response.gif) top left no-repeat;border-top: solid 1px #000; font-weight: bold;} .artistList ul li .dropForm .error{background: url(/2010/_img/dropform-error.gif) no-repeat top left; padding: 10px 10px 10px 80px; height: 96px; width: 146px;} .artistList ul li .dropForm .error a{color: #E90011;} .artistList ul li .dropForm .success{background: url(/2010/_img/dropform-success.gif) no-repeat top left;} .artistList ul li .dropForm .success em{font-style: normal; color: #3a9805;} .artistList ul li .dropForm .success em.note{position: absolute; bottom: 15px; left: 3px; width: 230px; font-weight: normal; color: #555; font-size: 90%;} .artistList ul li.planB .top{background: url(/2010/_img/artists/planb.jpg) no-repeat top left;} .artistList ul li.josh .top{background: url(/2010/_img/artists/josh.jpg) no-repeat top left;} .artistList ul li.mclean .top{background: url(/2010/_img/artists/mclean.jpg) no-repeat top left;} .artistList ul li.derulo .top{background: url(/2010/_img/artists/derulo.jpg) no-repeat top left;} .artistList ul li.marina .top{background: url(/2010/_img/artists/marina.jpg) no-repeat top left;} .artistList ul li.primary .top{background: url(/2010/_img/artists/primary1.jpg) no-repeat top left;} .artistList ul li.him .top{background: url(/2010/_img/artists/him.jpg) no-repeat top left;} .artistList ul li.wolfgang .top{background: url(/2010/_img/artists/wolfgang.jpg) no-repeat top left;} .artistList ul li.oh .top{background: url(/2010/_img/artists/3oh3.jpg) no-repeat top left;} .artistList ul li.fabio .top{background: url(/2010/_img/artists/fabio.jpg) no-repeat top left;} .artistList ul li.kid .top{background: url(/2010/_img/artists/kid.jpg) no-repeat top left;} .artistList ul li.foals .top{background: url(/2010/_img/artists/foals.jpg) no-repeat top left;} .scrollLeft{background: url(/2010/_img/prev.png) no-repeat top left; float: left;margin-top: -34px;position: relative; cursor: pointer; outline: 0;} .scrollRight{background: url(/2010/_img/next.png) no-repeat top left; float: right;margin-top: -34px;position: relative; cursor: pointer; outline: 0;} .backToTop{float: right;}