/* CSS Document */

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

body{background:#FFF;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-models.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:#0d0d0d;
	position:absolute;
	top:0;
	left:0;
}
#wrapper-50transparent_vdo{
	width:634px;
	height:634px;
	display:block;
	background:transparent;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	background:#0d0d0d;
	position:absolute;
	top:0;
	right:0;
}
*html #wrapper-50transparent_vdo{
	width:633px;
}
#maincontent{
	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{
	width:317px;
	height:317px;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/logo-independent.gif) no-repeat;
}
.mainlogo-box{
	width:317px;
	height:317px;
	position:absolute;
	top:0;
	left:0;
}
.mainlogo-box h1 span{ display:none; font-size:1px;line-height:1%; margin:0; padding:0;}
#small-independent-logo a{
	width:317px;
	height:159px;
	display:block;
}

#temp{
	position:absolute;
	left:15px;
	width:619px;
	bottom:170px;
}
#temp p{ font-size:0.85em; line-height:14px;}

#full_content{
	position:absolute;
	left:0px;
	width:951px;
	top:317px;
}

#vdo_content{
	width:317px;
	height:317px;
	position:absolute;
	top:317px;
	left:0;
}
#full_content #detail{
	width:589px;
	height:273px;
	padding:22px;
	position:absolute;
	top:0;
	right:0;
}
#full_content p{ font-size:0.85em; line-height:14px;}

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; cursor:default;}

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


/*---------------------------------------------------------------------------
Navigation
---------------------------------------------------------------------------*/

#fill-topnav{
	width:317px;
	height:45px;
	position:absolute;
	top:0;
	left:317px;
	overflow:hidden;
}
#fill-bottomnav{
	width:317px;
	height:118px;
	position:absolute;
	top:199px;
	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
---------------------------------------------------------------------------*/

.content_box, .box{
	width:317px;
	height:317px;
	position:absolute;
	top:0;
	left:634px;
	overflow:auto;
	position:relative;
	
	scrollbar-3dlight-color:#0d0d0d;
	scrollbar-arrow-color:#41474a;
	scrollbar-base-color:#0d0d0d;
	scrollbar-darkshadow-color:#0d0d0d;
	scrollbar-face-color:#0d0d0d;
	scrollbar-highlight-color:#0d0d0d;
	scrollbar-shadow-color:#0d0d0d;
	scrollbar-track-color:#41474a;
	
	/*
	scrollbar-3dlight-color:#41474a;
	scrollbar-arrow-color:#0d0d0d;
	scrollbar-base-color:#41474a;
	scrollbar-darkshadow-color:#41474a;
	scrollbar-face-color:#41474a;
	scrollbar-highlight-color:#41474a;
	scrollbar-shadow-color:#41474a;
	scrollbar-track-color:#0d0d0d;
	*/
}

/*

.scroll-track{
height:10px;
width:10px;
background:transparent;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	background:#0d0d0d;
left: 10px;
}

.scroll-handle{
height:10px;
width:10px;
background:white;
cursor:pointer;
}

*/
.intro_box{
	width:317px;
	height:317px;
	float:left;
	overflow:hidden;
	position:relative;
}

.detail {
	margin:45px 22px 0 22px;
	height:272px;
}

.detail img {
  margin-right: -25px;
}

/*
.detail .detail_contentbox{
	padding:0 22px 0 22px;
	height:272px;
	padding-top:0px;
	margin-top:20px;

}*/

.detail p{ font-size:0.85em; line-height:14px; }




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

/*.detail h2{ 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;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------
Talent and Literary Site
-------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#wrapper-for-image-talent{
	width:951px;
	height:635px;
	margin:0 auto;
	background:url(../images/body-background-talent.jpg) top left no-repeat;
	position:absolute;
	top:0;
	left:0;
}
#fill-bottomnav-talent{
	width:317px;
	height:184px;
	position:absolute;
	top:133px;
	left:317px;
	overflow:hidden;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------
Commercials Site
-------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#wrapper-for-image-commercials{
	width:951px;
	height:635px;
	margin:0 auto;
	background:url(../images/body-background-commercials.jpg) top left no-repeat;
	position:absolute;
	top:0;
	left:0;
}

#fill-bottomnav-commercials{
	width:317px;
	height:206px;
	position:absolute;
	top:111px;
	left:317px;
	overflow:hidden;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------
Interactive Site
-------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#wrapper-for-image-interactive{
	width:951px;
	height:635px;
	margin:0 auto;
	background:url(../images/body-background-interactive.jpg) top left no-repeat;
	position:absolute;
	top:0;
	left:0;
}

#fill-bottomnav-interactive{
	width:317px;
	height:250px;
	position:absolute;
	top:67px;
	left:317px;
	overflow:hidden;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------
Production Site
-------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#wrapper-for-image-production{
	width:951px;
	height:635px;
	margin:0 auto;
	background:url(../images/body-background-production.jpg) top left no-repeat;
	position:absolute;
	top:0;
	left:0;
}

#fill-bottomnav-production{
	width:317px;
	height:206px;
	position:absolute;
	top:111px;
	left:317px;
	overflow:hidden;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------
Terms of use
-------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#wrapper-terms{
	width:510px;
	margin:0;
	background:url(../images/body-background-terms.jpg) top left repeat-x #FFF;
	padding:0 20px 20px 20px;
	position:relative;
}
#wrapper-terms p{
	color:#52595c;
	text-decoration:none;
}
.heading-text{
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	padding-top:15px;
}
#terms-copyright{
	position:absolute;
	bottom:0;
	left:0;
	text-align:left;
	background:#757a7d;
	width:510px;
	font-size:0.8em;
	padding:4px 20px;
}