html, body {
	margin: 0;
	padding: 0;
}

* { outline: none; }
a { color: #c60; text-decoration: none; }
a img { border: none; }
#preload { position: absolute; width: 1px; height: 1px; overflow: hidden; left: -5000px; top: -5000px; }


body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #000;
	background: transparent url('../_images/background.jpg') repeat-x center top;
}

#container {
	width: 980px;
	margin: 0 auto;
	position: relative;
	overflow: visible;
}

#header {
	height: 188px;
	position: relative;
	z-index: 9;
}
	#header h1 {
		position: absolute;
		left: 40px;
		top: 22px;
		width: 91px;
		height: 114px;
		margin: 0;
		padding: 0;
	}
		#header h1 a {
			display: block;
			text-decoration: none;
			width: 91px;
			height: 114px;
			background: transparent url('../_images/logo.jpg') no-repeat left top;
			overflow: hidden;
			text-indent: -5000px;
		}

	#navigation {
		margin: 48px 0 0 0;
		padding: 0;
		float: right;
		overflow: auto;
	}
		#navigation li {
			margin: 0 0 0 20px;
			padding: 0;
			list-style-type: none;
			float: left;
			background: none;
		}
			#navigation li a {
				text-decoration: none;
				color: #000;
				font-size: 14pt;
				font-weight: bold;
				padding: 14px 24px 14px 24px;
				background: transparent url('../_images/navigation-normal.jpg') no-repeat center left;
				display: block;
			}
				#navigation li a span {
					display: block;
					color: #fff;
					font-size: 10pt;
					font-weight: normal;
				}

			#navigation li:hover,
			#navigation li.hover {
				background: transparent url('../_images/navigation-over-left.jpg') no-repeat center left;
			}
				#navigation li:hover a,
				#navigation li.hover a {
					background: transparent url('../_images/navigation-over-right.jpg') no-repeat center right;
				}
			
			#navigation li.active {
				background: transparent url('../_images/navigation-active-left.jpg') no-repeat center left;
			}
				#navigation li.active a {
					background: transparent url('../_images/navigation-active-right.jpg') no-repeat center right;
				}
			
			
/* Homepage */
#homepage {
	overflow: visible;
	position: relative;
	z-index: 10;
}
	#homepage #video-banner {
		width: 980px;
		height: 330px;
		padding-top: 30px;
		overflow: visible;
		position: relative;
		background: transparent url('../_images/homepage/video-banner.jpg') no-repeat left top;
	}
		#homepage #video-banner #video {
			display: block;
			background: transparent url('../_images/homepage/video-button.png') no-repeat left top;
			width: 400px;
			height: 300px;
			position: absolute;
			left: 40px;
			top: 30px;
			overflow: hidden;
			text-indent: -5000px;
			text-decoration: none;
		}
		#homepage #video-banner #cutout {
			position: absolute;
			bottom: 0;
			right: -40px;
			width: 613px;
			height: 441px;
			z-index: 11;
			background: transparent url('../_images/homepage/cutout.png') no-repeat right bottom;
		}

	#homepage #overview {
		border-top: 6px solid #000;
		background-color: #333;
		background: #333 url('../_images/homepage/overview.jpg') no-repeat 95% 50%;
		color: #999;
		min-height: 95px;
		font-size: 15pt;
		line-height: 1.4em;
		padding-top: 30px;
		padding-right: 170px;
		padding-bottom: 20px;
		padding-left: 40px;
	}
		#homepage #overview strong,
		#homepage #overview em {
			font-style: normal;
			color: #fff;
		}
		
	#callouts {
		overflow: visible;
		margin-top: 16px;
		height: 200px;
	}
		#callouts .callout {
			width: 316px;
			float: left;
			margin: 0 16px 0 0;
			cursor: pointer;
			-moz-box-shadow: 2px 2px 8px #222;
			-webkit-box-shadow: 2px 2px 8px #222;
		}
			#callouts .callout:hover {
				-moz-box-shadow: 3px 3px 10px #000;
				-webkit-box-shadow: 3px 3px 10px #000;
			}
			#callouts #one {
				
			}
			#callouts #two {
				
			}
			#callouts #three {
				margin-right: 0;
			}
			
			#callouts h2 {
				font-size: 13pt;
				color: #000;
				background: #ffad33 url('../_images/homepage/callout-header.jpg') no-repeat left top;
				height: 46px;
				margin: 0;
				padding: 12px 80px 0 20px;
				position: relative;
			}
				#callouts h2 span {
					font-size: 10pt;
					font-weight: normal;
					color: #fff;
					display: block;
				}
				#callouts h2 img {
					position: absolute;
					right: 20px;
					top: 9px;
				}
			#callouts img {
				display: block;
			}
			#callouts a {
				display: block;
				text-decoration: none;
			}

/* all videos in video banners */
#video-banner #video-player {
	border: none;
	position: absolute;
}

/* Interior page */
#interior {
	overflow: visible;
	position: relative;
	z-index: 10;
}
	#interior #video-banner {
		width: 980px;
		height: 300px;
		overflow: visible;
		position: relative;
	}
		#interior #video-banner #background {
			position: absolute;
			left: 0;
			top: 0;
			width: 980px;
			height: 300px;
		}
		#interior #video-banner #video {
			display: block;
			background: transparent url('../_images/interior/video-button.png') no-repeat left top;
			width: 320px;
			height: 240px;
			position: absolute;
			left: 30px;
			top: 30px;
			overflow: hidden;
			text-indent: -5000px;
			text-decoration: none;
		}
		#interior #video-banner #cutout {
			position: absolute;
			bottom: 0;
			right: 0px;
			z-index: 11;
		}
			#interior #video-banner #cutout img {
				display: block;
			}

	#interior #overview {
		border-top: 6px solid #000;
		background-color: #333;
		background-color: #333;
		color: #999;
		font-size: 14pt;
		line-height: 1.6em;
		position: relative;
		overflow: auto;
		padding-top: 20px;
		padding-right: 30px;
		padding-bottom: 20px;
		padding-left: 30px;
	}
		#interior #overview strong,
		#interior #overview em {
			color: #fff;
		}
		
		#interior #overview h2 {
			text-transform: uppercase;
			max-width: 500px;
			float: left;
			margin: 0;
			font-size: 24pt;
			line-height: 1em;
			font-weight: normal;
		}
			#interior #overview h2 strong {
				display: block;
			}
		#interior #overview a {
			line-height: 68px;
			display: block;
			float: right;
			padding-right: 90px;
			text-transform: uppercase;
			color: #999;
			text-decoration: none;
			background: transparent url('../_images/interior/icon-download.png') no-repeat center right;
		}
			#interior #overview a strong {
				color: #fff;
			}
			
		#interior #overview .icon {
			height: 68px;
			display: block;
			float: right;
			width: 68px;
			text-align: right;
		}
	
	#interior #content {
		background-color: #fff;
		padding: 30px 31px;
		overflow: auto;
		color: #333;
		line-height: 1.6em;
	}
	
	#interior #content p.gallery {
		margin-top: 5px;
		margin-bottom: 30px;	
		}
	
		#interior #content h3 {
			font-size: 13pt;
			color: #333;
			margin-top: 0;
			line-height: 1.25em;
		}
		
		#interior #content h3.bio {
			margin-top: 20px;
			text-transform: none;
			border-bottom: none;			
		}
		
			#interior #content h3.underlined {
				border-bottom: 2px solid #333;
				text-transform: uppercase;
			}
		
		#interior #content h4 {	
			color: #c60;
			text-transform: uppercase;
			margin-bottom: 0;
		}
		
		#interior #content hr {
			color: #999;
			background-color: #999;
			border: none;
			height: 1px;
			margin-top: 20px;
			margin-bottom: 20px;
		}

		#interior #content .callout {
			float: right;
			width: 285px;
			-moz-box-shadow: 2px 2px 8px #222;
			-webkit-box-shadow: 2px 2px 8px #222;
			margin-top: 0;
			margin-right: 0;
			margin-bottom: 20px;
			margin-left: 40px;
		}
			#interior #content .callout h3 {
				font-size: 13pt;
				color: #000;
				background: #ffad33 url('../_images/interior/callout-header.jpg') no-repeat left top;
				height: 46px;
				margin: 0;
				padding: 14px 80px 0 20px;
				position: relative;
				line-height: 1em;
			}
				#interior #content .callout h3 a {
					color: #000;
					text-decoration: none;
				}
				#interior #content .callout h3 span {
					font-size: 10pt;
					font-weight: normal;
					color: #fff;
					display: block;
				}
				#interior #content .callout h3 img {
					position: absolute;
					right: 20px;
					top: 9px;
				}
			#interior #content .callout img {
				display: block;
			}
			#interior #content .callout .content {
				padding-top: 20px;
				padding-right: 20px;
				padding-bottom: 0;
				padding-left: 20px;
			}
			
			#interior #content .callout .content h4 {
				margin-bottom: 0px;
			}
			
			#interior #content .callout .content p {
				font-size: 8pt;
				line-height: 1.6em;
				margin-bottom: 20px;
			}
			
	.column {
		float: left;
		margin: 0;
		padding: 0;
	}
		.column h3 {
			text-transform: uppercase;
			border-bottom: 2px solid #333;
		}
	.third {
		width: 31%;
		margin-right: 3%;
		margin-bottom: 20px;
	}
	.half {
		width: 444px;
		margin-right: 30px;
	}
	
	.no-right-margin {
		margin-right: 0;
	}
		
		
	.no-list {
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
	}
		.no-list li {
			border-bottom: 1px solid #ccc;
			overflow: auto;
		}
		.no-list li span {
			display: inline-block;
			float: right;
			color: #999;
		}
		
	.bio {
		overflow: auto;
		margin-bottom: 20px;
	}
		.bio img {
			display: inline-block;
			float: left;
			margin-right: 20px;
		}
			#interior #content .bio h4 {
				color: #333;
				text-transform: none;
				margin: 0;
				font-size: 15pt;
			}
			
			.margin {
				margin-bottom: 120px;	
				}

#social {
	margin: 0;
	padding: 10px 0;
	position: absolute;
	right: 0;
	top: 200px;
	background-color: #999;
	background-color: rgba(0,0,0,0.3);
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
	#social li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		#social li a {
			text-decoration: none;
			display: block;
			text-align: center;
			width: 50px;
			padding: 5px 0;
		}


#footer {
	clear: both;
	margin-top: 40px;
	padding: 30px 0;
	position: relative;
	background: transparent url('../_images/background-footer.png') repeat-x left top;
	min-height: 150px;
}

#footer-one {
	background-image:url(../_images/homepage/gemini.png);
	background-repeat: no-repeat;
	background-position: 20px;
	}
	
#footer-one p {
	padding-left: 60px;	
	}

#footer-two p {
	margin-bottom: -10px;
	}

	#footer-inner {
		width: 980px;
		margin: 0 auto;
		overflow: auto;
	}
		#footer-inner .callout {
			width: 280px;
			padding: 0 23px;
			float: left;
			margin: 0;
		}
			#footer-inner .callout h3 {
				margin-top: 0;
			}
		#footer-inner #footer-three ul {
			float: right;
			margin: 0;
			padding: 0;
		}
			#footer-inner #footer-three ul li {
				margin: 0 0 0 20px;
				padding: 0;
				list-style-type: none;
				float: left;
			}