@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	padding-bottom: 20px;
}


#showmore {
	display: none;
}

#popup {
background-color:#000;
color:#FFF;
padding: 40px;
text-align: left;
}

#popupclip {
background-color:#000;
color:#FFF;
padding: 40px;
text-align: center;
padding-top: 40px;
}

#promote_popup {
background-color:#000;
color:#FFF;
padding: 0px;
text-align: left;
vertical-align: top;
}

#prev {
padding-top: 15px;
padding-left: 10px;
text-align: left;
float: left;
width: 290px;
color:#FFF;
}

#next{
padding-top: 15px;
padding-right: 10px;
text-align: right;
float: left;
width: 290px;
color:#FFF;
}

hr {
padding: 0px;
margin: 0px;
color:#666;
}

#outerwindow {
	padding-top: 40px;
	width: 1020px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height: 672px;
}

#outerwindowintro {
	padding-top: 0px;
	width: 1020px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height: 672px;
}

#outerwindowblk {
	padding-top: 40px;
	width: 1020px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #ffffff;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#mainnav {
	padding-left: 40px;
	vertical-align: top;
}

#mainnavhome {
	padding-left: 40px;
	vertical-align: top;
	float:left;
}
 
#mailinglist {
	vertical-align: top;
	text-align: right;
	padding-right: 40px;
	float: right;
}

.information {
	display: none;
}

.join {
	padding-top: 3px;
}

#mainnavsub {
	padding-left: 40px;
	float:left;
	vertical-align: top;
}

#logo_sub {
	float: right;
	padding-right: 40px;
	vertical-align: top;
}

#subcontent {
padding-top: 20px;
padding-left: 200px;
padding-right: 40px;
padding-bottom: 40px;
}

#subcontentlarger {
padding-top: 20px;
padding-left: 200px;
padding-right: 40px;
padding-bottom: 40px;
font-size: 10pt;
}

#produce1 {
	padding-left: 40px;
	float:left;
	vertical-align: top;	
}

#produce2 {
	float: right;
	padding-right: 40px;
	vertical-align: top;
}


#synopsis {
text-align: right;
padding-right: 40px;
}

#produce_title {
	padding-left: 40px;
	float:left;
	vertical-align: top;	
}

#promote_title {
	padding-left: 40px;
	vertical-align: top;	
}

#promote_subtitle {
	padding-left: 40px;
	float:left;
	vertical-align: top;
	padding-top: 20px;
}


#nextproject {
	float: right;
	padding-right: 40px;
	vertical-align: top;
	text-align: right;
	padding-top: 20px;
}

#pastprojects {
	float: right;
	padding-right: 40px;
	vertical-align: top;
	text-align: right;
}

#p_hr {
	padding-left: 40px;
	padding-right: 40px;
}

#produce_details {
	padding-left: 40px;
	float:left;
	vertical-align: top;	
	padding-top:20px;
	width: 270px;
}

#produce_content {
	padding-top:20px;
	float: right;
	padding-right: 40px;
	padding-left: 60px;
	vertical-align: top;
	text-align: left;
	color:#ffffff;
	width: 590px;
	font-size: 10pt;
}

.pp_left {
float: left;
padding-left: 40px;
width: 300px;
padding-top: 40px;
vertical-align: top;
}

.pp_right {
float: right;
color:#FFF;
padding-right: 40px;
padding-left: 60px;
padding-top: 40px;
width: 560px;
}


.pp_title {
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
}

.promote_left {
float: left;
padding-left: 80px;
width: 260px;
padding-top: 40px;
}

.promote_right {
float: right;
color:#FFF;
padding-right: 40px;
padding-left: 60px;
width: 560px;
padding-top: 40px;
vertical-align: top;
}



#promote_buttons {
	padding-left: 110px;
	padding-top: 40px;
	padding-bottom: 40px;
}

#promote_detailsleft {
	padding-left: 40px;
	float:left;
	vertical-align: top;	
	padding-top:20px;
	width: 300px;
	color:#FFF;
}

#promote_detailsright {
	padding-top:20px;
	float: right;
	padding-right: 40px;
	padding-left: 60px;
	vertical-align: top;
	text-align: left;
	color:#FFF;
	width: 580px;
}

.grey {
	color:#666;
}

.greylarger {
	color:#666;
	font-size: 10pt;
	font-weight: bold;
}

.boldgrey {
	color:#666;
	font-weight: bold;
}

.navspacer {
padding-bottom: 10px;	
}

.leftpad {
	padding-left: 40px;
	padding-top: 40px;
}

.caption {
	font-size: 9pt;
	color:#FFF;
}

.smaller {
	font-size: 7pt;
	color:#FFF;
}

.sagcaption {
padding: 0px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
color:#FFF;
}

.troy {
	text-align: right;
	padding-right: 40px;
	padding-top: 40px;
}

.alignright {
	text-align: right;
	padding-right: 40px;
}

.sagleft {
	float: left;
	text-align: left;
	padding-left: 430px;
}

.sagright {
	float: right;
	text-align: right;
	padding-right: 40px;
}

.wtmleft {
	float: left;
	text-align: left;
	padding-left: 420px;
}

.wtmright {
	float: right;
	text-align: right;
	padding-right: 43px;
}


.viewclip {
	text-align: right;
	padding-right: 43px;
}
	

ul {
margin: 0px;
padding-left:14px;
padding-top: 0px;
}


A:link {
	color: #666666;
	text-decoration: underline;
   }       /* unvisited link */
A:visited {
	color: #666666;
	text-decoration: underline;
 }   /* visited links */
A:active { 
	color: #666666;
	text-decoration: underline;
 }    /* active links */
A:hover { 
	color: #FFF;
	text-decoration: underline;
 }    /* active links */
 
 A.noline:link {
	color: #FFF;
	text-decoration: none;
   }       /* unvisited link */
A.noline:visited {
	color: #FFF;
	text-decoration: none;
 }   /* visited links */
A.noline:active { 
	color: #FFF;
	text-decoration: none;
 }    /* active links */
A.noline:hover { 
	color: #666666;
	text-decoration: none;
 }    /* active links */
 
 A.black:link {
	color: #000;
	text-decoration: underline;
   }       /* unvisited link */
A.black:visited {
	color: #000;
	text-decoration: underline;
 }   /* visited links */
A.black:active { 
	color: #000;
	text-decoration: underline;
 }    /* active links */
A.black:hover { 
	color: #666666;
	text-decoration: underline;
 }    /* active links */