/* Setup vertical centering */
body, html, #outer {height: 100%;}

#outer {overflow: visible; position: relative; margin: 0 auto;}
html.standard #outer {display: table; position: static; text-align: center;}

html.ie #middle {position: absolute; top: 50%;} /* for explorer only*/
html.standard #middle {display: table-cell; vertical-align: middle; position: static;}

#page {width: 798px;}
html.ie #page {position: relative; top: -50%} /* for explorer only */
html.standard #page {position: static;}


/* Typography */
a {color: #2F2F2F; text-decoration: none;}
body {font-family: Arial; font-size: 11px; color: #4c4c4c; letter-spacing: 2px; text-transform: uppercase;}


/* Structure */
#page {margin: 0 auto; width: 798px;}

h1 {margin: 0 0 4px 6px; width: 200px; text-align: left; color: #4c4c4c;
	background: url('../images/logo-peterfarago.png') no-repeat scroll top left;
	width: 127px; height: 15px; cursor: pointer; cursor: hand;
}

html.ie6 h1 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo-peterfarago.png', sizingMethod='crop');
}
	h1 {text-indent: -999px;}

#content {margin: 0 auto 4px; border: 1px solid #D8D8D8; width: 796px; height: 531px; position: relative; text-align: center;}
	#content img {margin: 20px 0;}
	#contact {margin-top: 258px; padding-left: 30px;}
	  #contact p { float: left; }
	   #contact #studio_contact { width: 240px; }
	   #contact #portfolio_request { width: 240px; }
	   #contact #film_rep { margin-right: 25px; width: 245px; float: right;}
	
	#content #overlay { background-color: #fff; position: absolute; top: 0;    left: 0;     z-index: 100; width: 796px; height: 531px; }
	#content #player  { background-color: #fff; position: absolute; top: 77px; left: 154px; z-index: 200; width: 488px; height: 377px; }
	
	#content #film_assets {text-align: left; margin: 20px 0 0 75px;} /* 41px */
		#content #film_assets li {float: left; display: block; margin-left: 9px; position: relative; margin-bottom: 15px;}
		#content #film_assets li.bol {margin-left: 0; clear: left;}
			#content #film_assets img {margin: 0; border: 2px solid black; cursor: pointer; cursor: hand;}
			#content #film_assets p.caption {text-align: center; margin-top: 7px; position: relative; width: 96px;}
			#content #film_assets.hidden p.caption {left: -99999px;}

#bottom {position: relative;}

/* Text color */
#caption, #pagination, #pagination a, #categories, #categories a {color: #9e9e9e;}
#categories, #pagination {position: relative; top: -3px; }

/* Left aligned parts */
#menu {float: left; clear: left; width: 380px; margin-left: 4px;}
#navigation, #navigation a {color: #4c4c4c;}
#navigation {margin-left: 1px;}
#categories, #navigation {text-align: left;}

/* Right aligned parts */
#caption, #pagination {float: right; width: 400px; clear: right; text-align: right; margin-right: 1px;}

/* MSIE Fixes */
html.ie #outer {overflow: hidden;}
html.ie #menu {float: none; position: relative;}
html.ie #categories {float: none;}
html.ie #caption, html.ie #pagination {float: none; position: absolute; right: 0; top: 0;}
html.ie #pagination {top: 9px;}

/* Helpers */
.txmt-link, .txmt-link b {font-weight: normal; color: #9E28BA; background: #EDEDED; border-bottom: 1px dotted #9E28BA;}
.txmt-link {border-left: 2px solid #9E28BA; padding-left: 0.5em;}


/* Common */
p.clear {clear: both; height: 1%;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} 
.clearfix {display: block;}
/* End hide from IE-mac */