/* general */
html,body { background-color: #000; overflow: hidden; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; }
html,body,h1,h2,h3,h4,h5,h6,form,input { margin: 0; padding: 0; }

h2 span{display:none;}
a img{border:none !important;}


#flashPlayer{position: absolute; width: 435px; height: 30px; top: 50%; margin-top: -300px; left: 0; z-index: 300; background:url(../slide/images/navigation-aid-back.jpg) no-repeat right;}

#menu { position: absolute; width: 169px; height: 397px; top: 50%; margin-top: -140px; left: 0; z-index: 300; background:url(../slide/images/slider-menu.gif) no-repeat;}
#menu a{display:block; position:absolute; margin:0; padding:0; z-index:9999;}
#menu a span{display:none;}

#m0{width:50px; height:29px; left:52px; top:9px;} #m0:hover{background:url(../slide/images/m0.gif);} /* home */
#m1{width:107px; height:59px; left:17px; top:38px;} #m1:hover{background:url(../slide/images/m1.gif);} /* buy */
#m2{width:106px; height:33px; left:19px; top:104px;} #m2:hover{background:url(../slide/images/m2.gif);} /* mp3 */
#m3{width:110px; height:28px; left:17px; top:147px;} #m3:hover{background:url(../slide/images/m3.gif);} /* discog */
#m4{width:83px; height:39px; left:20px; top:186px;} #m4:hover{background:url(../slide/images/m4.gif);} /* shows */
#m5{width:85px; height:35px; left:13px; top:229px;} #m5:hover{background:url(../slide/images/m5.gif);} /* press */
#m6{width:93px; height:40px; left:8px; top:274px;} #m6:hover{background:url(../slide/images/m6.gif);} /* about */
#m7{width:83px; height:41px; left:6px; top:321px;} #m7:hover{background:url(../slide/images/m7.gif);} /* contact */

#menuDownloads { position: absolute; width: 95px; height: 244px; top: 50%; margin-top: -30px; left: 127px; z-index: 300; background:url(images/menu-backer.gif) no-repeat;}
#menuDownloads a{display:block; position:absolute; margin:0; padding:0; z-index:9999;}
#menuDownloads a span{display:none;}


#ma0{width:57px; height:29px; left:32px; top:8px;} #ma0:hover{background:url(images/ma0ov.gif);} /* home */
#ma1{width:59px; height:26px; left:24px; top:48px;} #ma1:hover{background:url(images/ma1.gif);} /* mp3z */
#ma2{width:63px; height:33px; left:19px; top:73px;} #ma2:hover{background:url(images/ma2.gif);} /* myspaz */
#ma3{width:55px; height:19px; left:21px; top:111px;} #ma3:hover{background:url(images/ma3.gif);} /* flierz */
#ma4{width:69px; height:21px; left:12px; top:137px;} #ma4:hover{background:url(images/ma4.gif);} /* videoz */
#ma5{width:63px; height:31px; left:15px; top:161px;} #ma5:hover{background:url(images/ma5.gif);} /* web bannerz */
#ma6{width:69px; height:30px; left:8px; top:199px;} #ma6:hover{background:url(images/ma6.gif);} /* web bannerz */


#testTrackContainer{position:absolute;top: 50%; margin-top: -290px; z-index: 999;height:12px; width:99px; right:20px; border:1px solid #333; width:200px; height:10px;}
#testTrack{width:200px; height:10px; background:#222;}
#testHandle{cursor:w-resize;width:5px; height:10px;background-color:#333;}


#container { width: 15000px; height: 600px; position: absolute; top: 50%; margin-top: -280px; left: 0px; z-index: 100; }

/* repeatable elements */
.page { float: left; height: 600px; }


#home{position:relative; width:1552px;}
#homeInner{position:absolute; width:1201px; top:47px; height:524px; background:url(images/home.gif) no-repeat left;}
#homeInner a { display:block; position:absolute; z-index:100; text-decoration:none;}
#homeInner a:hover {border:2px dotted #330000;}
#homeInner a span{display:none;}
#home-mp3slink{left:331px; top:248px; width:237px; height:132px;}
#home-photos{left:576px; top:220px; width:170px; height:126px;}
#home-fliers{left:751px; top:175px; width:110px; height:178px;}
#home-videos{left:553px; top:372px; width:137px; height:145px;}
#home-desktops{left:718px; top:360px; width:198px; height:121px;}
#home-webbanners{left:334px; top:391px; width:193px; height:88px;}



#line1{width:351px;height:13px; right:0px; top:83px; background:url(images/line1.gif) no-repeat; position:absolute; }

#mp3s{position:relative; width:3385px;}
#mp3sInner{position:absolute; width:243px; height:108px; top:24px; left:0px; background:url(images/mp3s.jpg);}
#mp3s-instruct{position:absolute; width:292px; height:77px; top:99px; left:243px; background:url(images/mp3s-instruct.gif);}

#mp3sHolder{width:500px; position:absolute; top:180px; left:-40px; font-family:Georgia, "Times New Roman", Times, serif;}
#mp3sHolder h3{font-size:20px; color:#666; font-weight:normal;}
#mp3sHolder h3 a{color:#ccc;}
#mp3sHolder h3 a:hover{color:#fff;}
#mp3sHolder blockquote{display:block; clear:both; margin:0; padding:10px 10px 15px;}
#mp3sHolder blockquote a{background:url(images/download-icon.jpg) no-repeat top left; font-size:14px; color:#fff; display:block; padding:3px 0 10px 23px; text-decoration:none;}
#mp3sHolder blockquote a:hover{background:url(images/download-icon-over.jpg) no-repeat top left; color:#ff0000;}
#mp3sHolder blockquote a span{color:#777; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}


#line-trekkers{position:absolute; width:455px; height:167px; top:99px; left:535px; background:url(images/line-trekkers.gif);}
#dadandkid{position:absolute; width:394px; height:413px; top:2px; left:990px; background:url(images/dadandkid.jpg);}
#linerightdad{position:absolute; width:279px; height:95px; top:182px; left:1384px; background:url(images/linerightdad.gif);}
#tesla{position:absolute; width:623px; height:572px; top:2px; left:1663px; background:url(images/tesla.jpg);}
#crowdline{position:absolute; width:732px; height:98px; top:43px; left:2286px; background:url(images/crowdline.gif);}
#zappy{position:absolute; width:367px; height:332px; top:43px; left:3018px; background:url(images/zappy.jpg);}
#prespaz{position:absolute; width:368px; height:59px; top:129px; left:-368px; background:url(images/pre-spaz-line.jpg);}

#myspace{position:relative; width:1845px;}
#bandphotos{position:absolute; width:345px; height:350px; top:106px; left:0; background:url(images/band-photos.gif);}

#photosIntro{width:400px; position:absolute; top:280px; left:-200px; z-index:100;}
#photosIntro h3{font-size:24px;  color:#666; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; margin:0; padding:0 0 5px 15px; font-weight:normal;}
#photosIntro a{font-size:15px;color:#fff; display:block; text-decoration:none; padding:10px 0 10px 20px; position:relative; border-top:3px solid #fff; margin:5px 0; min-height:30px;}
#photosIntro a em{font-size:11px;color:#666; display:block; padding:3px 0;}
#photosIntro a:hover{color:#ff0000; border-top-color:#ff0000;}
#photosIntro a:hover span{background:#ff0000;}
#photosIntro a span{position:absolute; top:-3px; left:-50px; width:50px; background:#fff; display:block; padding:3px;}
#photosIntro a span img{border:1px solid #000; width:50px; height:50px;}

#photosIntro p{color:#777; font-size:12px; padding:10px 30px; font-style:italic;}

#myspaze-line{position:absolute; width:561px; height:146px; top:234px; left:345px; background:url(images/myspaze-line.gif);}
#myspaze-line2{position:absolute; width:393px; height:208px; top:193px; left:906px; background:url(images/myspaze-line2.gif);}
#fliers{position:absolute; width:304px; height:374px; top:193px; left:1299px; background:url(images/fliers.jpg);}

#flierBacking{width:600px; position:absolute; top:-70px; left:50%; margin:0 0 0 -300px;}
#flierBackingExplain{text-align:center; position:absolute; top:-40px; left:50%; width:500px; margin:0 0 0 -250px; font-size:14px; color:#fff;}
#flierBacking a{background:url(images/flier-backing.jpg) no-repeat top; width:66px; height:89px; margin:0 25px; position:relative; display:block; float:left;} 
#flierBacking a img{position:absolute; top:4px; left:4px; width:50px; height:75px; top:7px; left:11px;}

#postflierline{position:absolute; width:243px; height:120px; top:376px; left:1603px; background:url(images/postflierline.jpg);}

#vids{position:relative; width:3000px;}

#videoIntro{width:425px; text-align:center; font-size:25px; letter-spacing:-1px; font-family:Georgia, "Times New Roman", Times, serif; position:absolute; top:100px; left:415px; color:#000;}
#videoEmbedder{width:425px; height:355px; position:absolute; top:135px; left:416px; z-index:100;}

#business-man{position:absolute; width:404px; height:371px; top:120px; left:0; background:url(images/business-man.gif);}
#videobacker{position:absolute; width:458px; height:415px; top:89px; left:404px; background:#fff;}
#videos-right{position:absolute; width:445px; height:600px; top:0; left:856px; background:url(images/videos-right.jpg);}
#red-sunset{position:absolute; width:1249px; height:593px; top:0; left:1301px; background:url(images/red-sunset.jpg);}


#banners{position:relative; width:1045px;}
#web-banners{position:absolute; width:349px; height:237px; top:166px; left:0; background:url(images/web-banners.jpg);}
#endline1{position:absolute; width:1410px; height:466px; top:90px; left:349px; background:url(images/endline1.gif);}
#youtknowthedeal{position:absolute; width:430px; height:146px; top:78px; left:1759px; background:url(images/youtknowthedeal.gif);}
#desktoppictures{position:absolute; width:319px; height:194px; top:223px; left:2099px; background:url(images/desktoppictures.gif);}

#desktoppicturesIntro{width:300px; position:absolute; top:200px; left:-0px; text-align:right;}
#desktoppicturesIntro p{font-size:12px; margin:0; padding:0 0 10px; color:#fff;}
#desktoppicturesIntro p em{color:#777;}
#desktoppicturesInner{width:500px; position:absolute; top:-100px; left:350px;}
#desktoppicturesInner a{float:left; margin:5px; width:140px; padding:3px; height:100px; border:3px dotted #000000; text-decoration:none; text-align:center;}
#desktoppicturesInner a:hover{border:3px dotted #440000;}