@import url("http://fast.fonts.com/cssapi/70d67c9c-e7c4-4b91-ad6f-99218117c0b8.css");

/* =============================================================================
   Resets (Do not edit unless necessary)
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

a:focus { outline: none; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
h1, h2, h3 { font-weight: normal; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

/* =============================================================================
   Default styles
   ========================================================================== */

/* Default Body Styles */
body {
	background: #2F2F2F url(../images/noise.png) repeat center center;
	overflow: hidden;
	margin: 0;
}

/* Font Styles for Entire Site */
body, button, input, select, textarea {
	color: #EEE;
}

/* Link Styles */
a { color: #AAA; text-decoration: none; }

/* Selection Color */
::-moz-selection { background: #AAA; color: #fff; text-shadow: none; }
::selection { background: #CCC; color: #fff; text-shadow: none; }


/* =============================================================================
   Primary styles
   =============================================================================
*/

section {
	margin: 0 auto;
	
	/* Width of the Content */
	width: 900px;
}

header {
	background: #3D3D3D url(../images/noise.png) repeat center center;
	border-top: 1px #757575 solid;
	border-bottom: 1px #252525 solid;
	margin: 1px 0 0 0;
	position: fixed;
	text-align: center;
	width: 100%; height: 70px;
	z-index: 2;
}

	header a {
		color: #FAFAFA;
		display: inline-block;
		font-size: 0.7em;
		letter-spacing: 4px;
		line-height: 75px;
		margin: 0 20px;
		text-shadow: 0px 2px 1px rgba(0,0,0,0.4);
		text-transform: uppercase;
		width: auto; height: 70px;
		
		-webkit-transition: color 300ms linear;
		-moz-transition: color 300ms linear;
	}
	
		header a:hover, header a.selected {
			background: url(../images/nav-arrows.png) no-repeat center center;
			color: #AAA;
			text-shadow: 0px 3px 1px rgba(0,0,0,0.2);
		}
	
	header a.logo {
		background: url(../images/logo.png) no-repeat;
		overflow: hidden;
		text-indent: -9999px;
		width: 250px;
	}

h1,h2,h3 {
	letter-spacing: 2px;
	text-transform: uppercase;
}

.main {
	background: #555 url(../images/noise.png);
	padding-top: 30px;
	overflow: hidden;
	position: fixed;
	width: 100%; height: 450px;
	z-index: 0;
}

	.main .bar {
		background: #272727;
		opacity: 0.5;
		position: absolute;
		padding-right: 6px;
		top: 56%; left: 0;
		width: 72%; height: 20px;
		z-index: 1;
	}

	.main section {
		background: url(../images/hourglass.png) no-repeat left 0px;
		height: 450px;
	}

	.main h1 {
		padding-top: 150px;
		text-shadow: 0 2px 1px rgba(0,0,0,0.3);
	}
	
	.main h1, .main .buttons {
		margin-left: 400px;
	}
	
	.main .buttons {
		margin-top: 60px;
	}
	
		.main .buttons .button:first-child {
			background-color: #444;
			border-color: #333;
			margin-right: 10px;
		}
	
	a.button {
		background: #333 url(../images/button-bg.png);
		border: 1px #222 solid;
		color: #FFF;
		border-radius: 15px;
		font: normal 0.6em 'Futura W01 Bold', 'Futura', sans-serif;
		letter-spacing: 3px;
		padding: 11px 40px 9px;
		text-shadow: 0 2px 1px rgba(0,0,0,0.1);
		text-transform: uppercase;
		
		-webkit-transition: opacity 300ms linear;
		-moz-transition: opacity 300ms linear;
	}
	
		a.button:hover {
			opacity: 0.7;
		}

header, .content {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.8);
}

.content {
	background: #232323 url(../images/noise.png) repeat center center;
	border-top: 1px #252525 solid;
	padding: 50px 0 10px;
	position: relative;
	margin-top: 470px;
	z-index: 1;
	width: 100%;
}

	.content .highlight {
		background: #555;
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 1px;
	}
	
	.content .section section {
		border-left: 1px #111 solid;
		padding-left: 50px;
		margin-bottom: 100px;
	}
	
		.content .section h2 {
			line-height: 40px;
			font-size: 1em;
			text-shadow: 0 2px 1px rgba(0,0,0,0.1);
			width: auto; height: 40px;
		}
		
			.content .section h2 img { float: left; margin-right: 5px; }
			
		.content .section p, .content .section ul {
			font-size: 0.9em;
			letter-spacing: 1px;
			line-height: 1.8em;
			margin-left: 10px;
			text-shadow: 0 2px 1px rgba(0,0,0,0.2);
			width: 72%;
		}
		
		.content .section ul {
			color: #EEE;
			font-size: 0.8em;
			line-height: 2.5em;
			list-style-type: square;
			margin: 30px 0;
			padding-left: 25px;
		}
		
			.content .section ul ul {
				margin: 0 0 10px 0;
			}
		
		.content .section h3 {
			color: #EEE;
			font-size: 0.8em;
			margin: 50px 0 0 5px;
			padding: 0;
			text-shadow: 0 2px 1px rgba(0,0,0,0.2);
		}
		
		.content .section .photos {
			float: right;
			overflow: hidden;
			margin-top: 90px;
			width: 210px;
		}
			.content .section .photos img {
				border: 5px #111 solid;
				display: block;
				margin-bottom: 40px;
			}
		
		/* About */
		.content #about.section {
			
		}
			.content #about.section h2 {
				margin-bottom: 40px;
			}
			
			.content #about.section h2 img {
				margin-right: -5px;
			}
			
			.content #about.section .bios {
				overflow: hidden;
				margin: 50px 0 0 10px;
			}
			
				.content #about.section .bios .bio {
					border-left: 1px #111 solid;
					float: left;
					width: 40%;
				}
					.content #about.section .bios .bio h3 {
						font-size: 1.1em;
						margin: 0;
						padding-left: 20px;
					}
						.content #about.section .bios .bio h3 span {
							color: #CCC;
							display: block;
							font-size: 0.6em;
							margin-bottom: 10px;
						}
						
						.content #about.section .bios .bio h3 a {
							background: url(../images/bio-arrow.png) no-repeat;
							display: block;
							font-size: 0.6em;
							line-height: 12px;
							margin-left: -2px;
							padding-left: 20px;
							width: auto; height: 15px;
						}
				
					.content #about.section .bios .bio .description {
						display: none;
						font-size: 0.7em;
						padding-left: 10px;
						width: 120%;
					}

			.content #about.section .staff {
				border-top: 1px #111 solid;
				font: normal 0.9em "Futura W01 Bold", "Futura", sans-serif;
				letter-spacing: 2px;
				margin: 30px 0 0 0;
				overflow: hidden;
				padding: 40px 0 0 30px;
				text-shadow: 0 2px 1px rgba(0,0,0,0.2);
				text-transform: uppercase;
				width: 80%;
			}
			
				.content #about.section .staff div {
					float: left;
					margin-bottom: 20px;
					width: 50%;
				}
				
					.content #about.section .staff div em {
						color: #AAA;
						display: block;
						font: normal 0.7em "Futura W01 Medium", "Futura", sans-serif;
						letter-spacing: 2px;
					}
			
			
		/* Studio */
		.content #studio.section {
		
		}
			.content #studio.section ul {
				line-height: 1.5em;
				padding-left: 20px;
				width: 64%;
			}
				.content #studio.section ul li {
					margin-bottom: 20px;
				}

.copyright {
	font: normal 0.6em "Futura W01 Bold", "Futura", sans-serif;
	letter-spacing: 2px;
	padding: 30px 0;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 2px 1px rgba(0,0,0,0.1);
}


/* Image Replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Clear Floats */
.clear { clear: both; }

@-moz-document url-prefix() {
    header nav a.logo {
		margin-bottom: -30px;
    }
}