/*definitions*/
body { background-image:url(../images/bkrd.gif); margin:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; line-height:18px; }
img { border:none; }

h1 { font-size:18px; margin:0; padding:0 0 20px 0; }

/**/

#main { background:url(../images/main.png) no-repeat; width:870px; height:655px; position:relative; }


/**/
#nav {  }
#nav a { display:block; background-repeat:no-repeat; background-position:left; cursor:pointer; }
#nav a:hover { background-position:top; }
#nav div { position:absolute; }

#nav .home { z-index:5; top:144px; right:210px; }
#nav .home a { width:117px; height:40px; }
#nav .home a:hover { background-image:url(../images/hov_home.png); }

#nav .booking { z-index:6; top:204px; right:220px; }
#nav .booking a { width:147px; height:44px; }
#nav .booking a:hover { background-image:url(../images/hov_booking.png); }

#nav .about { z-index:10; top:139px; right:57px; }
#nav .about a { width:102px; height:23px; }
#nav .about a:hover { background-image:url(../images/hov_about.png); background-position:-5px -2px; }

#nav .photos { z-index:20; top:157px; right:59px; }
#nav .photos a { width:111px; height:26px; }
#nav .photos a:hover { background-image:url(../images/hov_photos.png); background-position:-5px center; }

#nav .shows { z-index:30; top:178px; right:74px; }
#nav .shows a { width:100px; height:25px; }
#nav .shows a:hover { background-image:url(../images/hov_shows.png); background-position:-5px center; }

#nav .merch { z-index:40; top:201px; right:81px; }
#nav .merch a { width:104px; height:24px; }
#nav .merch a:hover { background-image:url(../images/hov_merch.png); background-position:-5px center; }

#nav .downloads { z-index:50; top:222px; right:39px; }
#nav .downloads a { width:150px; height:30px; }
#nav .downloads a:hover { background-image:url(../images/hov_downloads.png); background-position:-10px center; }

#nav .links { z-index:60; top:247px; right:101px; }
#nav .links a { width:108px; height:26px; }
#nav .links a:hover { background-image:url(../images/hov_links.png); background-position:-5px -1px; }

#nav .myspace { z-index:70; top:276px; right:94px; }
#nav .myspace a { width:126px; height:32px; }
#nav .myspace a:hover { background-image:url(../images/hov_myspace.png); background-position:-5px -2px; }

#nav .contact { z-index:80; top:303px; right:104px; }
#nav .contact a { width:130px; height:34px;  }
#nav .contact a:hover { background-image:url(../images/hov_contact.png); background-position:-5px -4px; }
/**/


#logo_link { position:absolute; top:85px; left:56px; }
#logo_link a { display:block; width:400px; height:100px; z-index:10; }

#detroit_punk_rock { position:absolute; top:38px; right:60px; z-index:10; }

#index_maintext { position:absolute; z-index:5; top:280px; left:230px; }

#maintext { position:absolute; z-index:100; top:290px; left:60px; }
#maintext .scroller { width:400px; height:300px; overflow:auto; text-align:left; }
#maintext .scroller .pad { padding:20px; }

#hideheading { height:20px; overflow:hidden; }
#hideheading .text { padding-top:20px; }

#showhide_player { width:250px; height:116px; cursor:pointer; position:absolute; z-index:990; top:485px; left:30px; }
#showhide_player:hover { background:url(../images/showhide_player_hov.png) no-repeat; }

#player_position { z-index:1100; position:absolute; }
/*#themusicplayer { cursor:move; width:466px; height:387px; background:url(../images/player_shadow.png) no-repeat; }*/
#themusicplayer { cursor:move; width:236px; height:191px; background:url(../images/player_shadow2.png) no-repeat; position:relative; }
#themusicplayer .pad { padding:7px 2px 0 0; }
#themusicplayer .explain { width:220px; background-image:url(../images/player_explain_bkrd.png); font-size:11px; font-family:Arial; font-weight:bold; padding:4px 0 3px 0; text-align:center; }
/*draggable div*/
* html {
overflow: hidden;
}
* html body {
margin: 0;
padding: 0;
height:100%;
height:expression(document.documentElement.clientHeight+'px');
width:expression(document.documentElement.clientWidth+'px');
overflow: auto;
}
* html #container {
margin:15px 10px;
}
#floater{
position:fixed!important;
position:absolute;
/*line-height:20px;
left:110px;*/
z-index:900;
}
/**/

/*listen to us on myspace*/
#listenmyspace { position:absolute; z-index:1001; top:450px; left:30px; }
/**/

/*copyright*/
#copyright { position:absolute; z-index:1000; top:640px; left:160px; }
/**/

/*prev version*/
#prev_version { position:absolute; z-index:1000; top:-30px; left:-20px; }
#prev_version .linkholder { height:10px; overflow:hidden; }
#prev_version .linkholder .link { padding-top:11px; font-size:9px; }
/**/

/*popout stuff*/
#tape_popouts { position:absolute; z-index:2000; top:188px; left:240px; }
.tape_bkrd { width:592px; height:445px; background:url(../images/tape_bkrd.png) no-repeat; position:absolute; z-index:1500; }
.tape_bkrd .closex { padding:66px 0 0 395px; text-align:left; cursor:pointer; z-index:1600; }
.tape_bkrd #contactus { padding:56px 0 0 15px; }
.tape_bkrd #bookingus { padding:49px 0 0 10px; }
.tape_bkrd #shows { padding:-8px 0 0 15px; }
/**/

/*about page*/
#about_content { text-align:left; padding:280px 0 0 0; }
/**/

/*free stuff page*/
#downloads_content {  }
#downloads_content .wallpaper_skateboard { position:absolute; z-index:1000; top:257px; left:40px; width:374px; height:172px; background:url(../images/wallpaper_skateboard_img.png) no-repeat; }
#downloads_content .wallpaper_skateboard .links { padding:110px 0 0 155px; text-align:left; }
#downloads_content .wallpaper_vectorband { position:absolute; z-index:1000; top:435px; left:40px; width:379px; height:158px; background:url(../images/wallpaper_vectorband_img.png) no-repeat; }
#downloads_content .wallpaper_vectorband .links { padding:108px 0 0 153px; text-align:left; }
#downloads_content .stickers { position:absolute; z-index:1000; top:340px; left:400px; }
/**/

/*photos page*/
#photos_content {  }
#photos_content .photo_one { position:absolute; z-index:600; top:240px; left:60px; }
#photos_content .coming_soon { position:absolute; z-index:500; top:490px; left:590px; }
/**/

/*merch page*/
#merch_content {  }
#merch_content form { margin:0; padding:0; }
#merch_content .pins { position:absolute; z-index:900; width:355px; height:216px; background:url(../images/merch_pins.png) no-repeat; top:240px; left:50px; text-align:left; }
#merch_content .pins .pins_btn { padding:90px 0 0 185px; }
#merch_content .bracelets { position:absolute; z-index:900; width:355px; height:157px; background:url(../images/merch_bracelet.png) no-repeat; top:450px; left:50px; text-align:left; }
#merch_content .bracelets .bracelets_btn { padding:75px 0 0 50px; }
#merch_content .stickers { position:absolute; z-index:900; width:298px; height:158px; background:url(../images/merch_stickers.png) no-repeat; top:490px; left:500px; }
#merch_content .shirts { position:absolute; z-index:910; width:355px; height:190px; background:url(../images/shirts_img.png) no-repeat; top:315px; left:390px; }
#merch_content .shirts .shirts_btn { padding:92px 0 0 150px; }
/**/

/*links page*/
#links_content { width:385px; height:360px; background:url(../images/links_screen.png) no-repeat; position:absolute; z-index:500; top:250px; left:80px; }
#links_content .padding  { text-align:left; padding:40px 60px 0 50px; font-family:"Courier New", Courier, monospace; font-size:11px; color:#fefefe; line-height:16px;  }
#links_content .l_title { font-size:18px; font-weight:bold; font-family:"Courier New", Courier, monospace; color:#fefefe; padding-bottom:10px; }
#links_content a { font-family:"Courier New", Courier, monospace; font-size:11px; font-weight:bold; color:#fefefe; text-decoration:none; }
#links_content a:hover { text-decoration:underline; }
/**/

/*coming soon*/
#coming_soon { position:absolute; z-index:2000; top:395px; left:200px; }
/**/