/* Css design by SodiumHalogen.com *** */

/* ----------main elements-------------- */
* {
	margin: 0;
	padding: 0;
	}
a img {
	border: none;
	}
address {
	margin: 5px 10px 0 10px;
	font: normal 13px Arial, Helvetica, sans-serif;
	}
body {
	font: normal 12px/18px Trebuchet MS, Verdana, Arial, sans-serif;
	color: #333;
	background: #F8F9EB url(_images/page_bg.jpg) center top no-repeat;
	}
h1 {
	font: normal 24px/34px Trebuchet MS, Verdana, Arial, sans-serif;
	padding-bottom: 5px;
	color: #333;
	}
h2 {
	font: normal 20px/28px Trebuchet MS, Verdana, Arial, sans-serif;
	color: #454545;
	}
h3 {
	font: normal 17px Trebuchet MS, Verdana, Arial, sans-serif;
	color: #454545;
	}
h4 {	
	font: normal 12px/18px Helvetica, Verdana, Arial, sans-serif;
	color: #454545;
	}
p {
	margin-bottom: 10px; 
	}	



/* ----------container to center the layout-------------- */
#center {
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
	}
#container { 
	float: left;
	width: 960px;
	background: url(/_images/content_bg.gif) left top repeat-y;
	}
#header {
	border-bottom: 1px solid #dedfcf;
	padding-bottom: 10px;
	}
	#head_left {
		width: 335px;
		float: left;
		}
	#header_text {
		margin: 15px 15px 15px 20px;
		}
	#header h1 {
		margin: ;
		display: inline;
		}
	#header h2 {
		margin: 0 10px;
		display: inline;
		}


/* ----------content pages-------------- */
#about_r_box {
	border-top: 1px solid #dedfcf;
	border-bottom: 1px solid #dedfcf;
	background:url(_images/bg_diagonal.gif) repeat;
	padding: 10px;
	}	
	#quote {
		border-bottom: 1px solid #dedfcf;
		padding: 20px 10px;
		}
	#quote h3 {
		font: normal 14px/22px georgia;
		margin-botom: 0;
		}
	#quote cite {
		font: italic normal 14px/22px georgia;
		margin-left: 340px;
		}
	#quote span {
		font: normal 22px/26px georgia;
		}
			
#about_info {
	height: 34px;
	background: url(_images/icon_about.gif) 10px 8px no-repeat;
	border-bottom: 1px dashed #dedfcf;
	padding: 15px 10px 0 57px;
	margin-bottom: 10px;
	}
#contact_info {
	height: 46px;
	background: url(_images/icon_contact.gif) 10px 8px no-repeat;
	border-bottom: 1px dashed #dedfcf;
	padding: 2px 10px 0 47px;
	margin-bottom: 10px;
	}
#client_list {
	height: 34px;
	background: url(_images/icon_client_list.gif) 10px 8px no-repeat;
	border-bottom: 1px dashed #dedfcf;
	margin-bottom: 10px;
	padding: 15px 10px 0 57px;
	}
#designtific_method {
	height: 34px;
	background: url(_images/icon_designtific_method.gif) 10px 8px no-repeat;
	border-bottom: 1px dashed #dedfcf;
	padding: 15px 10px 0 57px;
	margin-bottom: 10px;
	}
#fresh_from_lab {
	height: 46px;
	background: url(_images/icon_fresh_from_lab.gif) 10px 8px no-repeat;
	border-bottom: 1px dashed #dedfcf;
	padding: 2px 10px 0 47px;
	margin-bottom: 10px;
	}
#meet {
	height: 26px;
	background:url(_images/bg_diagonal.gif) repeat;
	border-top: 1px solid #dedfcf;	
	border-bottom: 1px solid #dedfcf;
	padding: 5px 10px 0 0;
	margin-bottom: 10px;
	}
#meet h3 {
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	}
.news_entry span {
	font-style: italic;
	margin-right: 10px;
	}
	.news_entry img {
		float: left;
		margin: 0 10px;
		padding: 10px;
		background:url(_images/bg_diagonal.gif) repeat;
		}
		.news_entry img:hover {
			background:url(_images/bg_diagonal_2.gif) repeat;
			}
#recent_news {
	height: 46px;
	background: url(_images/icon_recent_news.gif) 10px 8px no-repeat;
	border-bottom: 1px dashed #dedfcf;
	margin-bottom: 10px;
	padding: 2px 10px 0 47px;
	}
#recent_news_news {
	height: 34px;
	background: url(_images/icon_recent_news.gif) 10px 8px no-repeat;
	border-bottom: 1px dashed #dedfcf;
	margin-bottom: 10px;
	padding: 15px 10px 0 57px;
	}
#bottom h2 {
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	}
	

/* --------------classes-------------*/	
.id {
	background: #F8F9EB url(_images/icon_id.gif) 4px 4px no-repeat;
	}
	.id a {
		color: #86AD42;
		}
.print {
	background: #F8F9EB url(_images/icon_pr.gif) 4px 4px no-repeat;
	}	
	.print a {
		color: #BF8133;
		}
.web {
	color: #53ADD3;
	background: #F8F9EB url(_images/icon_wb.gif) 4px 4px no-repeat;
	}
	.web a {
		color: #53ADD3;
		}


	/** #nav is in _sh_nav.css **/
	
/* --------------portfolio page------------- */	
#portfolio_grid	{
	width: 959px;
	height: 215px;
	border-bottom: 1px solid #dedfcf;
	margin-left: 1px;
	}
	.dark {
		width: 959px;
		height: 215px;
		background: #999;
		}
	#portfolio_grid	.btm {
		border: none;
		}	
	#portfolio_grid img {
		background:url(_images/bg_diagonal.gif) repeat;
		padding: 20px; 
		}
		#portfolio_grid img:hover{
			background: url(_images/bg_diagonal_2.gif) repeat;
			}
	#portfolio_grid h2 {
		padding: 2px 0 0 30px; 
		font-size: 13px;
		margin-bottom: -6px;
		}	
	#portfolio_grid p {
		padding-right: 10px ; 
		font-size: 11px;
		}
	#portfolio_grid span {
		font: normal 12px Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		}	
.grid_col {
	float: left;
	width: 228px;
	margin: 0;
	padding: 10px 0px 10px 12px; 
	border-right: 1px solid #dedfcf;
	}
.grid_col_end {
	width: 213px;	
	float: left;
	margin: 0;
	padding: 10px 0px 10px 10px; 
	}
	
	
/* --------------project------------- */	
#project_left {
	float: left;
	width: 566px;
	margin-left: 1px;
	border-right: 1px solid #dedfcf;
	}
	#project_left .project_l {
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #dedfcf;
		background:url(_images/bg_diagonal.gif) repeat;
		}
	#project_left .project_l #flash {
		width: 530px;
		height: 370px;		
		border: 1px solid #dedfcf;
		margin: 8px 16px;
		}
		*html #project_left .project_l #flash {
		width: 530px;
		height: 370px;		
		border: none;
		padding: 8px 0px 10px 18px;
		}
	
		#project_left .right {
			margin: 5px 12px 0 0;
			}
	#project_left h2, #project_left p {
		margin-left: 10px;
		}
	#project_left h3 {
		font: normal 14px Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		height: 14px;
		padding: 0 5px 5px 5px;
		margin-bottom: 5px;
		}
	#project_left_thumbs {
		padding: 8px 6px;
		border-top: 1px solid #dedfcf;
				}
	#project_left .col {
		float: left;
		width: 180px;
		border-right: 1px solid #dedfcf;
		padding-left: 4px;
		}
	#project_left .col_end {
		float: left;
		width: 180px;
		padding-left: 4px;
		}
		
#project_right {
	float: left;
	width: 390px;
	}		
	#project_right p, #project_right h2, #project_right h3 {
		padding-left: 10px;
		}		
	#project_right h2 {
		font-size: 16px;
		height: 30px;
		padding-top: 12px;
		}
	#project_right h3 {
		height: 20px;
		padding-top: 4px;
		margin-bottom: 10px;
		font: normal 14px Georgia, "Times New Roman", Times, serif;
		border-top: 1px solid #dedfcf;
		border-bottom: 1px solid #dedfcf;
		background:url(_images/bg_diagonal.gif) repeat;
		}	
		#project_right h3 span {
			font-style: italic;
			}
	#project_right	ul {
		margin-left: 30px;
		}	
			
			
/* --------------home------------- */	
#featured_projects {
	height: 35px;
	background: url(_images/icon_featured_projects.gif) 10px 8px no-repeat;
	border-bottom: 1px solid #dedfcf;
	padding: 14px 10px 0 60px;
	}
#featured_projects h2 {
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	}


#home_mid {
	height: 240px;
	border-bottom: 1px solid #dedfcf;
	padding: 10px 9px 16px ;
	margin-bottom: 0px;
	clear: both;
	background:url(_images/bg_diagonal.gif) repeat;
	}
	#home_mid h2 {
		font-size: 18px;
		}
	#home_mid h2 span {
		font-size: 14px;
		font-style: italic;
		}
	#home_mid img {
		border: 1px solid #dedfcf;
		} 


.home_thumb_col {
	width: 310px;
	float: left;
	border-right: 1px solid #dedfcf;
	margin-right: 9px;
	}
	#home_mid span {
		color: #000;
		font: normal 14px Georgia, "Times New Roman", Times, serif;
		}
	.home_thumb_col h2, .home_thumb_col_3 h2 {
		padding: 0 10px 0 35px;
		border: 1px solid #dedfcf;
		width: 254px;	
		}
		.home_thumb_col .web {
			width: 300px;	
			}
		.home_thumb_col .id {
			width: 300px;	
			}
	.home_thumb_col_3 {
		width: 300px;
		float: left;
		}

/* .web, .print & .id are at top of this file */
	
#home_bottom {
	clear: both;
	}
	#home_bottom p {
		margin: 0 12px 10px 12px;
		}
	#home_bottom h2 {
		height: 28px;
		margin: 12px 12px 0 12px;	
		font-size: 14px;
		font-style: italic;
		}
	#home_bottom h3 {
		margin: 0 12px 0 12px;
		font-size: 14px;
		}

	#home_bottom span {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		margin-right: 8px;
		}
	#home_bottom p {
		margin: inherit 12px;
		}
	#home_bottom h3 {
		margin: 0 12px;
		}
	#home_bottom img {
		float: left;
		margin: 0 10px;
		padding: 10px;
		background:url(_images/bg_diagonal.gif) repeat;
		}
		#home_bottom img:hover {
			background:url(_images/bg_diagonal_2.gif) repeat;
			}
.btm_col {
	float: left; 
	width: 479px;
	margin: 0;
	padding: 0px;
	border-right: 1px solid #dedfcf;
	}

.btm_col_2 {
	float: left; 
	width: 480px;
	margin: 0;
	padding: 0px;
	}
	.work_entry {
		height: 150px;
		min-height: 150px;
		height: auto !important;
		height: 150px;
		}
	.work_line {
		width: 450px;
		height: 10px;
		border-top: 1px solid #dedfcf;
		margin: 0;  
		}


.text p, .text h3, .text h4 {
	margin-left: 10px;
	margin-right: 10px;
	}
.text ul {
	margin-left: 30px;
	margin-bottom: 10px;
	list-style: square;
	}
	
	
.img_right {	
	float: right;
	margin: 0 10px;
	padding: 10px;
	background:url(_images/bg_diagonal.gif) repeat;
	}	

/* ----------styles-------------- */
.clear {
	clear: both; 
	}
.hr { 
	height: 10px;
	border-top: 1px solid #dedfcf;
	margin-top: 5px;  
	}
.hr_clear { 
	clear: both;
	height: 10px;
	border-top: 1px solid #dedfcf;
	margin-top: 5px;  
	}
.right {
	float: right;
	}


	
			
/* ----------links-------------- */
a {
	color: #c08133; 
	text-decoration: none;
	}
a:visited a:active {
	color: #c08133; 
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}	



/* ----------------- Footer --------------------- */
#footer { 
	color: #999;
	width: 980px; 
	clear: both; 
	padding: 5px 0 0 10px; 
	margin: 10px 0; 
	font: normal 11px Arial, sans-serif;
	border-top: 1px solid #dedfcf;
	}
#footer_right {
	padding-right: 20px;
	float: right; 
	}
#footer a { 
	color: #999; 
	text-decoration: none; 
	}
#footer a:hover { 
	color:  #c08133; 
	}
#footer ul {
	list-style: none;
	padding-bottom: 5px;
	}
#footer li {
	display: inline; 
	margin: 0;
	}