@charset "UTF-8";
/* CSS Document */


/*******Reset*******/
/*******Reset*******/

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code, em, font, img, ol, ul, dl,
fieldset, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

a {
	text-decoration:none;
	color:#3B1D06;
	font-weight:bold;
	font-size:.85em;
}

a:hover {
	background-color:#cddb1f;
}


/*******Main*******/
/*******Main*******/

html{
	background:url(../images/bg.jpg) repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#3B1D06;	
}
body{
	}
	
/*#opacity_box{
	
	filter:alpha (opacity=60);
	opacity:0.2;
}*/
	
#container{
	background-color:#FFFFFF;
	width:940px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	padding: 56px 18px 0 18px;
	overflow:hidden;
}

#header{
	overflow:hidden;
	height:100%;/*hack for IE6...makes sure logo shows*/
}
#main_header_description {
	text-indent:-10000px;
}

#header_home {
	margin:auto;
	position:relative;
	width:474px;
}

#header_home img{

}

#header img{
	float:left;
	clear:both;
}

#slogan {
	position:relative;
	float:left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.72em;
	color:#3B1D06;
	padding:7px 0 0 0;
	line-height:.72em;
	width:500px;
	height:100%;
	font-weight:normal;
}

#main_image {
	margin:-30px 0 30px 0;
}

#homepage_blurb {
	float:left;
	font-size:1.3em;
	line-height:1.4em;
	margin:0 0 120px 0;
}

.keyword {
	background-color:#cddb1f;
}

#nav {
	/*float:left;
	padding:75px 200px 0 0;
	margin:0 0 60px 0;*/

	position:relative;
	height:100%;
	width:100%;
	float:left;
	padding:70px 0px 0 0;
	margin:0 200px 60px 0;
	/*bottom:10px;
	right:445px;*/
}

#nav li{
	display:inline;
	margin-right:32px;
	position:relative;
	
}

#intro_blurb {
	position:relative;
	height:100%;
	margin:auto;
	top:10px;
	width:474px;
}

#intro_col1, #intro_col2 {
	position:relative;
	float:left;
	margin-right:0px;
	width:230px;
	font-size:.75em;
	line-height:1.3em;
}

#intro_col2 {
	margin:-32px -30px 0 0px;
	padding:0 0 0 27px;
	width:240px;
}

#home_subcontainer{
	position:relative;
	margin:200px 0  200px 0;
}

#nav_index {
	position:relative;
	margin:auto;
	margin-top:50px;
	padding:0 7px 0 50px;
	width:520px;
}


#nav_index li {
	position:relative;
	display:inline;
	height:100%;
	margin-right:20px;
}

.li_no_marg_right {
	margin-right:0px;
	position:relative;
	margin-left:11px;
	left:35px;
}


#current_page {
	/*background-color:#d7df23;*/
	background-color:#cddb1f;
	height:5px;
}

/*******Work Index*******/
/*******Work Index*******/

.article{
	border-style:solid;
	border-bottom-width:1px;
	border-color:#999999;
	padding-top:47px;
	position:relative;
	top:-47px;
	height:100%;

}

#case_studies h3{
	font-size:.8em;
	color:#3B1D06;
}


.skills{
	font-size:.75em;
	line-height:1.3em;
}

.work_thumbnail{
	float:right;
	position:relative;
	bottom:60px;
}

/*fix for reeves pic: when "skills" section is more than 4 lines, the thumbnail gets push down.  This negates it.    is a good filler instead or try absolute positioning
#reeves_pic{
	position:relative;
	bottom:90px;
}*/

.view_project{
	position:relative;
	width:83px;
	margin:33px 0 21px 0;
	background-color:#CBD21F;
	padding-left:px;
	padding-right:0px;
	line-height:17px;
	height:17px;
}

.view_project a:hover {
background:none;

}


/*******article page*******/
/*******article page*******/

#subsection_container {
	
}

.subsection {
	position:relative;
	height:480px;
	
	/*background-color:#00CCCC;
	filter:alpha (opacity=60);
	opacity:0.6;*/

	top:20px;/*adds space between main description and first subsection*/
	margin-top:35px;/*So subsections don't overlap*/
	margin-bottom:-33px;
}

#back_button {
	background-color:#CBD21F;
	margin:0 0 21px 0;
	width:33px;
}

#backtoinmrf_button {
	background-color:#CBD21F;
	margin:0 0 21px 0;
	width:93px;
}

#back_to_work_button {
	background-color:#CBD21F;
	margin:0 0 21px 0;
	width:91px;
}

#inmrf_comparison {
	float:right;
	margin-top:-82px;
}

#top_section h4 {
	font-size:.8em
}

#sub_id_1 {
	margin-bottom:430px;
}

#sub_id_2 {
	margin-bottom:480px;
}

#main_description {
	width:537px;
	float:right;
	font-size:.75em;
	line-height:1.3em;
	margin:-60px 0 0 0;
	/*background-color:#9966FF;*/
}

#main_description_ppk {
	width:490px;
	float:right;
	font-size:.75em;
	line-height:1.3em;
	margin:-60px 48px 0 0;
}

.sub_description {
	font-size:.75em;
	line-height:1.3em;
	width:215px;
	position:absolute;
	top:200px;
	/*background-color:#CC3300;*/
}

.reeves_sub_description {
	font-size:.75em;
	line-height:1.3em;
	width:210px;
	position:absolute;
	top:175px;
	}

#label {
	font-weight:bold;
	position:absolute;
}

#launch_site {
	font-weight:bold;
	font-size:1.1em;
	background:#cddb1f;
	position:absolute;
}

#subsection_pic {
	position:absolute;
	top:2px;/*space between pic and top of subsection box*/
	left:400px;
	
}

#generic_movie {
	position:absolute;
	top:2px;/*space between pic and top of subsection box*/
	left:402px;
}


#contact {
	height:287px;
}

#contact_info{
	font-size:.75em;
	line-height:1.3em;
}

#about {
	width:475px;
	float:left;
	font-size:.75em;
	line-height:1.3em;
	margin:10px 0 40px 0;
	clear:both;
	/*background-color:#9966FF;*/
}

.about {
	width:475px;
	float:left;
	font-size:.75em;
	line-height:1.3em;
	margin:5px 0 10px 0;
	clear:both;
	/*background-color:#9966FF;*/
}

.process p {
	width:500px;
	font-size:.85em;
	line-height:1.15em;
	margin:0px 0 10px 0;
}

.process ul {
	font-size:.8em;
	line-height:1.15em;
	list-style:inside;
	margin-bottom:10px;
}

h1 {
	font-size:.9em;
	margin-bottom:5px;
}


.about_label {
	font-size:.8em;
	float:left;
	clear:both;
}

#about_list{
	font-size:.75em;
	line-height:1.3em;
	float:left;
	clear:both;
	margin:10px 0 0 0;
}



#reel {
	float:left;
	clear:both;
	margin:-30px 0 0 -9px;
}

.clear {
	clear:both;
	padding-bottom:20px;
}

/******************Footer********************/
/******************Footer********************/

#footer{
	clear:both;
	overflow:hidden;/*just in case its children are floated*/
	position:relative;
	height:18px;
	padding:48px 0 22px 0;
	margin-top:43px;
}

#footer ul{
	float:left;
	height:15px;
}


#footer li{
	display:inline;
	padding-right:27px;
}

#footer a, #footer p{
	font-weight:normal;
	font-size:.75em;
	line-height:15px;
	
}

#footer p{
	float:right;
	height:15px;
	line-height:15px;
}