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

/*CSS for Print*/


/*------------------HTML Body-------------------*/

html, body 
{
	background-color: #FFFFFF;
	text-align: center;
	/*IE5-6 Ignores margin auto - Center Align DIVs*/
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	height: 101%; /*101 Show scrollbar on short content*/
	
	min-width: 980px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	/*font-family: Verdana, Arial, sans-serif;*/
	font-size: 91%; /*12px*/
	color: #484741;
	background-color:#FFFFFF;
}

html>body #main_container 
{
	overflow: visible;
}




/*------------------Header Styles-------------------*/


#header
{
	width: 680px; /**/
	height: 200px; 
	
	background-image: url('../images/header_bg.jpg');
	background-position: left;
	background-repeat: repeat-x;
	
	/*
	background-color:#262323;
	*/
}


#header_image
{
	width: 100%;
	height: 200px;
	
	background-image: url('../images/header_image.jpg');
	background-position: right;
	background-repeat: no-repeat;
	
	/*
	background-color:#262323;
	*/
}





#inner_header_container
{
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 200px;
	max-width: 1200px;
	min-width: 960px; 
}


#logo
{
	float: left;
	left: 20px;
	margin-top: 75px;
	margin-left: 40px;
	height: 50px;
	width: 160px;
	font-family: Bartholeme, Helvetica, Lucida Grande, Arial;
	text-align:left;
	z-index: 1;
}


#logo h1
{
	font-size: 180%;
    visibility: hidden;	  /*Hide text - shows under image when text resized*/
}

#logo a
{
	color: #FF7900;
	text-decoration: none;
}

#logo a:hover 
{
	color: #FF7900;
	text-decoration: none;
}


#logo .orange
{
	color: #FF7900;
}

#logo .white
{
	color: #FFFFFF;
}



/*--Hide Logo Title under image--*/
#logo .overlap 
{
  position: relative;
  width: 170px;
  z-index: 2;
}


#logo .overlap_parent 
{
  float: left;
  overflow: hidden;
  width: 20px;
}


html>body #logo .overlap_parent 
{
  overflow: visible;
}


#logo .underlap 
{
  margin-left: 0px;
  position: relative;
  z-index: 1;
  visibility: hidden; /*Hide text - shows under image when text resized*/
}
/*------------------------------*/









#logo_text
{
	float: left;
	margin-top: 84px;
	margin-left: 40px;
	height: 50px;
	width: 180px; /**/
	/*font-size: 91%;*/ /*12px*/
	font-weight: 100;	
	line-height: 0.6em;
	text-align: left;
}


#logo_text h1
{
	font-size: 75%; /**/ /*12px*/ 
	font-weight: 100;	
	line-height: 0.7em;	
}


#logo_text .orange
{
	color: #FF7900;
}

#logo_text .white
{
	color: #FFFFFF;
}



#strapline
{
	float: left; /**/
	margin-top: 92px;
	
	margin-left: 20px; /**/		
	margin-right: 20px; /**/
	height: 50px;
	width: 200px; /**/
	font-size: 75%; /**/ /*12px*/
	font-weight: 100;	
	line-height: 0.6em;	
	text-align: right;
	color:#FFFFFF;
}




#sub_header
{
	width: 680px; /**/
	height: 22px;
	background-image: url('../images/sub_nav_bg.jpg');
	background-position: left;
	background-repeat: repeat-x;	
	background-color:#CCCCCC;
}



/*------------------Main Container Styles-------------------*/

/*IE6 Doesn't show full content on long pages - need fix 09/11 */

#main_container
{
	position: relative;
	top: 30px;
	margin-top: 0px;
	margin-left: 40px; /**/
	margin-right: 40px; /**/
	max-width: 680px; /**/
	min-width: 680px; /**/
	height:auto !important;   		/* real browsers */
	height: 100%; /*75*/
	/*min-height: auto;*/ /*75*/ /*Must be 100% for Safari*/
	text-align: left;
	background-color: #FFFFFF;
	overflow: hidden;	
}





/*------------------Navigation Styles-------------------*/


/*Nav Disabled for Print*/

#nav
{
	display: none;
	visibility: hidden;
}







/*------------------Content Styles-------------------*/

#content 
{
	position: relative;
	top: 11px; /*Match top with Recent Projects*/
	margin-left: 0px; /**/
   	margin-right: 350px; /**/
	text-align: justify;
	font-size: 91%; /*12px*/	
	font-weight: 100;
	line-height: 1.2em;
	color: #484741;
}

	
html>body #content 
{
	margin-left: 0px; /**/
   	margin-right:350px; /**/
}



#content h1
{
	font-size: 140%; /*18px*/
	font-weight: 100;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	text-align: left;	
	/*text-transform: uppercase;*/
	color: #FF7900;
}


#content h2
{
	font-size: 116%; /*14px*/
	font-weight: 100;
	padding-top: 1.2em;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	text-align: left;	
	/*text-transform: uppercase;*/
	color: #484741;
}





#content .spacer
{
	height: 0px;
}



/*------------------Recent Projects Styles------------*/


#recent_projects 
{
	
	float: right;
	position: relative;
	right:40px;
	
	margin-right: 40px;
	
	/*top:0px;*/
	width:220px;
	text-align: left;
	font-size: 91%; /*12px*/
	font-weight: 100;
	line-height: 1.2em;	
	color: #484741;
	z-index: 99;		
	/*overflow: hidden;	*/		
}
	
	


#recent_projects h1
{
	font-size: 140%; /*18px*/
	font-weight: 100;
	letter-spacing: 0.02em;
	line-height: 1.2em;	
	text-align: left;
	/*text-transform: uppercase;*/
	color: #FF7900;	
}


#recent_projects h2
{
	font-size: 100%; /*14px*/
	font-weight: 100;
	padding-top: 0.6em; /*Match to start of content text*/
	line-height: 0.2em;
	letter-spacing: 0.02em;	
	text-align: left;	
	/*text-transform: uppercase;*/
	color: #484741;
}



#recent_projects a
{
	color: #A5A09F;
	text-decoration: none;
}


#recent_projects a:hover
{
	color: #484741;
	text-decoration: none;
}







#recent_projects hr
{
	height: 0px;
	border: 0.08em solid #A5A09F;
	width: 260px;
}


#recent_projects .spacer
{
	height: 0px; /*Match top of projects to content*/
}





/*---------------Footer Styles---------------------*/


#footer
{
	clear:both;
	position: relative;
	width: 680px; /**/
	bottom: 0;
	margin-top: 80px;
	padding-top: 0px;
	height: 60px; /**/
	color: #A1A29C;
	font-size: 50%; /**/ /*11px*/
	font-weight: 100;
	line-height: 1.2em;	
	background-image: url('../images/footer_bg.jpg');
	background-position:bottom;
	background-repeat:repeat-x;
	background-color: #262323;
	overflow: hidden;
}


#footer a
{
	color: #A1A29C;
	text-decoration: none;
}


#footer a:hover
{
	color: #A1A29C;
	text-decoration: none;
}


#inner_footer_container
{
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	max-width: 1200px;
	min-width: 960px;
}	


#footer_left
{
	float: left;
	left: 20px;
	margin-top: 14px;
	margin-left: 40px;
	width: 40%;
	font-weight: 100;
	line-height: 0.6em; /**/		
	text-align:left;
}


#footer_right
{
	clear: both; /**/
	float: left; /**/
	margin-top: 14px;
	margin-left: 40px; /**/
	width: 40%;
	font-weight: 100;
	line-height: 0.6em; /**/		
	text-align: right;
}






/*------------------Vcard Styles-------------------*/

.vcard
{
	visibility: hidden;
}





/*------------------Slideshow Styles--------------- */






/*-----------------------------------------------------*/