html, body {
	height: 100%;
}

#videobackground, #videobackground embed {
	width: 100%;
	height: 100%;
}

#wrap {
	min-height: 100%;
}

#videobackground {
	position: fixed;
	z-index: -1;
}

#imagebackground {
	position: fixed;
	height: 100%;
	width: 100%;
	overflow: hidden;
	display: none;
	z-index: -1;
}

iframe.map {
	margin: 20px 20px 20px 40px;
	width: 600px;
	height: 300px;
}

iframe.vimeo {
	margin-bottom: 20px;
	z-index: 10;
}

html, body, h1, h2, ul, li {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1, h2, h3, h4 {
	font-family: 'Droid Serif', Helvetica, sans-serif;
}

body {
	background: #333;
	color: #fff;
	font-family: 'Droid Sans', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

ul {
	list-style-type: none;
}

a {
	color: inherit;
	text-decoration: none;
	border: none;
	cursor: pointer;
}

address {
	font-style: normal;
}

#container {
	min-width: 960px;
	height: 100%;
	z-index: 4;
}

	#frontpage #container {
		background: url("/images/scan.gif");
	}

	#header {
		width: 960px;
		height: 220px;
		color: #555;
		margin: auto auto -20px auto;
		z-index: 5;
		background: #000 url("/images/logo.jpg") left top no-repeat;
	}

		#logo {
			width: 320px;
			height: 220px;
			float: left;
		}
		
			#logo a {
				display: block;
				width: 100%;
				height: 220px;
			}
		
		#twitter {
			width: 600px;
			height: 30px;
			margin-top: 28px;
			margin-right: 40px;
			float: left;
			border-bottom: 1px solid #262626;
			color: #999;
			white-space: nowrap;
			overflow: hidden;
			z-index: 9;
		}

			#twitter a {
				border-bottom: 2px solid #262626;
			}
			
				#twitter a:hover {
					border-bottom: 2px solid #fff;
				}

		#header .menu {
			width: 160px;
			height: 143px;
			margin-top: 16px;
			float: left;
			background: #000;
		}
		
			#header .menu a {
				color: #999;
				border-bottom: 2px solid #262626;
			}
			
				#header .menu .focus a {
					color: #fff;
				}

				#header .menu a:hover {
					border-bottom: 2px solid #ddd;
				}

			#header .menu h2 {
				font-size: 12px;
			}
			
	
	#main {
		width: 960px;
		padding-bottom: 80px;
		margin: auto;
		color: #333;
	}
	
		#reel {
			background: #fff;
			padding: 40px 40px 35px 40px;
		}
		
			#reel .vimeo {
				margin-bottom: 0px;
			}
		
		#main #clientlist {
			background: url("/images/clients.jpg") no-repeat;
			padding-top: 400px;
			margin-bottom: -20px;
		}
		
			#main #clientlist .box {
				margin-top: -400px;
			}
		
			#main #clientlist .content {
				background: #fff;
				margin-top: 1px;
				margin-left: 320px;
				padding: 40px;
				padding-top: 20px;
				height: 120px;
			}
		
		#main #post-production {}
		
			#main #post-production .text {
				float: left;
				width: 320px;
			}
			
			#main #post-production .images {
				float: left;
				width: 640px;
			}
			
			#main #post-production .blurb {
				width: 320px;
				height: 400px;
			}
			
				#main #post-production .feature {
					width: 640px;
					height: 400px;
					float: left;
				}
				
				#main #post-production .thumb {
					width: 640px;
					height: 200px;
					float: left;
				}
		
		#main #about { }

			#main #about .aside {
				float: left;
				width: 320px;
			}

				#main #about .feature {
					width: 320px;
					height: 400px;
					float: left;
				}

			#main #about .text {
				float: left;
				width: 640px;
			}

			#main #about .blurb {
				width: 640px;
				height: 400px;
			}
			
				#main #about .blurb img {
					width: 320px;
					height: 200px;
					float: left;
					padding: 0 40px 40px 0;
				}

			#main #about .thumb {
				width: 320px;
				height: 200px;
				float: left;
			}
			
		#main .blurb {
			float: left;
			height: 200px;
			width: 640px;
			background: #fff;
		}
		
			#main .blurb p {
				margin: 0;
				padding: 40px 40px 0 40px;
				margin-bottom: -20px;
			}
	
		#main .box {
			width: 320px;
			height: 200px;
			float: left;
			background: #fff;
		}
		
			#main .box .description a, #main .box span {
				border-bottom: 1px solid #666;
				color: #ccc;
			}
			
				#main .box .description a:hover, #main .box span:hover {
					border-bottom: 1px solid #fff;
				}
			
			#main .box .description {
				position: absolute;
				width: 280px;
				padding-left: 40px;
				height: 80px;
				padding-top: 120px;
				color: #fff;
			}
			
			#main .box .dimmer {
				position: absolute;
				width: 280px;
				padding-left: 40px;
				height: 80px;
				padding-top: 120px;
				background: #000;
			}
		
			#main .box.title {
				background: #000;
				height: 110px;
				clear: left;
				padding-top: 90px;
				color: #fff;
				text-align: center;
				font-size: 20px;
				font-family: 'Droid Serif', Helvetica, sans-serif;
			}
			
			#main .box.nowplaying {
				background: #000;
				color: #fff;
			}
			
				#main .box.nowplaying a {
					color: #999;
					border-bottom: 2px solid #262626;
				}
			
					#main .box.nowplaying a:hover {
						border-bottom: 2px solid #ddd;
					}


				.nowplaying h2 {
					margin: 40px;
					font-size: 12px;
				}

				.nowplaying p {
					color: #999;
					margin: -20px 40px 40px 40px;
				}

/*
		#main iframe {
			width: 600px;
			height: 340px;
			margin: 20px 0px 20px 40px;
		}
*/

		#main .entry {
			clear: left;
			padding: 20px 0 20px 0;
			background: #fff;
		}
		
			.multiples #main.article .entry {
				margin-bottom: 20px;
			}

			#main .entry a, .blurb a, #reel a {
				border-bottom: 1px solid #aaa;
				color: #666;
			}
			
				#main .entry a:hover, .blurb a:hover, #reel a:hover {
					border-bottom: 1px solid #000;
				}
	
		#main.article .entry {
			padding: 20px 0 15px 0;
		}

			#main .entry .meta {
				width: 320px;
				float: left;
			}
			
				#main .entry .meta p, #main .entry .meta address {
					margin-top: 18px;
					margin-left: 40px;
					margin-right: 40px;
				}
			
				#main.article .entry .meta {
					text-align: right;
					margin-top: 20px;
					margin-right: 40px;
					width: 280px;
				}
			
				#main .entry .meta .filed {
					font-size: 12px;
					margin-top: 40px;
					color: #aaa;
				}
				
					#main .entry .meta .filed strong {
						color: #444;
						/* adding: 2px 5px 2px 5px; */
					}
					
					#main .entry .meta .filed strong.ohhsit {
						/* background: #adf; */
					}
					
					#main .entry .meta .filed strong.case_studies {
						/* background: #dfa; */
					}

			#main .entry .feature {
				width: 880px;
				position: relative;
				left: -280px;
				padding-top: 10px;
			}

			#main .entry .content {
				width: 640px;
				float: left;
				background: #fff;
			}
			
				#main.article .entry .content {
					margin-top: 20px;
				}
				
					#main.article .entry .content p {
						width: 600px;
						margin-bottom: 20px;
					}
					
				#main .entry h2 {
					font-size: 20px;
					font-weight: bold;
				}

					#main.article .entry h2 {
						margin-bottom: 40px;
					}
					
						#main.article .entry h2 a {
							color: #000;
						}
						
			#main .entry.pagination {
				height: 20px;
				padding: 10px 20px 10px 20px;
			}

				.older {
					float: right;
				}

				.newer {
					float: left;
				}
	
	#footer {
		position: relative;
		margin: -80px auto 0 auto;
		height: 80px;
		clear: both;
		width: 960px;
		color: #555;
		background: #000;
	}

		#footer .info {
			padding-top: 30px;
			padding-left: 30px;
		}
		
	.compare {
		border: 0;
		padding: 0;
		display: block;
		width: 600px;
		height: 338px;
		text-decoration: none !important;
		overflow: hidden;
	}
		.compare:hover {
			background-position: 0 338px !important;
			text-decoration: none !important;
		}
		
	.slideshow {
		width: 600px;
		height: 338px;
	}

		.pager {
			padding: 10px 20px 20px 0px;
		}

			.pager a {
				margin-left: 10px;
				padding: 0 5px 0 5px;
			}

			.pager a.activeSlide {
				font-weight: bold;
				background: #ddd;
			}