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

body {
	background: black;
	font-family: helvetica;
	font-size: 11pt;
}

img {
	border: 0;
}

hr { 
	color: #0463FF;
	background-color: #0463FF;
	height: 2px;
	border: 0px;
	margin-bottom: -4px;
}

a {
	text-decoration: none;
}
.red {color: #FF5F5F;
}

.red a {
	color: #FF5F5F;
}

.red a:visited {
	color: #FF5F5F;
}

.black {
	color: black;
}

.black a {
	color: black;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.cap {
	text-transform: capitalize;
}

.blue {
	color: #0463FF;

}

.blue a {
	color: #0463FF;
}

.center {
	text-align: center;
}
	
#container {
	width: 100%;
	height: 92%;
}
			
#logo {
	margin-top: 10px;
	margin-left: 2%;
	margin-right: 1%; 
}

#index_proj {
	margin-left: 55px;
}

#project_list {
	float: left;
	width: 25%;
	padding-left: 2%;
	line-height: 130%;
}
	
#project_list a {color: white;}
#project_list a:visited {color: white;}	
#project_list a:hover {color: #8C8C8C}   	
#project_list a:active {color: white}   

#project_list .red a {color: #FF5F5F;}
#project_list .red a:visited {color: #FF5F5F;}
	
#screenings a {color: white;}
#screenings a:visited {color: white;}	
#screenings a:hover {color: #8C8C8C}   	
#screenings a:active {color: white}   

#screenings .red a {color: #FF5F5F;}
#screenings .red a:visited {color: #FF5F5F;}

#screenings {
	padding-top: 15px;
	color: white;
}
	
.little {
	font-size: 10pt;
}

.vlittle {
	font-size: 9pt;
}

.upper {
	text-transform: uppercase;
}

.v-spacer {
	margin-top: 20px;
}

.h-spacer {
	paddinf-right: 2.5%;
	padding-left: 2.5%;
}

.top {
	z-index: 1;
}

.bottom {
	z-index: 0;
}
		
.heavy {
	font-weight: bold;
}

.light {
	font-weight: normal;
}

.right {
	float: right;
}

.left {
	float: left;
}

.tleft {
	text-align: left;
}

#text.thinner {
	width: 75%;
	margin: 0 auto 0;
}

#text {
	width: 450px;
	margin: 0 auto 0;
	padding-top: 30px;
}

#indtext {
	width: 500px;
	margin: 0 auto 0;
	padding-top: 30px;
}

div.details { PADDING-LEFT:0px; PADDING-RIGHT:0px; PADDING-TOP:0px; PADDING-BOTTOM:0px; MARGIN:0px; WIDTH:100%; HEIGHT:100%;
color: white;
}

.details a {color: #0463FF;}
.details a:visited {color: #8C8C8C;}
.details a {text-decoration: underline;}

table.details {
	table-layout: auto;
	margin: 0 auto 0;
}

table.details td{
	vertical-align: top;
	text-align: left;
	color: white;
}

.hspaced td{
	padding-left: 6px;
	padding-right: 6px;
}
	
#placeholder_nest {
	POSITION: relative; 
	LEFT: 0px; 
	TOP: 0px;
	width: 80%;
	height: 100%;
	text-align: center;
}

#spotlight_nest {
	POSITION: relative; 
	LEFT: 0px; 
	TOP: 0px;
	width: 100%;
	height: 80%;
	text-align: center;
}

#placeholder { 
	WIDTH: 100%; 
	DISPLAY: none;
}

#placeholder img {
	height: 100%;
}

#det_image {
//	WIDTH: 100%;
	display: block;
	overflow: hidden;
}

#det_image.std {
	height: 480px;
}

#det_image.large {
	height: 600px;
}

img.std {
	width: 640px;
	max-height: 480px;
}

img.large {
	width: 800px;
	max-height: 600px;
}

#play-overlay {
	background: #404040 none repeat scroll 0 0;
	bottom:130px;
	font-size:50px;
	font-weight:bold;
	margin:0 auto;
	padding:10px 10px 5px 10px;
	position:relative;
	opacity:0.85;
	filter:alpha(opacity=85);
	width: 130px;
}

#details_holder.rightside {
	float: right;
	width: 70%;
	height: 100%;
	border: 0px;
	margin-right: 2%;
	padding-top: 20px;
	width:70%;
}

#details_holder.fullbottom {
	width: 100%;
	height: 107%;
	border: 0px;
}

#details_holder.vspaced {
	padding-top: 5px;
}