body{
	text-align:center;
	font-family: Verdana,Arial,sans-serif;
	/*font-size:10px;*/
	font-size:70%;
	background-color:#666666;
	color: #333333;
	text-align: center;
	margin:0px; 
	padding:0px;
	height:100%;
	top:0px;
}


p {
margin-top:.5em;
/*padding-top:.5em;*/
}

h1{
 font-family: Verdana,Arial,sans-serif bold;
 color: #003366;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Verdana,Arial,sans-serif;
/* font-size:14px;*/
font-size:110%;
color: #003366;
 margin: 0px;
padding:0;
}

h3{
 font-family: Verdana,Arial,sans-serif bold;
 /*font-size:12px;*/
 font-size:9px;
 color: #003366;
 margin: 0px;
/* padding-bottom: 15px;*/
}

h4{
 font-family: Verdana,Arial,sans-serif;
 font-weight: bold;
 /*font-size:10px;*/
 font-size:9px;
 color: #003366;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size:80%;
 color: #003366;
 margin: 0px;
 padding-left:10px;
 padding-top:10px;
 padding-bottom:6px;
}

h6{
 font-family: Verdana,Arial,sans-serif bold;
 /*font-size:12px;*/
 font-size:9px;
 font-weight:bold;
 color: #003366;
 margin: 0;
 padding-top:.25em;
 padding-bottom:0;
 
}

ul{
 list-style-type: none;
 font-size:9px;
}

ul ul{
	list-style-type: none;
	 font-size:100%;

}

ul ul ul{
 list-style-type: none;
}


/***********************************************/
/*Link Styles*/
/***********************************************/

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #fcb514;
	text-decoration:none;
	}


/***********************************************/
/* Layout container */
/***********************************************/

#container{
	margin:auto;
	text-align:left;
	width:770px;
	background:url(../images/shadowtests_right.jpg) right repeat-y;
	padding-right:9px;
	background-color:#FFFFFF;
	border-left:1px solid black;	
}
	
/***********************************************/
/***********************************************/
/* everything above 3 column content       	   */
/***********************************************/
/***********************************************/
#pretopper {
	background-color:#fcb515;
	text-align:right;
	padding-right:10px;
	padding-top:7px;
	height:10px;
	/* font-size:80%; */
	font-size: 10px;
}

#topper{
	background-color:#fcb514;
	height:15px;
}
	
	#topper img{
		clear:both;
		float:left;
		position:absolute;
		padding: 0px 0px 0px 15px;
		border:none;
	}



#masthead{
	text-align:right;
	padding: 2px 0px 0px 0px;
	margin: 0;
	width: 100%;
	height:200px;
	background-color:#FFFFFF;
}

/***********************************************/
/* Global navigation                            */
/***********************************************/

#globalNav{
	font-size:9px;
	padding: 17px 15px 17px 10px;
	background-color:#FFFFFF;
	color: #cccccc;
}

#globalNav img{
 display: block;
}


#globalNav a{
	color: #006699;
	padding: 1px 2px 5px 5px;
	text-decoration: none;
}

#globalNav a:link{
	color: #006699;
	text-decoration: none;
}

#globalNav a:visited{
	color: #006699;
	text-decoration: none;
}

#globalNav a:hover{
	color: #fcb514;
	text-decoration:none;
	}


/***********************************************/
/***********************************************/
/* Left (first) column submenu                  */
/***********************************************/
/***********************************************/

#submenu{
	float: left;
	height:100%;
	width: 150px;
	margin: 0px;
	padding: 0px;

}

#submenu ul a:link, #submenu ul a:visited {display: block;}
#submenu ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#submenu li {border-bottom: 1px solid #fff;}

/* fix for browsers that don't need the hack 
html>body #submenu li {border-bottom: none;}*/

/***********************************************/
/* Submenulinks classes     */
/***********************************************/

.submenulinks{
	height:250px;
	padding:15px 4px 25px 8px;	
	margin: 0px;
		font-size:11px;
}

.submenulinks a{
	display: block;
	padding: 0px 0px 3px 10px;
}

.submenulinks a:hover{
	background:url(../images/bullet.gif) left no-repeat;
	color:#fcb514;
}

.submenulinks ul ul{
text-indent:15px;
}

/***********************************************/
/* Client login classes*/
/***********************************************/

.logincontainer{
	padding:2px 0px 10px 15px;
/*	border-bottom:1px solid #333333;
*/}

.login p{
	padding:1px 0px 0px 0px;
	margin:0px;
}

.login h3{
	padding:3px 0px 3px 15px;
	color:#FFFFFF;
	background-color:#fcb514;
	border-top:1px solid #454545;
	border-bottom:1px solid #454545;
	font-size:9px;
}

input.fields{
	background-color:#F2F2F2;
	border:1px solid #666666;
	height:11px;
	font-size:9px;
	width:100px;
}

input.enterbutton{
	background:url(../images/enterbutton.jpg) bottom no-repeat;
	width:50px;
	height:14px;
	border:0px;
}


/***********************************************/	
/***********************************************/
/* Center (second) column                      */
/***********************************************/
/***********************************************/
#secondcol{
	float:left;
	height:100%;
	/*line-height:14px;*/
	line-height:1.5em;
	padding-left:10px;
	padding-right:15px;
	padding-bottom:400px;
	width:75%;
	border-left:1px solid #000;
}


#content{
	float:left;
	height:100%;
	width:62%;
	line-height:1.5em;
	border-left:1px solid #000;
	border-right:1px solid #000;
	padding-bottom:400px;
	background-color:#FFFFFF;
}



/***********************************************/
/*  text/image content     */
/***********************************************/

.feature{
	margin:0px;
	padding:15px;
}

.feature ul{
margin-top:0;
padding-top:0;
margin-left:7px;
}
.feature ul {
font-size:11px;
list-style:square;
}
.feature img{
	margin-top:10px;
	margin-bottom:10px;
	padding:2px;
}

.floatright{
	float:right;
	clear:both;
	margin-right:0px;
	margin-left:20px;
	border:1px solid #666666;
}

.floatleft{
	float:left;
	clear:both;
	margin-left:0px;
	margin-right:20px;
	border:1px solid #666666;
}

.floatrightplain{
	float:right;
	clear:both;
	margin-right:0px;
	margin-left:20px;
}

.floatleftplain{
	float:left;
	clear:both;
	margin-left:0px;
	margin-right:20px;
}

.floatleftstatic{
	float:left;
	margin-left:0px;
	margin-right:20px;
	border:1px solid #666666;
}

.flashMovie{
padding:15px;
border:1px solid #666666;
}


/***********************************************/
/***********************************************/
/* Right (third) column                    */
/***********************************************/
/***********************************************/



#thirdcol{
	float:right;	
	width: 140px;
	text-align:left;

}

	#thirdcol img{
		padding: 0px;
		border:1px solid #fff;
	}
	
.news{
	color:#FF0000;
	padding:15px;
}

.highlights p{
	clear:both;
	padding-top:0px;
	margin-top:0px;
}

.highlightscontainer{
	padding:5px;
	text-align:center;
	border-bottom:1px solid #666666;
}
.highlights h3{
	padding:3px 0px 3px 15px;
	color:#FFFFFF;
	background-color:#005da0;
	border-top:1px solid #454545;
	border-bottom:1px solid #454545;
}




/***********************************************/
/* Footer */
/***********************************************/

#footer{
	clear:both;
	position:relative;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#999999;
	text-align:center;
	color:#ffffff;
	padding:5px;
	font-size: 10px;
}


h4 + p {
margin-top:2px;
}


#shadowcontainer{
clear:both;
margin:auto;
text-align:center;
background:url(../images/shadowtests_bottom.jpg) bottom repeat-x;
width:780px;
height:9px;
background-color:#666666;
}

.lcorner {
float:left;
}

.rcorner {
float:right;
}

.clearer {
clear:both;
}


/*   To make active state for subnav   */

/*Home Sub Navigation*/
body.sub-home a#menu-sub-home,
body.sub-history a#menu-sub-history,

/*Creative Sub Navigation*/
body.sub-creative a#menu-sub-creative,

/*Productions Sub Navigation*/
body.sub-productions a#menu-sub-productions,
body.sub-legal a#menu-sub-legal,
body.sub-shooting a#menu-sub-shooting,
body.sub-location a#menu-sub-location,
body.sub-workflow a#menu-sub-workflow,

/*Post & Effects Sub Navigation*/
body.sub-post a#menu-sub-post,
body.sub-studio a#menu-sub-studio,
body.sub-workflow a#menu-sub-workflow,

/*Interactive Sub Navigation*/
body.sub-interactive a#menu-sub-interactive,
body.sub-equipment a#menu-sub-equipment,
body.sub-hidefdvd a#menu-sub-hidefdvd,


/*Gallery Sub Navigation*/
body.sub-gallery a#menu-sub-gallery,
body.sub-c01 a#menu-sub-c01,
body.sub-c02 a#menu-sub-c02,
body.sub-c03 a#menu-sub-c03,
body.sub-gfx a#menu-sub-gfx,
body.sub-i01 a#menu-sub-i01,
body.sub-i02 a#menu-sub-i02,
body.sub-i03 a#menu-sub-i03,
body.sub-i04 a#menu-sub-i04,
body.sub-i05 a#menu-sub-i05,

/*Contact Sub Navigation*/
body.sub-contact a#menu-sub-contact,
body.sub-directions a#menu-sub-directions
{
	background:url(../images/bullet.gif) left no-repeat;
	color:#fcb514;
}



/*   To make active state for globalNav   */
body#home a#menu-home,
body#creative a#menu-creative,
body#productions a#menu-productions,
body#post a#menu-post,
body#interactive a#menu-interactive,
body#gallery a#menu-gallery,
body#contact a#menu-contact
{
color:#fcb514;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position:bottom center;
}