html, body {
	height: 100%; overflow: hidden;
	margin: 0px; padding: 0px;
	font-family: "courier new", courier, monospace;
	font-size: 12px; line-height: 24px;
	color: black; background-color: #fffefb; }

img { border:0px; }

a { color: black; text-decoration: none; }
a:hover { text-decoration: underline; }

#logo {
	position: absolute;
	top: 87px; left: 71px; }
	
#logo img { position: relative; z-index: 100; }

#logo img { display: block; }

#sidebar {
	position: absolute;
	top: 0px; left: 0px; bottom: 0px;
	width: 213px;
	background-color: #f3eee8; }

#content {
	overflow: auto; height: 100%;
	margin-left: 213px; }

#menu {
	margin-top: 292px;
	padding: 0px 0px 0px 71px;
	line-height: 24px;
	list-style: none; }
	#menu a {
		color: black; text-decoration: none; }
	#menu a:hover {
		color: #EF4C26; }
	#menu > li > a.selected {
		text-decoration: underline; }
	#menu .submenu {
		display: none;
		margin-bottom: 20px;
		padding: 0px 0px 0px 20px;
		list-style: none; }
		#menu .submenu a.selected {
			color: #EF4C26; }
		
/* ================== */
/* = editoral pages = */
/* ================== */

#editorial { margin-top: 292px; margin-bottom: 50px; width: 923px; overflow: hidden; }
#editorial-left {
	width: 426px; float: left;
	padding: 0px 70px 0px 72px; }
	#editorial-left p { margin: 0px 0px 24px 0px; }
	#editorial-left p img { margin-top: 10px; }
#editorial-right {
	width: 355px; float: left;
	padding: 0px; }
	#editorial-right p { margin: 0px 0px 24px 0px; }
#editorial-bottom {
	width: 851px; float: left;
	padding: 0px 0px 0px 72px; }
	
a.away-link { color: #ef4c2b; }

.modeling-background {
	background: url('/img/i_b_modeling.png') repeat-x left 210px fixed;
/*	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}

.animated-thumb { position: relative; margin-top: 10px; }
.animated-thumb img { 
	display: block;  margin-top: 0px;
}
.animated-thumb img.monochrome {
	position: absolute; top: 0px; left: 0px;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
}
.animated-thumb img.monochrome:hover { opacity: 0; }
	
/* ============ */
/* = Showreel = */
/* ============ */

#showreel-player {
/*	width: 800px; height: 448px;*/
	margin-top: 181px; }
	
/* ============ */
/* = Projects = */
/* ============ */

.project-list {
	list-style: none;
	overflow: hidden;
	margin: 0px; padding: 0px; }
	.project-list li {
		display: block; float: left;
		position: relative; }
		.project-list li a { display: block; }
		.project-list li img { display: block; }
		.project-list li img.monochrome {
			position: absolute;
			left: 0px; top: 0px; }
/*		.project-list li:hover img.monochrome { display: none; }*/
		

/* ============ */
/* = Lightbox = */
/* ============ */

.lightbox-player { 
	width: 640px; height: 360px;
	border: 10px solid white; }
.video-description { width: 640px; padding: 0px; margin: 0px; }

/* ======== */
/* = Form = */
/* ======== */

#editorial.editorial-quote { width: auto; }

#quote-request { margin-bottom: 30px; overflow: hidden; }
#quote-request p { clear: both; overflow: hidden; }
#quote-request label { width: 156px; }
#quote-request input[type=text], #quote-request input[type=email] { 
	margin: 0px; padding: 0px; border: 0px;
  background-color: #fffefb;
	border-bottom: 1px dotted black;
	float: right; line-height: 20px;
	width: 270px; }
	
#quote-request select {
	border: 0px; margin: 0px; padding: 0px;
	width: 270px; float: right;
	background-color: #f5f1ef;
}

#quote-request textarea {
	margin: 0px; padding: 0px; border: 0px;
	background-color: #f5f1ef; 
	width: 426px; height: 150px;
}
	
#quote-request input[type=submit] {
	border: 0px; margin: 0px; padding: 0px;
	background-color: transparent; color: #ef4c2b;
	float: right;
}

#camera-extras-wrapper { float: right; position: relative; bottom: 20px; }