/* @override 
	http://metropolis1927.com/demo/inc/css/styles.css
	http://metropolis1927.com/wookie-haircut-22apr/inc/css/styles.css
	http://metropolis1927.com/wookie-haircut-23apr/inc/css/styles.css
	http://metropolis1927.com/wookie-haircut-smooth-scroll/inc/css/styles.css
	http://metropolis1927.com/wookie-haircut-27apr/inc/css/styles.css
	http://metropolis1927.com/wookie-haircut-1may/inc/css/styles.css
	http://www.metropolis1927.com/staging/9May-pared-js/inc/css/styles.css
	http://www.metropolis1927.com/inc/css/styles.css
	http://metropolis1927.com/inc/css/styles.css
*/
/*
		R E S E T
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
 /*
 	G L O B A L
 */
 
html {
	width: 100%;
	height: 100%;
	}
body {
	background-color: #f6eae2;
	margin: 0px;
	padding: 0px;
	height: 100%;
	border-top: 1px transparent solid;
	margin-top: -1px;
	z-index: 0;
	position: relative;
	font-family: 'Gill Sans', 'Trebuchet MS', Geneva, sans-serif;
	line-height: 1;
	}
h1 {
	float: left;
	text-indent: -9999px;
}
#nav {
	z-index: 1;
	position: fixed;
	top: 12px;
	left: 0px;
	display: block;
	height: 95%;
	width: 200px;
/*	text-align: right;*/
	list-style-type: none;
}
#nav li {
	margin-bottom: 5px;
	}
#nav li a {
	font-size: 10px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #a94143;
	color: #ff5a5d;
	text-decoration: none;
	padding: 8px 10px 8px 20px;
	}
#nav li a:hover,
#nav li:first-child a:hover,
#nav li:first-child a.current:hover {
	background: url(../img/page-bkg.png) -100px 0 repeat-y;
	color: #333;
}
#nav li:first-child a {
	font-weight: bold;
	}
#nav li:first-child a.current {
	color: #ff5a5d;
	background: none;
	}
#nav li a.current,
#nav li a.current:hover {
	color: #000;
	background-color: #ff5a5d;
	background-image: none;
	padding: 8px 10px 8px 20px;
	}

img.background {
	height: 100%;
	width: 100%;
	z-index: -1;
	position: absolute;
	max-width: 1600px;
	min-width: 900px;
	max-height: 1200px;
	min-height: 700px;
	}
h2 {
	font-size: 26px;
	line-height: 25px;
	text-transform: uppercase;
	letter-spacing: 0.4em;
	border-bottom: 1px #a94143 dotted;
	color: #a94143;
	padding-bottom: 10px;
	margin: 10px 20px 10px 35px;
	width: 420px;
	}
#fritz h2 {
	margin-top: 22px;
}
#restoration h2,
#screenings h2,
#screenings-continued h2 {
	font-size: 20px;
	}
#screenings h2 span a,
#screenings-continued h2 span a {
	font-size: 14px;
	line-height: 1;
	font-style: italic;
	letter-spacing: 0;
	text-transform: none;
	color: #666;
	font-family: Georgia, serif;
	margin-left: -10px;
	padding: 5px;
	}
#trailer h2 {
	width: 680px;
	}
ul#logos {
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	width: 232px;
	height: 69px;
	background: url(../img/logos.png);
	list-style-type: none;
	}
ul#logos li {
	text-indent: -9999px;
}
ul#logos li a {
	display: block;
	float: left;
	}
ul#logos li.fwms a {
	width: 150px;
	height: 30px;
	margin: 0 5px 10px 0;
	}
ul#logos li.transit a {
	width: 77px;
	height: 30px;
	margin: 0 0 10px 0;
	}
ul#logos li.moc a {
	width: 160px;
	height: 30px;
	margin: 0 5px 5px 0;
	}
ul#logos li.eureka a {
	width: 66px;
	height: 30px;
	margin: 0 0 5px 0;
	}

/*
	L A Y O U T
*/

div.page {
	height: 100%;
	width: 100%;
	position: relative;
	max-width: 1600px;
	min-width: 900px;
	max-height: 1200px;
	min-height: 700px;
	}
div.page div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 225px;
	width: 750px;
	height: 100%;
	margin: auto;
	background: url(../img/page-bkg-2.png);
	background: url(../img/page-bkg-3.png);
	background: url(../img/page-bkg-4.png);
	background: url(../img/page-bkg-5.png);
	}
div.page div div {
	background: none;
}
#home div {
	background-image: none;
	}
div.page div h3 {
	color: #333;
	margin: 10px 20px 10px 35px;
	text-shadow: #fff 0 0 5px;
	width: 420px;
	font-family: 'Gill Sans', 'Trebuchet MS', Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 13px;
	line-height: 18px;
	}
div.page div p {
	width: 420px;
	margin: 0 20px 0 35px;
	font-size: 14px;
	line-height: 18px;
	text-shadow: #fff 0 0 5px;
	}
div.page div h3 em,
div.page div p em {
	font-style: italic;
	}

div.page div h3 em,
div.page div p em {
	font-style: italic;
	}
div.page div p strong {
	font-weight: bold;
	letter-spacing: -1px;
	}
div.page div p+p {
	text-indent: 30px;
	margin-top: 10px;
	}
#contact div p+p {
	text-indent: 0;
	}
div.page div h4 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #a94143;
	text-shadow: #fff 0 0 5px;
	}
div.page div h4 strong, {
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
	}
#fritz ul.sidebar h4 em {
	font-style: normal;
	font-weight: bold;
}
div.page div ul.sidebar {
	position: absolute;
	top: 35px;
	right: 35px;
	display: block;
	float: left;
	width: 240px;
	list-style-type: none;
	}
#contact ul.sidebar {
	border-top: 1px #a94143 dotted;
	margin-top: 10px;
	padding-top: 10px;
	}
div.page div ul.sidebar ul {
	list-style-type: none;
	margin-bottom: 20px;
	}
div.page div ul.sidebar h4 {
	border-bottom: 1px #a94143 dotted;
	line-height: 1;
	padding-bottom: 8px;
	margin-bottom: 8px;
	}
#fritz div ul.sidebar h4 strong {
	font-size: 10px;
}
#fritz div ul.sidebar h4,
#reviews div ul.sidebar h4 {
	font-size: 10px;
	margin-top: -18px;
/*	margin-top: -36px;*/
	}
#fritz div ul.sidebar h4 {
	margin-top: -16px;
	}
#screenings div ul.sidebar h4,
#screenings-continued div ul.sidebar h4,
#dvd div ul.sidebar h4,
#about div ul.sidebar h4,
#synopsis div ul.sidebar h4,
#press div ul.sidebar h4 {
	margin-top: -10px;
	}
div.page div ul.sidebar li {
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 8px;
	color: #666;
	}
div.page p a, div.page div ul.sidebar li a,
div.page div h3 a {
	color: #3a8398;
	text-decoration: none;
}
div.page p a:hover, div.page div ul.sidebar li a:hover,
div.page div h3 a:hover {
	text-decoration: underline;
	}
div.page div ul.sidebar li strong {
	color: #333;
	font-size: 14px;
	display: block;
	text-transform: none;
	letter-spacing: 0;
	}
div.page div ul.sidebar li em {
	font-style: italic;
	}
#about.page div ul.sidebar ul,
#fritz.page div ul.sidebar ul,
#screenings.page div ul.sidebar ul,
#dvd.page div ul.sidebar ul {
	list-style-type: circle;
	list-style-position: outside;
	}
#about div ul.sidebar li {
	margin-bottom: 10px;
	}
#about div ul.sidebar li strong {
	font-size: 12px;
	line-height: 15px;
	}
ul.pagelist {
	width: 420px;
	list-style-type: none;
	margin: 0 20px 0 35px;
	}
#reviews ul.pagelist {
	margin-top: 15px;
	}
ul.pagelist li {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 10px;
	}
ul.pagelist li em {
	font-style: italic;
	}
ul.pagelist li strong {
	display: block;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 3px;
	color: #a94143;
	}
ul.pagelist li strong span {
	color: #787878;
	}
#dvd div img {
	margin-left: 26px;
	}
a.pressbook {
	display: block;
	float: left;
	width: 200px;
}
a.poster {
	text-indent: 0;
	display: block;
	margin-left: 219px;
	}
a.pressbook img,
a.poster img {
	margin-left: -9px;
	display: block;
	}
#dvd div a.dvdblu,
#dvd div a.dvdblu span {
	display: block;
	width: 438px;
	height: 418px;
	}
#dvd div a.dvdblu {
	margin-left: 11px;
	background: url(../img/dvd.png) no-repeat;
	}
#dvd div a.dvdblu span {
	background: url(../img/blu.png) no-repeat;
	}

#restoration div p strong {
	display: block;
	margin-bottom: 10px;
}
ul.site-credits {
	position: absolute;
	bottom: 15px;
	right: 35px;
	display: block;
	width: 240px;
	list-style-type: none;
	border-top: 1px #a94143 dotted;
	margin-top: 10px;
	padding-top: 10px;
}
ul.site-credits li {
	margin-bottom: 8px;
}
ul.site-credits li strong {
	display: block;
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #666;
}
ul.site-credits li a {
	display: block;
	color: #3a8398;
	font-size: 14px;
	text-decoration: none;
	padding-bottom: 5px;
}
ul.site-credits li a:hover strong {
	text-decoration: none !important;
}
ul.site-credits li a:hover {
	text-decoration: underline;
}
ul.screenings {
	display: block;
	float: left;
	width: 185px;
	margin: -20px 35px 0 50px;
	list-style-type: none;
	}
ul.screenings.left {
	}
ul.screenings.right {
	margin-left: 0;
	}
div.page ul.screenings h3 {
	font-size: 12px;
	margin: 20px 0 10px -15px;
	padding-bottom: 6px;
	width: 200px;
	border-bottom: 1px #999 dotted;
	}
div.page ul.screenings li {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 16px;
	text-indent: -15px;
	color: #454545;
	}
div.page ul.screenings li strong,
div#screenings.page ul.sidebar li strong span,
div#screenings-continued.page ul.sidebar li strong span {
	font-weight: bold;
	opacity: 0.8;
	margin-right: 3px;
	color: #a94143;
	}
div#screenings.page ul.sidebar li strong span,
div#screenings-continued.page ul.sidebar li strong span {
	opacity: 0.7;
	}
div#screenings.page ul.sidebar li strong,
div#screenings-continued.page ul.sidebar li strong {
	font-size: 11px;
	line-height: 11px;
	}

/*
	GALLERY
*/

#gallery div div {
	left: 0;
	top: 0;
}
#gallery div div#thumbs {
	margin-left: 475px;
	margin-top: 45px;
}
#gallery div div#thumbs hr {
	width: 240px;
	border-top: 1px #a94143 dotted;
	margin-bottom: 9px;
}
#gallery div div#thumbs ul {
	margin: 24px 0 0 -2px;
	padding: 2px;
	list-style-type: none;
	width: 258px;
	height: 320px;
	overflow: hidden;
}
#gallery div div#thumbs ul li {
	display: inline;
}
#gallery div div#thumbs ul li a {
	display: block;
	float: left;
	margin: 0 9px 9px 0;
	padding: 0;
}
#gallery div div#thumbs ul li.selected a{
/*	border: 2px #a94143 solid;*/
	border: 1px #a94143 solid;
	padding: 1px;
	background: none;
	margin: -2px 7px 7px -2px;
}

/*
	E X T R A S
*/

div.content {
}
div.content a,
div.navigation a,
div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.content a:focus,
div.content a:hover,
div.content a:active {
	text-decoration: underline;
}
#gallery div.controls {
	position: absolute;
	top: 49px;
	left: 35px;
	float: left;
	height: 30px;
	text-align: right;
	width: 440px;
	margin: 0;
}
#gallery div.nav-controls {
	display: block;
	width: 250px;
}
#gallery div.controls a {
	display: block;
	float: left;
	padding: 5px;
}
#gallery div.controls a,
div.page div#thumbs.navigation div.bottom a,
div.page div#thumbs.navigation div.bottom span.current {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #999;
}
#gallery div.controls a.prev {
	margin-right: 10px;
}
#gallery div.controls a:hover {
	color: #a94143;
}
#gallery div.ss-controls {
	width: 416px;
	position: relative;
}
#gallery div.ss-controls a.play,
#gallery div.ss-controls a.pause {
	position: absolute;
	right: 0;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 315px;
}
div.loader {
	display: none;
}
#gallery div.slideshow {
	position: relative;
	margin: 73px 0 0 35px;
	width: 420px;
	height: 315px;
/*	background: #000;*/
}
#gallery div.slideshow a img {
	background: #000;
}
div.page div.slideshow span.image-wrapper {
	display: block;
	margin: 56px 0 0 0;
}
div.slideshow a.advance-link {
	position: absolute;
	width: 420px;
	line-height: 315px;
}
div.slideshow a.advance-link img {
	position: absolute;
	left: 0;
}
div.download {
	float: right;
}
div.caption-container {
	display: none !important;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.page div.navigation {
	height: 30px;
	margin: 0;
}


ul.thumbs {
}
ul.thumbs li {
	float: left;
}
a.thumb {
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.page div.pagination {
	position: static;
	display: block;
	float: left;
	height: 20px;
}
div.page div.navigation {
}
div.page div#thumbs.navigation div.bottom {
	position: absolute;
	margin: 9px 0 0 0;
	display: block;
	text-align: right;
	width: 245px;
}
div.page div#thumbs.navigation div.bottom * {
}



div.pagination a,
div.pagination span.current,
div.pagination span.ellipsis {
	margin-left: 5px;
	padding: 5px;
}
div.pagination a:hover {
	color: #a94143;
	text-decoration: underline;
}
div.page div.pagination span.current {
	font-weight: bold;
	color: #a94143 !important;
}
#thumbs {
	width: 252px !important;
}
#trailer div object {
	margin-left: 35px;
	}