/* Talent CSS */

html {
	margin: 0px;
	padding: 0;
	}
	
body { 
	background-color: #000000;
	background-image: url(images/background_talent.jpg);
	background-repeat: repeat-y;
	background-position: top;
	padding: 0;
	font-size: 12px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:justify;
}
		
p { 
	text-align: justify;
}

a {color: #C33;

}

a:hover {color: #ffffff;

}

#container {

	width: 90%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}

#upper_header {
	
	background-image: url(images/header_top.jpg);
	background-repeat: repeat-x;
	margin-top: -10px;
	width: 100%;
	height: 32px;
	position: relative;
	
}


#header_container {
	
	background-image: url(images/header_background.png);
	background-repeat: repeat-x;
	margin-top: -2px;
	width: 100%;
	height: 74px;
	position: relative;
	z-index: 2;
	
}

#logo {
	
	background-image: url(images/logo.jpg);
	width: 475px;
	height: 47px;
	margin-top: 2px;
	margin-left: 0px;
	float: left;
	position: relative;
	z-index: 10;

}



#page_header {

background-image:url(images/featured_artists.png); 
background-color: transparent;
width: 345px;
height: 37px;
margin-top: 25px;
margin-left: 0px;
position: relative;
z-index: 2;

}


#submenu	{
	padding:0;
	width: 100%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	position: relative;
	margin-top: 15px;
	margin-left: 0px;
	
}

#submenu ul{
font: bold 10px arial;
margin:0px;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0px;
list-style: none;
}

#submenu li{
display: inline;
margin-left: 0px;
padding: 0px;
text-transform:uppercase;
}

#submenu a {
float: left;
color: white;
margin: 5px 3px 0px 0px; /*Margin between each menu item*/
padding: 5px 8px;
text-decoration: none;
letter-spacing: 1px;
border-top: 1px solid #666666;
background-image:url(images/background_test.png);
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;

}		


#submenu a:hover{
background-color: #990000; /*Menu hover bgcolor*/
}

#artists_container {

	width:100%;
	margin-left:0px;
	margin-top: 50px;
	position: relative;
}

#solo_head {

	background-image:url(images/solo_heading.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	height: 25px;
	margin-left: 0px;
	border-top: 1px solid #3B4F63;
	border-bottom: 1px solid #3B4F63;
	margin-top:85px;
	margin-bottom: 20px;

}

#duo_head {

	background-image:url(images/duo_heading.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	height: 25px;
	margin-left: 0px;
	border-top: 1px solid #3B4F63;
	border-bottom: 1px solid #3B4F63;
	margin-top:80px;
	margin-bottom: 20px;

}

#band_head {

	background-image:url(images/bands_heading.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	height: 25px;
	margin-left: 0px;
	border-top: 1px solid #3B4F63;
	border-bottom: 1px solid #3B4F63;
	margin-top:80px;
	margin-bottom: 20px;

}

#dj_head {

	background-image:url(images/dj_heading.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	height: 25px;
	margin-left: 0px;
	border-top: 1px solid #3B4F63;
	border-bottom: 1px solid #3B4F63;
	margin-top:100px;
	margin-bottom: 20px;

}

#majors_head {

	background-image:url(images/majors_heading.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	height: 25px;
	margin-left: 0px;
	border-top: 1px solid #3B4F63;
	border-bottom: 1px solid #3B4F63;
	margin-top:80px;
	margin-bottom: 20px;

}


#variety_head {

	background-image:url(images/variety_heading.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	height: 25px;
	margin-left: 0px;
	border-top: 1px solid #3B4F63;
	border-bottom: 1px solid #3B4F63;
	margin-top:80px;
	margin-bottom: 20px;

}

#world_head {

	background-image:url(images/world_heading.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	height: 25px;
	margin-left: 0px;
	border-top: 1px solid #3B4F63;
	border-bottom: 1px solid #3B4F63;
	margin-top:80px;
	margin-bottom: 20px;

}

#tribute_head {

	background-image:url(images/tribute_heading.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	height: 25px;
	margin-left: 0px;
	border-top: 1px solid #3B4F63;
	border-bottom: 1px solid #3B4F63;
	margin-top:80px;
	margin-bottom: 20px;

}

#celebs_head {

	background-image:url(images/celeb_heading.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	height: 25px;
	margin-left: 0px;
	border-top: 1px solid #3B4F63;
	border-bottom: 1px solid #3B4F63;
	margin-top:80px;
	margin-bottom: 20px;

}

#models_head {

	background-image:url(images/models_heading.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	height: 25px;
	margin-left: 0px;
	border-top: 1px solid #3B4F63;
	border-bottom: 1px solid #3B4F63;
	margin-top:80px;
	margin-bottom: 20px;

}

#children_head {

	background-image:url(images/children_heading.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	height: 25px;
	margin-left: 0px;
	border-top: 1px solid #3B4F63;
	border-bottom: 1px solid #3B4F63;
	margin-top:80px;
	margin-bottom: 20px;


}

#festivals_head {

	background-image:url(images/festivals_heading.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 100%;
	height: 25px;
	margin-left: 0px;
	border-top: 1px solid #3B4F63;
	border-bottom: 1px solid #3B4F63;
	margin-top:80px;
	margin-bottom: 20px;

}


#artists_wrap {
	
	width: 100%;
	margin-top: 10px;
	border-bottom: 1px solid #3B4F63;
	display: inline-block; /*sets hasLayout - required for IE*/ 
	display: block; /*resets to proper property value without resetting layout*/ 
	overflow: hidden; /*causes modern browsers to enclose child floats*/
	clear: both;
}


#artists_img{
	
	margin-left:0px;
	float: left;
	z-index:100;
	
	
}
	

#artists_background {
	
	background-image: url(images/background_test.png);	
	margin-bottom: 10px;
	margin-left: 235px;
	display: inline-block; /*sets hasLayout - required for IE*/ 
	display: block; /*resets to proper property value without resetting layout*/ 
	z-index: 2;

}


#artists_text {

	width: 97%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	z-index:10;

}


#top {
	float:right;
	width: 25px;
	margin-right: 0px;
	margin-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
}


#top a {
	
		color: #cc0000;
	
}

#top a:hover {
	
	color: #FFF;
	
}

#footer {
	
	background-color: #000;
	width: 100%;
	height:70px;
	margin-bottom: -10px;
	margin-left: 0px;
	display: inline-block;
	font: small-caps 10px Arial, Helvetica, sans-serif;
	color: #99cccc;
}
	


.mybutton{


font-size: 9px;font-family: Verdana, Helvetica, sans-serif;    
 color: #003333;
 border-left: #525f99 1px outset;
 border-right: #525f99 1px inset;
 border-top: #525f99 1px outset;
 border-bottom: #525f99 1px inset;
 background-color:#66cccc;
 }


.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #99cccc;
	
	}
	
.italics {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #66CCCC;
}
#main_menu {

margin-top: 5px;
padding: 0px;
width: 500px;
height:40px;
float: right;
z-index: 25;

}
#navigation {


list-style:none;
height: 40px;
margin-top: 0px;
position:relative;
z-index: 25;
}

#navigation li { display: inline; }

#navigation a  {
background-image: url(images/menu.jpg);
float: left;
width:96px;
text-indent: -9000px;
}


#navigation a.link1 {background-position:0px -40px; height: 40px;}
#navigation a.link1:hover {background-position: 0px -82px; height:40px; border: 0px; }
#navigation a.link1a {background-position:0px -40px; height:40px; border: 0px; }

#navigation a.link2 {background-position:-96px -40px; height: 40px;}
#navigation a.link2:hover {background-position:-96px -82px; height:40px; border: 0px;}
#navigation a.link2a {background-position:-96px -40px; height:40px; border: 0px;}

#navigation a.link3 {background-position:-192px -40px; height: 40px;}
#navigation a.link3:hover{background-position:-192px -82px;height:40px; border: 0px;}
#navigation a.link3a {background-position:-192px -82px;height:40px; border: 0px;}

#navigation a.link4 {background-position: -288px -40px; height: 40px; width: 150px;}
#navigation a.link4:hover {background-position:-288px -82px;height:40px width: 150px; border: 0px;}
#navigation a.link4a {background-position:-288px -40px;height:40px;  width: 150px; border: 0px;}


.clearfix:after {content:" "; display:block; height:0;
                 clear:both; visibility:hidden; }
.clearfix       {display:inline-block;}
/* Hide from IE Mac */
.clearfix       {display:block;}
/* End hide from IE Mac */


<!--[if IE]>
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  
<![endif]-->