body
{
	background-color: #924d22;
	color: #000000;
	font-family: "Helvetica Neue", HelveticaNeue, Helvetica,"Century Gothic", Futura, "Futura Md", Verdana, Arial, sans-serif;
	padding: 0;
	padding-top: 10px;
	border: 0;
	margin: 0;
	text-align: center;
	font-size: 13px;
	line-height: 1.6em;
	/*	background-image: url(../Images/Site/orange_back.jpg); */
	/*	background-image: url(../Images/Site/brown_back.jpg); */
	/* background-image: url(../Images/Site/red_back.jpg); */

	background-position: 50%;
	background-image: url(../Images/Site/orange_back.jpg);
}


h1,h2,h3,h4,h5,h6 {
color:  #666666;
/* font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif; */
}

#OuterContainer
{
	width: 1000px;
	height: 700px;
	/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto;
	/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	/* this overrides the text-align: center on the body element. */
	background-repeat: no-repeat;
	background-image: url(../Images/Site/back_overlay.png);


behavior: url(css/iepngfix.htc);
} 

div#header {
 	border-bottom: 0 #000 solid;
	height: 40px;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	width: 925px;
}
div#footer {
 	border-top: 0 #000 solid;
}

div#footer div#footContent {
	width: 800px;
	float: left;
	height: 30px;
}
 #header h1
 {

 	color: #666;
 	font-size: 2em;
 	margin: 0;
 	padding: 10px 0 10px 0;
 }


div#header div#title {
float: left;
width: 300px;
display: block;
text-align: left;
padding-left: 0;
margin-left: 0;
}

div#header div#title a h1{
font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: normal;
}

#footer
{
	padding: 0 0 0 20px;
	/* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*	background-image: url(../Images/tShadeBottom.gif);  */
	background-repeat: repeat-x;
	height: 60px;
	margin-top: 0;
	text-align: right;
	border-top: 1px #666 solid;
} 
#footer p {
	background-color: transparent;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
p {
margin-top: 0;
text-align: left;
}

div {
	text-align: left;
}

table {
border-collapse: collapse;
}

td {
	vertical-align: top;
	text-align: left;
}

.grey {
color: #333332;
}

.white {
color: #ffffff;
font-size: 10px;
}

 



.nav {
	color:  #000000;
	font-size: 11px;
	font-color: #666666;
	text-decoration: none;
}

a:link, a:visited  {
color:  #666666;
text-decoration: none;
font-weight: bold;
}
a:hover  {
color:  #fa2;
text-decoration: none;
}

div#LeftPanel
{
	margin-right: 10px;
}

div#MainPanel, div#fpNewsPanel
{
	background-image: url(../Images/Site/main_panel_top.png);
	width: 680px;
	width: expression("680px");
	background-repeat: no-repeat;
	margin: 0;
	margin-top: 30px;
	margin-right: 50px !important;
	margin-right: 20px;
	clear: top;
	float: right;
	padding-top: 0;
	behavior: url(css/iepngfix.htc);
}

div#MainMidPanel, div#fpMidPanel
{
	color: #000;
	background-image: url(../Images/Site/main_panel_back_slice.png) !important;
	background-image: url(../Images/Site/main_panel_back.png);
	margin: 0;
	padding-left: 20px;
	width: 650px;
	width: expression("650px");
	text-align: left;
	background-repeat: repeat-y;
behavior: url(css/iepngfix.htc);
	padding-bottom: 10px;
	margin-top: 0;
	padding-top: 0;
	display: block;
}

div#MainMidPanel:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

div#MainMidPanel hr, div#fpMidPanel hr
{
	width: 90%;
	margin-bottom: 20px;
 }
div#MainMidPanel div.NewsItem
{
	width: 90%;
	margin-bottom: 20px;
	border-bottom: 1px #FFF dotted;
}

div#MainMidPanel div.NewsItem:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
div#MainMidPanel div.NewsItem span.newsDate
{
	font-weight: bold;
}



div#MainEndPanel, div#fpEndPanel
{
padding-top: 0;
	background-image: url(../Images/Site/main_panel_base.png);
	behavior: url(css/iepngfix.htc);
	background-repeat: no-repeat;
	overflow: none;
	height: expression("60px");
	max-height: expression("60px");
	min-height: expression("60px");
	padding: 0;
	margin: 0;
	color: transparent !important;
}



div#MainMidPanel p {
	width: 600px;
	font-size: 13px;
}

div#MainMidPanel h1, div#MainMidPanel h2, div#MainMidPanel h3, div#MainMidPanel h4, div#MainMidPanel h5, div#MainMidPanel h6{
	color: #000;
	margin-top: 0;
	padding-top: 0;
}

div#fpNewsPanel
{
	background-image: url(../Images/Site/panel_300_top.png);
	width: 340px;
	width: expression("340px");
behavior: url(css/iepngfix.htc);

}

div#fpMidPanel {
	background-image: url(../Images/Site/panel_300_main.png) !important;
	background-image: url(../Images/Site/panel_300_main.png);

	behavior: url(css/iepngfix.htc);
	width: 290px;
	width: expression("290px");

}
div#fpEndPanel
{
padding-top: 0;
background-image: url(../Images/Site/panel_300_base.png);
behavior: url(css/iepngfix.htc);
}
div#fpMidPanel p, div#fpMidPanel div {
width: 280px;
}

label.contactForm {
display: block;
}
label.contactForm span{
display: block;
float: left;
width: 120px;
}
label.contactForm input, label.contactForm textarea{
margin-left: 40px;
}
label.pName {
	font-weight: bold;
	font-size: 1.2em;
}
span.pRole {
	font-size: 1.2em;
}

div.fpMain
{
	background-image: url(../Images/fp_background.jpg);
	background-position: 50% 50%;
	height: 550px;
	background-repeat: no-repeat;
}

img.CatGrid {
	float: left;
border: 8px #FFF solid;
}
div.fpCat img { border: 4px #FFF solid; }
div.fpCat a { color: #fff; }
div.fpCat a:hover { color: #222; }

div.fpCat img:hover { border: 4px #222 solid; }

div#cat1 {
	position: relative;
	top: 300px;
	left: 40px;
	z-index: 10;

}
div#cat2 {
	position: relative;
	left: 250px;
	top: -50px;
	z-index: 20;	
}
div#cat3 {
	position: relative;
	left: 600px;
	top: -160px;
	z-index: 30;	
}
div#cat4 {
	position: relative;
	left: 400px;
	top: -160px;
	z-index: 30;	
}
div#cat5 {
	position: relative;
	left: 200px;
	top: -160px;
	z-index: 30;	
}
div#cat6 {
	position: relative;
	left: 700px;
	top: -160px;
	z-index: 30;	
}
div#cat7 {
	position: relative;
	left: 500px;
	top: -160px;
	z-index: 30;	
}
div#cat8 {
	position: relative;
	left: 800px;
	top: -160px;
	z-index: 30;	
}
div#cat9 {
	position: relative;
	left: 350px;
	top: -200px;
	z-index: 30;	
}

div.pBio
{
	padding: 20px;
	background-color: #FFF;
	display: none;
	position: absolute;
	top: 80px;
	width: 300px;
	z-index: 200;
	margin-left: -350px ! important;
	background-image: url(../Images/tShade.gif);
	background-repeat: repeat-x;
	border-width: 0 1px 1px 1px;
	border-color: #aaa;
	border-style: solid;
}
div.pBrief {
margin-top:0;
padding-top:0;
padding-bottom: 1em;
}
div.pBrief:hover {
margin-top:0;
padding-top:0;
padding-bottom: 1em;
}

span.Role{
display: block;
}

a.pLink {
text-decoration: none;
border: 0;
}
a.pLink img { border: 4px #FFF solid; }

img.FeatureImage
{
	border: 0;
	padding: 60px 35px 35px 35px;
	margin-left: auto;
	margin-right: auto;
}

image.LinkImage {
border: 0;
}

/* Panel swaps */


div.More, div.SwapMore {
display: none;
padding-bottom: 0;
}

span.MoreLink{
color: #fff;
font-size: 14px;
padding-left: 0;
margin-top: 2px;
margin-bottom: 2px;
display: block;
float: right;
text-decoration: none;
position: relative;
margin-right: 0;

}
span.Back{
float: left;
}
div#mlC
{
	width: 600px;
	display: block;
	clear: both;
	height: 25px;
}

span.MoreLink:hover{
color: #fa2;
}

hr.ThinLine
{
	height: 1px;
	border-width: 1px 0 0 0;
	border-color: #666;
	border-style: solid;
}

img.SideThumb { border: 3px #FFF solid; }

img.CatGrid{
filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;
}

div#castCredit h2, div#creativeCredit h2{
margin:0;
padding: 0;
padding-bottom: 3px;
}

div#castCredit {
width: 260px;
display: block;
float: right;
font-size: .9em;

}

div#creativeCredit {
width: 340px;
display: block;
float: left;
font-size: .9em;
}
div#creativeCredit  div.cRole {
	display: block;
	float: left;
	width: 130px;
	padding-right: 5px;

}
div#creativeCredit  div.cName {
	display: block;
	margin-left: 135px;
	padding-left: 0;
}

div#castCredit  div.cName {
	display: block;
	float: left;
	width: 120px;
	padding-right: 5px;

}
div#castCredit  div.cRole {
	display: block;
}

.clB {
clear: both;
}

.clB:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

img.png {

behavior: url(css/iepngfix.htc);
} 

div#MainPanel p.technical{
	color: #000;
	font-size: 12px;
}

div#MainPanel p.technical a{
	color: #333;
	font-size: 16px;
}

div#MainPanel p.technical a:hover{
	color: #fa2;
	font-size: 16px;
}
div#MainPanel p.linkCollection span.lDesc{
	display: inline;
	padding-left: 10px;
}

table#PartnerLogos {
border-collapse: collapse;
width: 620px;
}
table#PartnerLogos td, table#PartnerLogos th{
padding: 3px;
font-size: 14px;
vertical-align: top;
text-align: left;
}
table#PartnerLogos td img,table#PartnerLogos th img{
float: right;
margin-left: 20px;
}

img.png {

behavior: url(css/iepngfix.htc);
} 

.colorSubmit, .plainSubmit, .color2Submit {
	background-color: #d50;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	margin-right: 10px;
	padding: 3px;
	text-transform: uppercase;
	width: 100px;
}
input.valid {background-color: #eee;}
input.invalid {background-color: #fb6;}

div.Tube {
float: right;
margin-right: 10px;
margin-left: 5px;
width: 220px;
}

div#MainImage {
text-align: center;
}
div#MainImage img {
margin-left: auto;
margin-right: auto;
}