/* 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; }

#blackBackery{background:#000 url(../slide/images/loading.gif) no-repeat 50% 50%; width:100%; height:100%; z-index:10000; position:absolute; top:0; left: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: 999; 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: 999; 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 */

#menuAbout { position: absolute; width: 95px; height: 216px; top: 50%; margin-top: -90px; left: -10px; z-index: 999; background:url(images/menu.gif) no-repeat;}
#menuAbout a{display:block; position:absolute; margin:0; padding:0; z-index:9999;}
#menuAbout a span{display:none;}

#ma0{width:57px; height:29px; left:32px; top:-20px;background:url(images/ma0.gif);} #ma0:hover{background:url(images/ma0-over.gif);} /* bio */
#ma1{width:57px; height:51px; left:26px; top:19px;} #ma1:hover{background:url(images/ma1.gif);} /* bio */
#ma2{width:56px; height:33px; left:18px; top:74px;} #ma2:hover{background:url(images/ma2.gif);} /* joe */
#ma3{width:67px; height:34px; left:14px; top:118px;} #ma3:hover{background:url(images/ma3.gif);} /* gaz */
#ma4{width:59px; height:33px; left:13px; top:160px;} #ma4:hover{background:url(images/ma4.gif);} /* will */

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

#it-scrolls-sideways{position:absolute;top: 50%; margin-top: -290px; z-index: 999;height:12px; width:99px; left:500px; background:url(../slide/images/it-scrolls-sideways.gif) no-repeat;}
#it-scrolls-sideways a span{display:none;}
#it-scrolls-left{height:12px; width:16px;  display:block; position:absolute; top:0; left:0; }
#it-scrolls-right{height:12px; width:16px; display:block; position:absolute; top:0; right:0;}
#it-scrolls-left:hover {background:url(../slide/images/it-scrolls-left.gif); }
#it-scrolls-right:hover{background:url(../slide/images/it-scrolls-right.gif); }


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

/* repeatable elements */
.page { float: left; height: 626px; }
.img { position: absolute; z-index: 300; }
.text { position: absolute; z-index: 500; }
.link { position: absolute; z-index: 700; }
.link a { display: block; width: 100%; height: 100%; text-decoration: none; background-image: url('images/spacer.gif'); }


/* home */
#home { position: relative; width: 1150px; background:#000 url(images/band-leftmost.jpg) no-repeat right;}
#homeText{font-family:Georgia, "Times New Roman", Times, serif; color:#000; font-size:15px; width:420px; position:absolute; top:160px; left:420px;}
#homeText p{padding:0 0 10px 0; margin:0;}
#homeText p a{color:#5F0000; font-weight:bold; text-decoration:none; border-bottom:1px dashed #fff;}
#homeText p a:hover{color:#C00000; border-bottom:1px dashed #D05757;}
#home a{text-decoration:none;}
#home a span{display:none; text-decoration:none;}
#homeJoe{width:122px; height:211px; left:460px; top:360px; position:absolute; }
#homeWill{width:122px; height:211px; left:620px; top:360px; position:absolute;}
#homeGaz{width:122px; height:211px; left:760px; top:360px; position:absolute;}
#homeGaz:hover span, #homeWill:hover span, #homeJoe:hover span {position:relative; top:-30px; left:-40px; width:230px;text-align:center; 
font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; display:block; font-weight:bold; background:#000; padding:5px; }


/* bio */
#bio { position: relative; width: 833px;}
#bioright{height:558px; position:absolute; right:0; top:26px; width:450px; background:url(images/little-capedude.gif) no-repeat; z-index:50;}
#bioleft{height:466px; position:absolute; left:0; top:69px; width:383px; background:#fff; z-index:60;}

#bioText{width:480px; position:absolute; top:15px; left:-20px;}
#bioText p{padding:0 0 10px 0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px;}
#bioText p a{color:#5F0000; font-weight:bold; text-decoration:none; border-bottom:1px dashed #fff;}
#bioText p a:hover{color:#C00000; border-bottom:1px dashed #D05757;}


/* grungecape */
#grungecape { position: relative; width: 728px;}
#grungecape2{top:26px; left:0; position:absolute; width:728px; height:558px; background:url(images/up-top-buioldings.jpg) no-repeat;}

/* joe */
#joe{position:relative; width:734px;}
#joebuilding{height:221px; position:absolute; left:0; bottom:80px; width:191px; background:url(images/little-right-building.gif) no-repeat;}
#joename{height:52px; position:absolute; left:2px; top:40px; width:351px; background:url(images/joe-forrester.gif) no-repeat;}
#joepic{height:350px; width:380px; right:0; top:128px; background:url(images/green-joe.jpg) no-repeat; position:absolute; }

#joeText{width:330px; position:absolute; top:125px; left:10px; text-align:right; }
#joeText p{padding:0 0 10px 0; margin:0; font-size:10px; font-family:Arial, Verdana, Helvetica, sans-serif;color:#fff;}
#joeText p a{color:#fff; font-weight:bold; text-decoration:none; border-bottom:1px dashed #fff;}
#joeText p a:hover{color:#C00000; border-bottom:1px dashed #D05757;}


/* gaz*/
#gaz{position:relative; width:1164px;}
#gazpic{width:570px;height:464px; left:0; top:61px; background:url(images/gaz.jpg) no-repeat; position:absolute; }
#gazbio{width:297px;height:464px; left:571px; top:61px; background:url(images/gazprofile.gif) no-repeat; position:absolute; }
#coolbitchleft{width:297px;height:516px; left:869px; top:48px; background:url(images/coolbitch-left.jpg) no-repeat; position:absolute; }

#gazText{width:235px; position:absolute; top:108px; left:40px;}
#gazText p{padding:0 0 10px 0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#fff;}
#gazText p a{color:#fff; font-weight:bold; text-decoration:none; border-bottom:1px dashed #fff;}
#gazText p a:hover{color:#C00000; border-bottom:1px dashed #D05757;}

/* will */
#will{position:relative; width:1552px;}
#coolbitchright{width:294px;height:380px; left:0; top:48px; background:url(images/coolbitch-right.jpg) no-repeat; position:absolute; }
#willintoear{width:161px;height:149px; left:460px; top:31px; background:url(images/intoear.gif) no-repeat; position:absolute;}
#willpic{width:580px;height:249px; left:294px; top:179px; background:url(images/will-left.jpg) no-repeat; position:absolute;}
#willright{width:163px;height:171px; left:874px; top:295px; background:url(images/will-right.jpg) no-repeat; position:absolute;}
#willtail{width:513px;height:172px; left:1037px; top:414px; background:url(images/tail.jpg) no-repeat; position:absolute;}
#willtail2{width:279px;height:274px; left:1256px; top:140px; background:url(images/tail2.jpg) no-repeat; position:absolute;}

#willText{width:479px; position:absolute; top:437px; left:434px; text-align:center;}
#willText p{padding:0 0 10px 0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff;}
#willText p a{color:#fff; font-weight:bold; text-decoration:none; border-bottom:1px dashed #fff;}
#willText p a:hover{color:#C00000; border-bottom:1px dashed #D05757;}

/*Buggy*/
#buggyboo{position:relative; width:300px;}
#buggyboo p{width:400px; position:absolute; top:50%; height:200px; margin-top:-100px; font-size:25px; font-family:Georgia, "Times New Roman", Times, serif; color:#555; }
#buggyboo p a{color:#ff0000; text-decoration:none;}
#buggyboo1{left:2000px; }
#buggyboo2{left:4500px; }
#buggyboo3{left:7000px; }
#buggyboo4{left:11000px; }
#buggyboo5{left:15000px; }
#buggyboo6{left:19000px; }
#buggyboo7{left:24000px; }