@charset "utf-8";

#head { position: relative;
width: 236px; height: 119px;
margin: 15px; }

#artistHeading { background: url(../images/heading_titles/music_artists_h1.png) no-repeat;
text-indent: -9999px;
position: relative;
top: 40px; left: 185px;
z-index: 3; } 

#remixHeading { background: url(../images/heading_titles/music_remix_h1.png) no-repeat;
text-indent: -9999px;
position: relative;
width: 264px; height: 32px;
top: 40px; left: 185px;
z-index: 3; }

#vocalHeading { background: url(../images/heading_titles/music_vocal_h1.png) no-repeat;
text-indent: -9999px;
position: relative;
width: 264px; height: 32px;
top: 40px; left: 185px;
z-index: 3; }

#squares {background: url(../images/music_design/squares.png) no-repeat;
width:82px; height: 99px;
position: absolute;
top: 0; left: 70px; }

#line1 {background: url(../images/music_design/line_1.png) no-repeat;
width: 140px; height: 7px;
position: absolute;
top: 100px; left: 20px;
z-index: 3; }

#line2 {background: url(../images/music_design/line_3.png) no-repeat;
width: 470px; height: 5px;
position: absolute;
top: 17px; left: 247px;
z-index: 3; }

#line3 {background: url(../images/music_design/line_3.png) no-repeat;
width: 524px; height: 5px;
position: absolute;
top: 100px; left: 235px;
z-index: 3; }

#vinyl {background: url(../images/music_design/vinyl.png) no-repeat;
width: 96px; height: 111px;
position: absolute;
top: 0; left: 155px;
z-index: 2; }

#mic {background: url(../images/music_design/mic.png) no-repeat;
width: 96px; height: 120px;
position: absolute;
top: -10px; left: 165px;
z-index: 2; }


ul#artistNav.artist_main li#artist_sub {background: url(../images/music_design/artists_sub_nav_over.png) no-repeat;}
ul#artistNav.remix li#remix_sub {background: url(../images/music_design/remix_sub_nav_over.png) no-repeat;}
ul#artistNav.vocal li#vocal_sub {background: url(../images/music_design/vocal_sub_nav_over.png) no-repeat;}

ul#artistNav {width: 320px;
list-style-type: none;
position: relative;
color: #000; }

ul#artistNav li {display: inline; }

li#artist_sub {background:url(../images/music_design/artists_sub_nav.png) no-repeat;
position: absolute;
top: 45px; left: 420px;
width: 120px; height: 40px; }

li#artist_sub a:hover {background:url(../images/music_design/artists_sub_nav_over.png) no-repeat;
width: 120px; height: 40px; }

li#remix_sub {background:url(../images/music_design/remix_sub_nav.png) no-repeat;
position: absolute;
top: 45px; left: 530px;
width: 120px; height: 40px; }

li#remix_sub a:hover {background:url(../images/music_design/remix_sub_nav_over.png) no-repeat;
width: 120px; height: 40px; }

li#vocal_sub {background:url(../images/music_design/vocal_sub_nav.png) no-repeat;
position: absolute;
top: 45px; left: 640px;
width: 120px; height: 40px; }

li#vocal_sub a:hover {background:url(../images/music_design/vocal_sub_nav_over.png) no-repeat;
width: 120px; height: 40px; }

ul#artistNav a {display: block;
width: 120px; height: 32px;
text-indent: -9999px;
text-decoration: none;
overflow: hidden; }

#artistsContent {position: relative; } 

div.artists {width: 780px;
position: relative;
margin: 10px; }

#left {position: relative;
width: 260px; height: 85px;
margin-bottom: 15px; }

#left h3 {font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold;
color: #266382; }

#left h4 {font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8px; 
font-weight: bold;
color: #6394AB; }   

div.external {position: relative;
left: 110px; top:57px;
width: 125px; height: 25px;
margin-top: 4px; }

div.artistImg {position: absolute;
top: 0; left: 0;
width: 105px; height: 80; }

div.artistName {position: absolute;
left: 110px; top: 2px;
width: 150px; }

div.genre {position: absolute;
left: 110px; top: 20px;
width: 120px; }

ul#leftLinks {width: 125px;
list-style-type: none;
position: relative; }

ul#leftLinks li {display: inline; padding: 2px; }

li#profile {background: url(../images/music_design/profile.gif) no-repeat;
position: absolute;
top: 0; left: 0;
width: 40px; height: 20px; }

li#profile a:hover {background: url(../images/music_design/profile_over.gif) no-repeat;
position: absolute;
top: 0; left: 0;
width: 40px; height: 20px; }

li#myspace { background:url(../images/music_design/myspace.gif) no-repeat;
position: absolute;
top: 0; left: 45px;
width: 40px; height: 20px; }

li#myspace a:hover{ background:url(../images/music_design/myspace_over.gif) no-repeat;
position: absolute;
top: 0; left: 0;
width: 40px; height: 20px; }

li#bookdj { background:url(../images/music_design/mail.gif) no-repeat;
position: absolute;
top: 0; left: 90px;
width: 40px; height: 20px; }

li#bookdj a:hover { background:url(../images/music_design/mail_over.gif) no-repeat;
position: absolute;
top: 0; left: 0;
width: 40px; height: 20px; }

ul#leftLinks a {display: block;
width: 40px;
text-indent: -9999px;
text-decoration: none;
overflow: hidden; }