/**
 * GLOBALS
 */
	* { margin:0;padding:0; }
	*:focus { outline: none; }
	body {
		background: #232020;
		color: white;
		padding: 0;
		margin: 0;
		font: 13px Arial, Helvetica, Verdana, sans-serif;
		*font-size: small;
		*font: x-small;
	}

	/* CLEAR FIX*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	a {
		color: #fff;
		text-decoration: none;
	}
	.clearfix {
		display: inline-block;
	}
	.clear {
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	img, a { border: none; outline: none; }
	input, textarea, select { font-family: arial, verdana, sans-serif; }
	
	p { padding: 10px 0; }
	/* Hides from IE-mac \*/
	* html .clearfix { 
		height: 1%;
	}
	.clearfix {
		height: 0;
		font-size: 0;
		overflow: hidden;
		display: block;
	}
	/* End hide from IE-mac */

/**
 * WRAPPER
 */
	#wrapper {
		width: 960px;
		margin: 0 auto;
		margin-top: 45px;
		/*
		top: 50%;
		left: 50%;
		position: absolute;
		margin: -380px 0 0 -480px;
		*/
		/* -356px = dead center */
	}
	
/**
 * PRELOAD
 */
	#preload { display: none; height: 0; border: 1px solid red; }
	
/**
 * HEADER 
 */
	#header 		{ display: block; clear: both; padding-bottom: 12px; }
	#logo 			{ float: left; width: 181px; height: 44px; opacity: 0; }
	#logo img 		{ position: absolute; }
	#navigation 	{ float: right; padding-top: 15px; }
	#navigation a 	{ float: left; display: block; height: 28px;}
	a.nav-work  		{ background: url('../images/nav.gif') no-repeat 0 0; width: 89px; }	
	a.nav-work:hover,   a#nav-work-selected	{ background-position: 0 -29px; }
	a.nav-what  		{ background: url('../images/nav.gif') no-repeat -89px 0; width: 117px; }	
	a.nav-what:hover,   a#nav-what-selected	{ background-position: -89px -29px; }
	a.nav-story  		{ background: url('../images/nav.gif') no-repeat -206px 0; width: 109px; }	
	a.nav-story:hover,  a#nav-story-selected{ background-position: -206px -29px; }
	a.nav-contact  		{ background: url('../images/nav.gif') no-repeat -314px 0; width: 97px; }	
	a.nav-contact:hover,a#nav-contact-selected { background-position: -314px -29px; }
	a.nav-selected 		{ background-position: 0 -29px !important; }
	
/**
 * PRELOADER
 */
	#loading-container {
		opacity: 0;
		filter: alpha(opacity=0);
		position: absolute;
		height: 600px;
		width: 960px;
		background: url('../images/loading.gif') no-repeat center 43%;
		overflow: hidden;
	}
	#progress-container {
		width: 200px;
		display: block;
		height: 1px;
		overflow: hidden;
		background: white;
		margin: 299px auto 0 auto;
	}
	#progress-bar {
		width: 0px;
		display: block;
		height: 1px;
		overflow: hidden;
		background: #ff973a;
	}
	
/**
 * CONTENT
 */
	#content-inner {
		height: 600px;
		background: #000000 url('../images/loading-bg.jpg') no-repeat;
	}
	#content-footer {
		line-height: 30px;
		height: 30px;
		background: black;
		margin-top: 1px; /* gives space for top border */
	}
	#content-footer-news { position: absolute; overflow: hidden; height: 30px; background: url('../images/latest-news.gif') no-repeat 15px 9px; float: left; width: 530px; padding-left: 110px; }
	#content-footer-contact { float: right; width: 319px; border-left: 1px solid #232020; height: 30px; background: #141313; text-align: center;}
	#content-footer-contact img { padding-top: 6px;}
	
	/* HOMEPAGE */ 
	div.client-item { background: white; opacity: 0; filter: alpha(opacity=0); cursor: pointer; width: 320px; height: 200px; overflow: hidden; float: left; }
		div.client-img  { position: absolute; opacity: 0; filter: alpha(opacity=0); }
		div.client-desc { margin-top: 200px; position: relative; height: 50px; background: black; opacity: .75; filter: alpha(opacity=75); width: 320px; }
		div.client-desc h2 { font-weight: normal; text-transform: uppercase; letter-spacing: -1px; text-align: right; color: #ff973a; margin: 0; padding: 6px 8px 2px 0; text-align: right; font-size: 18px; }
		div.client-desc a  { display: block; text-align: right; padding-right: 8px; color: white; font-size: 11px; }
		
	/* CLIENT ITEM PAGE */
	#work-container { position: absolute; overflow: hidden; width: 960px; height: 600px; opacity: 0; filter: alpha(opacity=0); }
	#work-images 	{ cursor: pointer; position: absolute; width: 960px; }
	#work-images-num{ position: absolute; text-align: center; margin: 10px 0 0 892px; background: url('../images/image-num.png') no-repeat; line-height: 31px; width: 57px; font-size: 10px; font-weight: bold; }
	#work-desc 		{ position: absolute; margin-top: 600px; height: 250px; background: black; opacity: .75; filter: alpha(opacity=75); width: 960px; }
		#work-desc-left  { float: left; padding: 15px 0 15px 15px; width: 400px; }
		#work-desc-right { float: right; padding: 15px; width: 290px; height: 250px; }
		#work-desc-left h1 { font-weight: normal; font-size: 26px; text-transform: uppercase; color: white; letter-spacing: -2px;}
		#work-desc-left h2 { font-weight: normal; font-size: 18px; text-transform: uppercase; color: #ff973a; letter-spacing: -1px;}
		a.work-desc-hideshow { position: absolute;  display: block; margin: -37px 0 0 230px; text-align: center; width: 45px; line-height: 16px; padding: 3px 6px; font-size: 11px; background: black; color: white; }
		a.work-desc-hideshow:hover { color: #666; }
		
	/* WHAT PAGE */
	#what-container { background: url('../images/page-what.jpg') no-repeat; position: absolute; overflow: hidden; width: 960px; height: 600px; opacity: 0; filter: alpha(opacity=0); }
	#what-content { width: 320px; margin-left: 960px; background: black; color: white; filter: alpha(opacity=75); opacity: .75; height: 600px; }
	#what-content-inner { padding: 20px; }
	#what-content-inner img { padding: 15px 0; }
	#what-content-inner h3 { margin-top :15px; font-weight: normal; font-size: 14px !important; letter-spacing: -1px; color: #ff973a; }
	#what-content-inner p { line-height: 15px; padding: 0 0 15px 0; font-size: 11px !important; }
	#what-scroll { position: absolute; width: ; height: 480px; width: 280px; }
	
	/* STORY PAGE */
	#story-container { background: url('../images/page-story.jpg') no-repeat; position: absolute; overflow: hidden; width: 960px; height: 600px; filter: alpha(opacity=0); opacity: 0; }
	#story-content { width: 641px; margin-left: -641px; background: black; filter: alpha(opacity=75); opacity: .75; height: 600px; }
	#story-content-inner { padding: 20px 40px 20px 40px; }
	#story-content-inner img { padding: 15px 0; }
	#story-content-inner h3 { margin-top :15px; font-weight: normal; font-size: 14px !important; letter-spacing: -1px; color: #ff973a; }
	#story-content-inner p { line-height: 18px; padding: 0 0 15px 0; font-size: 12px !important; }
	.story-col1, .story-col2 { float: left; width: 240px; padding-right: 50px;}
	#story-columns { overflow: hidden; position: absolute; width: 560px; height: 470px; }
	
	/* CONTACT PAGE */
	#contact-container { background: url('../images/page-contact.jpg') no-repeat; position: absolute; overflow: hidden; width: 960px; height: 600px; filter: alpha(opacity=0); opacity: 0; }
	#contact-inner { padding: 40px 0 20px 40px; }
	#contact-inner textarea, #contact-inner input { margin-top: 15px; background: none; width: 300px !important; padding: 3px 6px; border: none; border-bottom: 1px solid #333; border-right: 1px solid #333; color: white; float: left; }
	#contact-inner textarea { height: 120px;}
	#contact-inner label { color: #555; margin-top: 15px; padding: 3px 15px; float: left; display: block; width: 90px; font-size: 11px; text-transform: uppercase; font-weight: bold; }
	div.contact-form { padding-top: 30px; width: 450px;}
	div.sendto { margin-top: 15px; width: 300px; border-bottom: 1px solid #333; padding: 4px 12px 4px 0; border-right: 1px solid #333; display: block; float: left; text-transform: uppercase; font-size: 11px; }
	div.sendto a { padding: 5px 8px; color: #555;}
	div.sendto a.current { color: white; background: #333; }
	a.sendto-submit { color: black; text-transform: uppercase; text-align: center; line-height: 32px; text-align: center; width: 104px; margin-top: 15px; background: url('../images/contact-submit.gif') no-repeat; display: block; margin-left: 208px; }
	a.sendto-submit:hover { opacity: .6; }
	span.contact-success { font-size: 30px; color: #333; }
	div.contact-p { position: absolute; text-transform: uppercase; font-size: 11px; line-height: 18px; width: 280px;}
	div.contact-p-right { position: absolute; width: 230px; margin-left: 290px; top: 36px; }
	div.contact-p h3 { color: #ff973a !important; }
	div.contact-info { position: absolute; background: url('../images/contact-info.jpg') no-repeat; width: 276px; height: 345px; line-height: 21px; margin: 25px 0 0 539px; font-size: 11px; text-transform: uppercase; z-index: 10000; }

/**
 * FOOTER
 */	
	#footer { padding: 10px 15px; color: #3f3838; font-size: 11px; font-weight: normal; text-transform: uppercase; }
	#footer-left { float: left; width: 50%; }
	#footer-right { float: right; width: 50%; text-align: right; }