@charset "UTF-8";

/********************************
* GLOBAL HTML SELECTORS
********************************/
* {
	margin: 0; 
	padding: 0;
	}
	
html, body {
	width: 100%; 
	height: 100%; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #999;
	background-color: #000;
	}
	
a {
	color: #fff; 
	text-decoration: none;
	outline: none;
	background: transparent url(../images/layout/dotted_hr_white.gif) repeat-x bottom left; 
	}
	
a:hover {
	color: #fff; 
	text-decoration: none;
	outline: none;
	background: none; 
	}
	
p {
	padding-bottom: 1.3em;
	}
	
h2, h3 { 
	color: #ccc;
	padding: 3px 0; 
	font-weight: normal;
	}


/********************************
* LAYOUT
********************************/

/* Containers
-----------------------------*/
#siteContainer {
	width: 1000px;
	min-height: 500px;
	margin: auto;
	position: relative;
	top: 20px;
	}
	
#content { 
	margin-top: 15px;
	width: 95%; 
	min-height: 400px;
	text-align: left;
	line-height: 1.8em;
	clear: both;
	}


/* Header & Logo
-----------------------------*/
#header {
	width: 100%; 
	height: 204px;
	}

#headerLogo { 
	display: block; 
	float: right;
	width: 351px; 
	height: 204px;
	text-decoration: none;
	background: transparent url(../images/layout/logo_header_top_left.jpg) no-repeat top left;
	}
#headerLogo:hover { 
	text-decoration: none;
	}

.home_temp {
	background: #000 url(../images/layout/openingdoor_logo_homepage_temp.png) no-repeat center center;
	}
	
#logo_homepage {
	width: 100%; 
	height: 546px;
	position: relative; 
	top: 70px;
	background: transparent url(../images/layout/openingdoor_logo_homepage.png) no-repeat left center;
	}
	
	
/* Footer
-----------------------------*/
#footer { 
	width: 100%; 
	height: 80px;
	padding-top: 15px; 
	border-top: 1px solid #333; 
	text-align: right;
	}
	

/* Navigation
-----------------------------*/
#nav, #nav li, #nav li a {
	float: left; 
	}
	
#nav {
	list-style: none;
	height: 15px;
	position: relative;
	top: 80px;
	}
	
#nav li {
	height: 15px;
	margin: 0 50px 0 0;
	cursor: pointer;
	}
	
#nav.home {
	position: relative;
	top: 50px; 
	left: 230px;
	}

#nav.home li {
	margin: 0 80px 0 0;
	}

#nav li a {
	display: block; 
	height: 15px;
	text-decoration: none; 
	cursor: pointer;
	background: none;
	}
	
#nav li a img { 
	border: none; 
	}
	
#nav li#home a img.fade {
	width: 53px; 
	height: 13px; 
	background: transparent url(../images/nav/home_on.gif) no-repeat;
	}
	
#nav li#currentprojects a img.fade {
	width: 82px; 
	height: 15px;
	background: transparent url(../images/nav/projects_on.gif) no-repeat;
	}
	
#nav li#aboutus a img.fade {
	width: 89px; 
	height: 13px;
	background: transparent url(../images/nav/aboutus_on.gif) no-repeat;
	}
	
#nav li#contactus a img.fade {
	width: 113px; 
	height: 13px;
	background: transparent url(../images/nav/contactus_on.gif) no-repeat;
	}

	
	
/********************************
* CONTENT
********************************/


/* Current Projects
-----------------------------*/
#poster { 
	width: 440px;
	float: left;
	}

#projectInfo {
	width: 500px;
	float: right;
	padding-top: 10px;
	}
	
.cast span { 
	color: #eee;
	font-style: italic;
	font-size: 110%;
	}
	
.date_na {
	font-size: 85%;
	color: #999;
	}

img.headshot_thumb { 
	width: 50px;
	height: 50px;
	margin: 3px 10px 3px 0; 
	border: 1px solid #999;
	}
	

/* About Us
-----------------------------*/
.aboutUsTxt { 
	font-size: 110%;
	}


/* Contact Us
-----------------------------*/
.contactUsTxt p {
	padding-bottom: 20px;
	text-align: center;
	line-height: 1.5em;
	}
	
a.footerBadge {
	background: none;
	padding-right: 20px;
	}