html, body {height:100%}

body {margin:0px; padding: 0;
      color:#000000; 
	  font-family: "Book Antiqua", Palatino, serif;
	  font-size: 12px;
	  text-align: center;
	  background: #FFFFFF;
	  }

a { color: #dc143c; text-decoration : none; }
a:link { color: #dc143c; text-decoration : none; }
a:visited { color: #dc143c; text-decoration : none; }
a:hover { color: #dc143c; text-decoration : none; }
a:active { color: #dc143c; text-decoration : none; }

#content {z-index: 0; position: absolute; width:800px; height:600px; left:50%; margin-left: -400px; top:50%; margin-top: -300px;}
#contentartwork {z-index: 0; position: absolute; width:800px; height:600px; left:50%; margin-left: -400px; top:50%; margin-top: -300px; background: #000000;}
#helptext {position: absolute; width:700px; left:50%; margin-left: -350px; top: 220px; text-align: left; }	  

.navbar {
position: absolute;
left:50%; margin-left: -400px;
top:50%; margin-top: -300px;
width: 800px;
height: 600px;
}

a.nav1 { background:url(../graphics/dl_nav1.jpg) repeat 0px 0px; width: 245px; height: 600px; display: block; }
a.nav2 { background:url(../graphics/dl_nav2.gif) repeat 0px 0px; width: 153px; height: 600px; display: block; }
a.nav3 { background:url(../graphics/dl_nav3.jpg) repeat 0px 0px; width: 168px; height: 600px; display: block; }
a.nav4 { background:url(../graphics/dl_nav4.jpg) repeat 0px 0px; width: 234px; height: 600px; display: block; }
a.nav4a { background:url(../graphics/dl_nav4a.jpg) repeat 0px 0px; width: 234px; height: 300px; display: block; }
a.nav4b { background:url(../graphics/dl_nav4b.jpg) repeat 0px 0px; width: 234px; height: 300px; display: block; }
a.back1 { background:url(../graphics/dl_backred.png) repeat 0px 0px; width: 98px; height: 64px; display: block; }
a.back2 { background:url(../graphics/dl_backblack.png) repeat 0px 0px; width: 98px; height: 64px; display: block; }
a.back3 { background:url(../graphics/dl_backwhite.png) repeat 0px 0px; width: 98px; height: 64px; display: block; }
a.nme { background:url(../graphics/dl_nme.png) repeat 0px 0px; width: 105px; height: 64px; display: block; }
a.art { background:url(../graphics/dl_artbtn.png) repeat 0px 0px; width: 250px; height: 80px; display: block; }

a.nav1 span, a.nav2 span, a.nav3 span, a.nav4 span, a.nav4a span, a.nav4b span, a.back1 span, a.back2 span, a.back3 span, a.nme span, a.art span { display: none; }
a.nav1:hover { background: url(../graphics/dl_nav1.jpg) repeat 0px -600px; }
a.nav2:hover { background: url(../graphics/dl_nav2.gif) repeat 0px 600px; }
a.nav3:hover { background: url(../graphics/dl_nav3.jpg) repeat 0px -600px; }
a.nav4:hover { background: url(../graphics/dl_nav4.jpg) repeat 0px -600px; }
a.nav4a:hover { background: url(../graphics/dl_nav4a.jpg) repeat 0px -300px; }
a.nav4b:hover { background: url(../graphics/dl_nav4b.jpg) repeat 0px -300px; }
a.back1:hover { background: url(../graphics/dl_backred.png) repeat 0px -64px; }
a.back2:hover { background: url(../graphics/dl_backblack.png) repeat 0px -64px; }
a.back3:hover { background: url(../graphics/dl_backwhite.png) repeat 0px -64px; }
a.nme:hover { background: url(../graphics/dl_nme.png) repeat 0px -64px; }
a.art:hover { background: url(../graphics/dl_artbtn.png) repeat 0px -80px; }

#songplayer  {z-index: 1; position: absolute; left:50%; margin-left: -55px; top:50%; margin-top: 60px; width: 100px; height: 100px; }

#songnme  {z-index: 1; position: absolute; left:50%; margin-left: -300px; top:50%; margin-top: 185px; width: 105px; height: 64px; }
#songback {z-index: 1; position: absolute; left:50%; margin-left: 190px; top:50%; margin-top: 185px; width:98px; height:64px;    }
#songart {z-index: 1; position: absolute; left:50%; margin-left: -125px; top:50%; margin-top: 175px; width:250px; height:80px;    }

#showback {z-index: 1; position: absolute; width:98px; height:64px; left:50%; margin-left: 150px; top:50%; margin-top: 125px;}
#nmeback {z-index: 1; position: absolute; width:98px; height:64px; left:50%; margin-left: 150px; top:50%; margin-top: 155px;}
#concertback {z-index: 1; position: absolute; width:98px; height:64px; left:50%; margin-left: 150px; top:50%; margin-top: 125px;}
#artworkback {z-index: 1; position: absolute; width:98px; height:64px; left:50%; margin-left: 300px; top:50%; margin-top: 250px;}
#songsuccess {z-index: 1; position: absolute; width:98px; height:64px; left:50%; margin-left: 200px; top:50%; margin-top: 150px;}
#songnoemail {z-index: 1; position: absolute; width:400px; height:102px; left:50%; margin-left: -200px; top:50%; margin-top: 80px;}

#privacy
{
position: absolute;
left:50%;  margin-left: -50px;
top:50%; margin-top: 350px;
text-align: center;
}