/* CSS Document */

/*---------------------------------------------------------------------------
HTML & Other Classes
---------------------------------------------------------------------------*/

/*body{background:#159;margin:0 auto;}*/
.clear{ clear:both; line-height:1px;font-size:1px; height:0;}

/*---------------------------------------------------------------------------
Structure
---------------------------------------------------------------------------*/
/*#wrapper{
	width:951px;
	height:635px;
	margin:0 auto;
	position:relative;
}*/
/*#wrapper-for-image{
	width:951px;
	height:635px;
	margin:0 auto;
	background: url(../images/body-background.jpg) top left no-repeat;
	position:absolute;
	top:0;
	left:0;
}*/
/*#wrapper-50transparent{
	width:951px;
	height:635px;
	display:block;
	background:transparent;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	background:#1c1f20;
	position:absolute;
	top:0;
	left:0;
}*/
#maincontent{ /*whole content under header 950x317px*/
	width:951px;
	height:317px;
	display:block;
	/*background:transparent;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;*/
	/*background:#41474a;*/
	position:absolute;
	top:0;
	left:0;
}
#flashcontent{  /*big logo on left hand side*/
	width:317px;
	height:317px;
	position:absolute;
	top:0;
	left:0;
	background:url(/independent/web/images/logo-independent.gif) no-repeat #52595c;
}

.mainlogo-box{
	width:317px;
	height:317px;
	position:absolute;
	top:0;
	left:0;
	/*background:#F0F;*/
}
.mainlogo-box  span{ display:none; font-size:1px;line-height:1%; margin:0; padding:0;}
#small-independent-logo a{
	width:317px;
	height:159px;
	display:block;
	/*background:#F00;*/
}
/*---------------------------------------------------------------------------
Navigation
---------------------------------------------------------------------------*/

#fill-topnav{
	width:317px;
	height:45px;
	position:absolute;
	top:0;
	left:317px;
	overflow:hidden;
}
#fill-bottomnav{
	width:317px;
	height:140px;
	position:absolute;
	top:177px;
	left:317px;
	overflow:hidden;
}

#nav-main{ 
	width:317px;
	height:272px;
	position:absolute;
	left:317px;
	top:45px;
	overflow:hidden;
}
#nav-main ul{ 
	list-style:none;
	margin:0;
	padding:0;
}
#nav-main ul li{
	height:22px;
	width:317px;
	font-size:1%;
	line-height:1%;
	overflow:hidden;
	position:relative;
}
#nav-main a{    
	display:block; 
	width:100%;  /*this for debuging on IE*/
	text-align:center;	
}
#nav-main a { 
	position:absolute; 
	height:22px;
	margin-top:0px;
} 

#nav-main a:hover { 
	margin-top:-22px;
}

#nav-main a.selected{
	margin-top:-44px;
}









/*---------------------------------------------------------------------------
Contents right box
---------------------------------------------------------------------------*/

.content_box, .box{
	width:317px;
	height:317px;
	position:absolute;
	top:0;
	left:634px;
	overflow:hidden;
	position:relative;
}
.intro_box{
	width:317px;
	height:317px;
	float:left;
	overflow:hidden;
	position:relative;
}
.detail .detail_contentbox{
	padding:5px 22px 0 22px;
	width:272px;
	margin-top:40px;
	color:#FFF;
}
.detail p{ 
	font-size:10px;
	line-height:12px;
	margin-bottom:10px;
}


.content_box .list_category ul{
	padding:0px;
	margin:0;
}
.content_box .list_category ul li{
	display:block;
	width:125px;
	float:left;
	color:#FFF;
	/*background:#999;*/
	/*padding:2px 5px;*/
	margin-right:5px;

}
.content_box .list_category ul li.selected{
	/*background:#ACAEAE !important;*/
}
.content_box .list_category ul li a,
.content_box .list_category ul li a:link,
.content_box .list_category ul li a:visited{
	font-size:10px;
	line-height:12px;
	color:#FFF;
	/*background:#FF0;*/
	padding:2px 5px;
}
.content_box .list_category ul li a:hover,
.content_box .list_category ul li a:active{
	color:#FFF;
	background:#959899;
}
.content_box .list_category ul li.selected a,
.content_box .list_category ul li.selected a:link,
.content_box .list_category ul li.selected a:visited{
	color:#52595c;
	background:#C2C4C4 !important;
}





/*---------------------------------------------------------------------------
Headers
---------------------------------------------------------------------------*/

.detail h2{ width:272px; height:40px; display:block;margin:0; padding:0;}


/*---------------------------------------------------------------------------
Link to Other Sites
---------------------------------------------------------------------------*/
/*
.externallink_btn{
	position:absolute;
	right:0;
	bottom:8px;
}
.externallink_btn a{ height:24px; width:220px; display:block;}
.externallink_btn a:hover{ background-position:bottom !important;}
.externallink_btn span{ display:none;}

#linkto_talent a{
	background:url(../images/btn-goto-talent.gif) top left no-repeat;
}
#linkto_models a{
	background:url(../images/btn-goto-models.gif) top left no-repeat;
}
#linkto_production a{
	background:url(../images/btn-goto-production.gif) top left no-repeat;
}
#linkto_presenters a{
	background:url(../images/btn-goto-presenters.gif) top left no-repeat;
}
#linkto_commercials a{
	background:url(../images/btn-goto-commercials.gif) top left no-repeat;
}
#linkto_advoice a{
	background:url(../images/btn-goto-advoice.gif) top left no-repeat;
}
#linkto_interactive a{
	background:url(../images/btn-goto-interactive.gif) top left no-repeat;
}

*/




/*---------------------------------------------------------------------------
Footer
---------------------------------------------------------------------------*/
/*
address{
	position:absolute;
	bottom:15px;
	left:15px;
	text-align:left;
	color:#FFF;
	text-decoration:none;
	line-height:125%;
	font-style:normal;
}
#copyright{
	position:absolute;
	bottom:15px;
	right:15px;
	color:#FFF;
}
#footer{
	width:951px;
	margin:0 auto;
	color:#52595c;
	padding-top:8px;
}
#copyright{ font-size:0.8em;}
#copyright a{ text-decoration:underline;}

#footer-nav											{float:left; color:#979b9d;}
#footer a, #footer a:link,#footer a:visited			{ color:#979b9d; text-decoration:none; padding:0 2px;}
#footer a:hover, #footer a:active					{ color:#707679; text-decoration:none;}
#footer a.selected									{ color:#52595c; text-decoration:none;}

#footer-codegent									{ float:right; text-align:left; font-size:0.85em;}	


*/