/* CSS Document */

body {
	background-color: #000000;
	margin-top: 10px;
}

li { list-style-type: square; }

#container {
	background-color: #000000;
	padding: 0px;
	height: auto;
	width: 1024px;
	border: thin solid #666666;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: visible;
}
	
#container td
{
	vertical-align: top;
	text-align: left;
	padding: 0 20px;
	margin: 0 0 25px 20px;
}
	
.logo {
width: 150px;
height:	56px;
float: left;
margin-left: 25px;
margin-top: 30px;
}	

.menu {
width:542px;
height:24px;
float:right;
margin-right:35px;
margin-top:62px;
font-family: Arial;
font-size: 11px;
color: #FFFFFF;
}	

select { 
font-family: Arial, Verdana;
font-size: 7pt;
color: #333333;
}


.about {
	width: 240px;
	padding:0px;
	margin-left: 25px;
	margin-top: 0px;
	margin-bottom: 25px;
/*	height: 500px;
	float: left;
*/	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight:normal;
	line-height: 1.5;
	font-style: normal;
	color: #FFFFFF;
	
}

.about2 {
	width: 240px;
	padding-left:20px;
	margin-left:25px;
	margin-top: 0px;
	margin-bottom: 25px;
/*	height: 500px;*/
/*	float: left;*/
	font-family: Arial, Verdana;
	font-size: 11px;
	line-height: 1.5;
	font-style: normal;
	color: #FFFFFF;
	border-left: 1px #666666 solid; 
	}


.abouttitle {
width:172px;
height: 24px;
float: left;
padding: 0px;
margin-bottom:10px;
margin-right:105px;
}

.image {
width:280px;
height: auto;
float: left;
padding: 0px;
margin-bottom:15px;
margin-top: 10px;
margin-right:15px;
border:2px #FFFFFF solid;
}

.productionframe {
	width: 600px;
	padding-left: 20px;
	margin-left: 20px;
	margin-bottom: 25px;
	margin-top: 0px;
	height: 500px;
	float: left;
	font-family: Arial, Verdana;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.5;
	font-style: normal;
	color: #FFFFFF;
	
}

.production {
	width: 300px;
	padding-left: 20px;
/*	margin-left: 20px;*/
	margin-bottom: 25px;
	margin-top: 0px;
/*	height: 500px;*/
/*	float: left;*/
	font-family: Arial, Verdana;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.5;
	font-style: normal;
	color: #FFFFFF;
	border-left: 1px #666666 solid; 
	
}

.production div,
.about div { margin-bottom: 2em; }

.production h3,
.productiontext h3,
.about h3 { color: #ddb05f; font-weight: bold; margin: 0 0 1em 0; padding: 0; line-height: 1.25em; }

.production p,
.productiontext p
.about p { margin: 0 0 1em 0; }

.menu_column { width: 300px; vertical-align: top; text-align: left; }

.detail_column { width: 550px; border-left: 1px #666666 solid; height: 700px; }

.production2 {
	width: 300px;
/*	height: 500px;*/
/*	float: left;*/
	font-family: Arial, Verdana;
	font-size: 11px;
	line-height: 1.5;
	font-style: normal;
	color: #FFFFFF;
	border:0; 
	
}

.productiontitle {
width:93px;
height:100px;
float: left;
margin-bottom:25px;
margin-left:5px;
text-align:center;
font-family:Arial;
font-size: 11px;
font-weight:bold;
color: #ddb05f;
line-height:normal;
}

.productiontitle2 {
width:93px;
height:25px;
float: left;
text-align:center;
font-family:Arial;
font-size: 11px;
font-weight:bold;
color: #ddb05f;
line-height:normal;
margin-top:5px;
}

.productionthumb {
width:93px;
height:70px;
float: left;

}


a:link,
a:visited { 
font-family: Arial, Verdana;
	font-size: 11px;
	line-height: 1.5;
	font-weight: normal;
	color: #ddb05f;
	text-decoration: none;
	border-bottom: 1px #ddb05f dotted;
	}
	
a:hover { 
font-family: Arial, Verdana;
	font-size: 11px;
	line-height: 1.5;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px #FFFFFF dotted;
	}
	

a.button { 
text-decoration: none;
border: 0;
	}
	
a.button:hover { 
text-decoration: none;
border: 0;
	}
	
a.button:visited { 
text-decoration: none;
border: 0;
	}		
	
#container td.sitedesign {
padding: 10px;
font-family: Arial, Verdana;
font-size: 10px;
line-height: 1.5;
font-style: normal;
color: #666666;
text-align:right;
}

.bio_table {
width: 450px;
height:850px;
padding: 25px;
background-color:#000000;
border: 10px #FFFFFF solid;
margin-top:0;
}	

.bio {
width: 400px;
height: auto;
}

.bio_photo {
width: 225px;
height: 225px;
float: left;
margin-bottom: 20px;
border: 1px #FFFFFF solid;
}

.x_close {
width: 29px;
height: 29px;
float: right;
margin-bottom: 196px;
}

.x_close2 {
width: 29px;
height: 29px;
float: right;
margin-bottom:50px;
}

.bio_text {
width: 400px;
height: auto;
text-align:left;
border-top:1px #FFFFFF dotted;
margin-top:0px;
margin-bottom: 10px;
padding-top:7px;
font-family: Arial, Verdana;
font-size: 10px;
line-height: 1.5;
color: #FFFFFF;
display:block;
clear:none;
}

.bigthumb {
width:247px;
height:185px;
float:left;
margin-bottom:1em;
margin-right:303px;
}

.twoup_thumb {
width:247px;
height:185px;
float:left;
margin-bottom:0px;
margin-right:5px
}

.productiontext {
width:525px;
height:auto;
font-family: Arial, Verdana;
font-size: 11px;
font-weight:normal;
line-height: 1.5;
font-style: normal;
color: #FFFFFF;
float:left;
}

.productiontext2 {
width:485px;
height:auto;
font-family: Arial, Verdana;
font-size: 11px;
font-weight:normal;
line-height: 1.5;
font-style: normal;
color: #FFFFFF;
float:left;
}

.productionscroll{
width:550px;
height:300px;
overflow: scroll;
border:0;
}

img {
border:0;
}

.about ul,
.production ul { margin: 0 0 1.5em 0; padding: 0; }

.about ul li,
.production ul li { list-style-type: none; }

.about h2,
.production h2 { margin: 0; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

img.section_header { margin-bottom: 1em; }
img.inline_image { float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ddb05f; /* -moz-border-radius: 3px; -webkit-border-radius: 3px;*/ }
.image_description { padding-top: 0; margin-top: 0; margin-bottom: 2em;}

#timeline { font-family: Arial, Verdana; color: #FFF; font-size: 11px; line-height: 1.5; }
#timeline h2, #timeline h3 { color: #ddb05f; }
#timeline .year { float: left; width: 23%; padding-right: 2%; }
#timeline ul { margin: 0; padding: 0; }
#timeline li.month { list-style-type: none;}
#timeline li.month ul { margin-left: 1em; }
#timeline li.month ul li { margin-bottom: 1em; }

a.image { text-decoration: none; border: 0;}

#community td.about ul { margin-left: 1em; }
#community td.about ul li { list-style-type: square; margin-left: 1em; margin-bottom: 1em; }
#community td.about ul li ul { margin-bottom: 0;}

iframe { height: 100%; }