@charset "UTF-8";
/* CSS Document */

/*messy linking*/
/*img{border:0px;}*/

.outline{
border:1px solid;
border-color:#FFFFFF;}
/*end of messy linking*/


/*layout*/
body{
margin:0 0 0 0;
padding:0 0 0 0;
text-align:center;
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
color:white; 
}

#container{
position:absolute;
left:50%;
width:933px;
margin-left:-466.5px;
text-align:left;
}

#headindex{
width:100%;
height:393px;
padding-left:22px;
background:url(images/indexbg) no-repeat top left;
}

#headartist{
width:100%;
height:393px;
padding-left:22px;
background:url(images/artistbg) no-repeat top left;
}


#headninelives{
width:100%;
height:393px;
padding-left:22px;
background:url(images/ninelivesbg) no-repeat top left;
}


#headabout{
width:100%;
height:393px;
padding-left:22px;
background:url(images/aboutbg.jpg) no-repeat top left;
}

#logomenu{
width:911px;
height:102px;
background-image:url(images/logo.png);
background-position:top-left;
background-repeat:no-repeat;
text-align:left;
}

#headerproper{
width:100%;
height:291px;}

#content{
width:933px;
padding-left:15px;
margin-top:20px;
text-align:left;
}


#footer{clear:both; width:100%;color:#666666;padding:0 50px 20px 20px;}
#footerleft{height:30px;float:left;margin-top:20px;}
#footerright{height:30px;float:left;margin:20px 0 0 140px;}

#footer img{border:0px}

/*end of layout*/





/*navigation css*/
#navi{
height:63px;
position:relative;
list-style: none;
margin:0 0 0 330px;
text-align:left;
}/*navi container*/

/*navi rollover*/
#navi li { float: left; }
#navi li a { text-indent: -99999px; overflow: hidden; display: block; height: 63px;} 

#navi_home { background: url(images/menu/home_states.png); width: 59px; }
#navi_home:hover { background: url(images/menu/home_states.png) -59px 0; }

#navi_about { background: url(images/menu/about_states.png); width: 121px;}
#navi_about:hover { background: url(images/menu/about_states.png) -121px 0; }

#navi_ninelives { background: url(images/menu/ninelives_states.png); width: 101px;}
#navi_ninelives:hover { background: url(images/menu/ninelives_states.png) -101px 0; }

#navi_artist { background: url(images/menu/artist_states.png); width: 141px;}
#navi_artist:hover { background: url(images/menu/artist_states.png) -141px 0; }

#navi_contact { background: url(images/menu/contact_states.png); width: 91px;}
#navi_contact:hover { background: url(images/menu/contact_states.png) -91px 0; }

/*navi on pages*/
#navi_home_over {background: url(images/menu/home_over.png);width:59px;}
#navi_about_over {background: url(images/menu/about_o.png);width:121px;}
#navi_ninelives_over {background: url(images/menu/ninelives_over.png);width:101px;}
#navi_artist_over {background: url(images/menu/artist_over.png);width:141px;}
#navi_contact_over {background: url(images/menu/contact_over.png);width:91px;}
/*navigation css*/



/*font settings*/
.yellow{color:#ddca00;}

a{color:#ddca00;}

/*pages content layout*/

#index1{width:430px;height:370px;background-image:url(images/greystripe.gif);float:left;padding:5px 5px 5px 5px;}
#index2{width:420px; height:370px;background-image:url(images/greystripe.gif);float:right;margin-right:55px;padding:5px 5px 5px 5px;}

#nl1{width:420px;height:145px;background-image:url(images/greystripe.gif);float:left;padding:5px 10px 5px 5px;}
#nl2{width:420px; height:355px;background-image:url(images/greystripe.gif);float:left;padding:5px 10px 5px 5px;}
#nl3{width:420px; height:525px;background-image:url(images/greystripe.gif);float:right;padding:5px 10px 5px 5px;}

#dl1{width:885px;height:580px;background-image:url(images/greystripe.gif);padding:5px 5px 5px 10px;}
#dl2{width:460px;height:380px;background-image:url(images/greystripe.gif);padding:5px 10px 5px 10px;float:left;}
#dl3{width:390px;height:380px;background-image:url(images/greystripe.gif);padding:5px 5px 5px 10px;float:right;margin-right:35px;}