body {
	background-color: #eeeff1;
	color:#222;
	font-family: Georgia, Times, serif;
	font-size:12.5px;
	}
	
p {
	line-height:1.4em;
	margin-bottom:1em;
	}
	
a {
	color: #c11d11;
	}
	
a:hover {
	color: #db675f;
	}
	
em {
	font-style: italic;
	}
	
.red {
	color: #c11d11;
	}
	
#header {
	background-image: url('../img/topmenu2.jpg');
	background-repeat: none;
	height: 102px;
	margin-bottom:33px;
	}
	
#topmenu {
	position: relative;
	}
	
#topmenu a { 
	display: block; 
	background-image: url('../img/topmenu2.jpg');
	height:34px;
	cursor: pointer;
	position: absolute;
	}

#topmenu a.home { background-position: -203px -37px; width:66px; left:203px; top:37px; }	
#topmenu a.home:hover { background-position: -203px -139px; }
#topmenu a.resume { background-position: -311px -37px; width:90px; left:311px; top:37px; }	
#topmenu a.resume:hover { background-position: -311px -139px; }
#topmenu a.docfeatures { background-position: -453px -37px; width:103px; left:453px; top:37px; }	
#topmenu a.docfeatures:hover { background-position: -453px -139px; }
#topmenu a.docshorts { background-position: -599px -37px; width:106px; left:599px; top:37px; }	
#topmenu a.docshorts:hover { background-position: -599px -139px; }
#topmenu a.narrativeshorts { background-position: -747px -37px; width:80px; left:747px; top:37px; }	
#topmenu a.narrativeshorts:hover { background-position: -747px -139px; }


#homepage h2 {
	margin-bottom: .5em;
	}
	
#homepage .social {
	height: 26px;
	}
	
#homepage .icon {
	vertical-align: middle;
	margin-right:.3em;
	border: 0;
	}
	
#filmstrip {
	margin-top: 2em;
	width:718px;
	height:135px;
	background: transparent url('../img/filmstrip.jpg') no-repeat;
	}
	
#filmstrip a {
	display: block;
	height:100%;
	width:119px;
	float: left;	
	position: relative;
	text-decoration:none;
	z-index:1000;
	}
	
#filmstrip a span {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:28px;
	color:#fff;
	font-family: helvetica, arial;
	font-weight:bold;
	text-shadow: 1px 1px 3px #000;
	text-decoration:none;
	display:none;
	}
	
#footer {
	margin-top:2em;
	text-align:center;
	}
	
#cv table.resume td.date {
	text-align:right;
	font-weight:bold;
	width:90px;
	}
	
#cv table.resume td.title { 
	font-weight:bold;
	font-style:italic;
	width:199px;
	padding-right:20px;
	}
	
#cv table.resume td { 
	line-height:1.4em;
	vertical-align:top;
	}
	
#cv table.resume td.desc {
	width:328px;
	}
	
#cv table.resume tr td {
		padding-bottom:1.25em;
	}
	
#cv table.resume tr.date td {
		padding-bottom:.2em;
	}
	
#cv table.resume td ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left:14px;
	}
	
#cv h3 {
	margin-bottom:1em;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	color:#555;
	}
	
div.heading h2 {
	text-align:center;
	margin-bottom:2em;
	}
	
img.icon {
	vertical-align:middle;
	margin-right:.3em;
	}
	
div.pdflink div { border:1px solid #ccc; padding:20px 8px; background-color:#f6f6f6;}
div.pdflink p {margin:0; text-align:right;}
div.pdflink hr { border:0; border-top: #ccc solid 1px;  margin: 1em 0; }

img.poster {
	background-color:#FFFFFF;
	border:1px solid #ddd;
	padding:19px;
	/*box-shadow:1px 1px 5px #ccc;
	-moz-box-shadow:1px 1px 5px #ccc;
	-webkit-box-shadow: 1px 1px 5px #ccc;*/
	width:304px;
	}
	
#docfeatures img.poster {
	width:230px;
	}
	
.featurepage .feature h2 {
	font-family: helvetica, arial;
	font-weight: bold;
	font-size:18px;
	margin: 1em 0 .2em;
	text-shadow: #ccc 1px 1px 2px;
	}

.featurepage .feature p.meta {
	font-family: helvetica, arial;
	color: #666;
	}

.featurepage h3 {
	margin-bottom:.5em;
	}
	
.featurepage .stills,
.featurepage .clips {
	margin-bottom:1.5em;
	}

.featurepage .stills .thumb,
.featurepage .clips .thumb {
	width:60px;
	height: 60px;
	margin: 0 5px 5px 0;
	border: 1px solid #fff;
	
	box-shadow:1px 1px 2px #ccc;
	-moz-box-shadow:1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	}
	
.featurepage .clips .thumb {
	width:auto;
	}
	
.featurepage div.desc {
	height: 290px;
	}
	
.featurepage .stills .thumb:hover,
.featurepage .clips .thumb:hover {
	border: 1px solid #db675f;
	}
	
.featurepage .vclip {
	display: none;
	width:500px;
	height:375px;
	}
	
#fancybox-outer {
	background: #000;
	}
	
body#trailers { background-color:#000; color:#fdfdfd; text-align:center; height:100%; }
body#trailers img.heading { margin:4em 0 4em; border:0; }
body#trailers #wrapper { display: table; height: 100%; #position: relative; overflow: hidden; }
body#trailers #content { #position:absolute; #top: 50%; display: table-cell; vertical-align: middle; }
body#trailers div.video { #position:relative; #top:-50%; }