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

/************* global styles ***********/
body {
	margin:0px;
	padding:0px;
	background:#fff url(images/page_bg.gif) no-repeat;
}

#wrapper {
	margin:0px;
	padding:0px;
	width:1000px;
	height:auto;
}
a img {
	border:none;
}
a {
	color:#008c00;
	font-weight:bold;
}

.error {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	color:#999;
	width:239px;
	height:auto;
	margin:50px auto 50px auto;
	float:left;
	text-align:center;
}

#main_nav {
	float:right;
	border:#e7e6dd 1px solid;
	width:220px;
	height:139px;
}
#main_nav div.nav_item {
	float:right;
	border-bottom:#e7e6dd 1px solid;
}
#main_nav div.nav_item.last_item {
	border-bottom:none;
}
#branding_banner {
	margin:30px 0px 0px 30px;
	padding:0px;
	height:140px;
	width:740px;
}
#branding_banner #logo {
	float:left;
	border-top:#e7e6dd 1px solid;
	border-left:#e7e6dd 1px solid;
	width:230px;
}
#branding_banner #banner {
	float:right;
}

.response {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#030;
	font-weight:bold;
	height:auto;
	width:auto;
	padding:20px 30px 30px 30px;
	text-align:center;
}

/************** sub page styles *****************/

#main_content {
	margin: 10px 0px 0px 10px;
	padding: 10px;
	padding-top: 2px;
	height:auto;
	width:470px;
	display:inline;
	float:left;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#626050;
}

#main_content ul {
	margin-top:-5px;
}

#main_content ul li {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;	
}

#scroll_viewer {
	height:auto;
	overflow:visible;
	padding-right:15px;
}

#scroll_viewer p.list_heading {
	margin-left:50px;	
}

#scroll_viewer ul {
	margin-top:-14px;	
}

#scroll_viewer ul li {
	margin-left:40px;	
}

#main_content h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#bd8203;
}

#right_nav h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#636150;
	margin-top:14px;
}

#main_content h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#636150;
}

#main_content h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#636150;
	font-style:italic;
}

#subpage_divider {
	border-top:	#e7e6dd 1px solid;
	margin: 20px 0px 0px 30px;
	height:1px;
	float:left;
	width:740px;
	
}

#subpage_footer_divider {
	border-top:	#e7e6dd 1px solid;
	margin: 20px 0px 0px 30px;
	height:1px;
	float:left;
	width:1000px;
	
}

#right_nav, #right_side, #right_quote {
	float:right;
	width:220px;
	height:auto;
	margin-top:20px;
	text-align:left;
}

#right_side {
	margin-left:10px;
	font-size:12px;
}

#right_side img {
	margin-left:20px;	
	margin-top:10px;
}

#right_side a {
	text-decoration:none;

}

#right_side a span {
	margin:20px 0px 0px 30px;
}

#right_nav p, #right_nav ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#636150;
}

#right_nav #products_subnav ul li {
	margin-left:-20px;
}

#left_nav {
	float:left;
	width:240px;
	height:auto;
}

#project_images {
	float:left;
	width:240px;
	height:auto;
	margin-top:20px;
	margin-left:30px;
}

#right_nav.sub_nav {
	border:#e7e6dd 1px solid;
	margin-top:-1px;
	padding-top:15px;
	padding-bottom:10px;	
}

#right_nav.subnav #quote img {
	margin-top:15px;	
}

/*********** PROJECTS styles ***************/
div.center_quote {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#006e8c;
	text-align:center;
	font-weight:bold;
}

div.center_quoted {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#006e8c;
	text-align:center;
}

#contact_upload {
	margin:0px 0px 10px 0px;	
	height:auto;
	overflow:visible;
	width:450px;
	border:#eee 1px solid;
	padding:5px;
}

#contact_upload #upload_form div.upload_form {
	width:100px;;
	margin: 2px 2px 2px 8px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#636150;
}

#contact_upload #upload_form div.upload_button {
	width:auto;
	margin: -30px 2px 2px 8px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#636150;
}


/*********** ABOUT US styles ***************/
#right_nav #quote, #right_nav #quoted, #right_nav #case_study_links {
	padding: 0px 0px 0px 16px;
}

#right_nav #case_study_links {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#006e8c;
	text-align:center;
	margin-top:10px;
}

#right_nav #quote {
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	color:#006e8c;	
}

#right_nav #quote span.left_quote {
	margin-left:-12px;
	margin-right:4px;
}

#right_nav #quoted {
	padding: 12px 0px 0px 16px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#626050;
}

/************** PRODUCTS styles *****************/
#right_nav #products_subnav {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#626050;	
	margin:0px 12px 0px 28px;
}

#right_nav #products_subnav #products_subnav_header {
	border-bottom:#e7e6dd 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#626050;
	padding-bottom:4px;
	margin-right:4px;
}

#right_nav #products_subnav div.category {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#626050;
	margin: 4px 0px 0px 0px;
	padding: 4px 8px 4px 1px;
}

#right_nav #products_subnav div.category a {
	color:#626050;
}

#right_nav #products_subnav div.category a:hover {
	color:#008c00;
}

#right_nav #products_subnav div.category a.current {
	color:#bd8203;	
}

#main_content hr {
	border:#eee 1px solid;
	border-top:none;
	border-left:none;
	border-right:none;
}

#main_content #breadcrumbs {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}

#main_content a.category_chicklet {
	width:100px;
	padding:4px;
	height: auto;
	float:left;
	text-align:center;
	border:#e7e6dd 1px solid;
	margin: 0px 4px 4px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#636150;
	text-decoration:none;
}

#main_content a:hover.category_chicklet {
	width:100px;
	padding:4px;
	height: auto;
	float:left;
	text-align:center;
	border:#008c00 1px outset;
	margin: 0px 4px 4px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background:#efefef;
	color:#008c00;
	text-decoration:none;
}

#main_content div.product_chicklet {
	width:100px;
	padding:5px;
	height: 160px;
	float:left;
	display:table-cell;
	margin-right:4px;
}


#main_content div.product_chicklet a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#636150;
	text-decoration:none;
}

#main_content div.product_chicklet a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#008c00;
}

#main_content div.product_chicklet img {
	border:#e7e6dd 1px solid;	
	height:100px;
	width:100px;
	margin-bottom:4px;
}

/************** home page styles ****************/
#home_banner {
	margin:20px 0px 0px 30px;
	padding:0px;
	height:108px;
	width:740px;
	border:#e7e6dd 1px solid;
}
#home_banner #tagline {
	float:left;
	width:221px;
}
#home_banner #quote {
	width: 470px;
	float:right;
	height:auto;
	padding: 0px;
	margin:0px 22px 0px 0px;
	overflow:hidden;
}
#home_news, #home_projects {
	margin:20px 0px 0px 10px;
	padding: 0px;
	height:auto;
	width:239px;
	display:inline;
	float:left;
	border:#e7e6dd 1px solid;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#626050;
	min-height:243px;
}

#home_news, #home_projects {
	padding-bottom:6px;	
}

#home_news #headlines, #home_projects #headlines_p {
	height:auto;
	width:auto;
	min-height:98px;
	padding: 6px;
	display:inline;
	float:left;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	line-height:16px;
	color:#626050;
}

/************* contact us widget ****************/

#contact_panel {
	margin:20px 0px 0px 30px;
	padding:0px;
	height:auto;
	width:240px;
	position:relative;
	float:left;
}
#contact_panel img {
	border:#e7e6dd 1px solid;
}

#contact_details {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 15px 5px 5px 20px;
	background:#f1f1ec;
	color:#636150;
	min-height:168px;
	line-height:16px;
}

#contact_expander {
	position:absolute;
	width:0px;
	height:180px;
	top:61px;
	left:240px;
	background:#f1f1ec;
	overflow:hidden;
	padding-top:10px;
	border-left:none;
	/*
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	*/
}

#content_expander.expanding {
	border:#fff 20px solid;	
}

#contact_expander #contact_form div.input_form {
	width:auto;
	margin: 2px 2px 2px 8px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#636150;
}

#contact_expander #contact_form div.input_button {
	width:75px;;
	margin:-70px 2px 2px 8px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#636150;
}

#contact_expander #contact_form input.required, 
#contact_expander #contact_form textarea.required {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	padding:4px;
	border:#ccc 1px solid;
	background:#fff;
	width:90px;
	float:auto;
}

#contact_expander #contact_form input.required_focus, 
#contact_expander #contact_form textarea.required_focus {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	border:#090 1px solid;
	background:#E7FFD5;
	width:90px;
	float:auto;
	padding:4px;
}

#contact_upload #upload_form input.required,
#contact_upload #upload_form textarea.required {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	padding:4px;
	border:#ccc 1px solid;
	background:#fff;
	width:120px;
	float:auto;
	margin:2px;
}

#contact_upload #upload_form input.required_focus,
#contact_upload #upload_form textarea.required_focus {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	border:#090 1px solid;
	background:#E7FFD5;
	width:120px;
	float:auto;
	padding:4px;
	margin:2px;
}

#contact_expander #contact_form textarea.required, 
#contact_expander #contact_form textarea.required_focus {
	width: 205px;
	height:30px;
}

#contact_upload #upload_form input.site_btn,
#contact_expander #contact_form input.site_btn {
	background-color:#008c00;
	width:auto;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	border:#fff 1px solid;
	float:right;
	cursor:pointer;
	margin-right:25px;
}

#close_expander {
	float:right;
	height:218px;
	margin:0px;
	margin-top:-10px;
	width:auto;
}
#close_expander a img {
	border:none;	
}

#contact_switcher {
	/*display:none;*/
}

#contact_confirmation {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	margin-left:10px;
	margin-bottom:10px;
}

/*********** footer navigation and copyright ************/
#footer {
	width:720px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	margin:15px 0px 20px 50px;
}

#footer a {
	color:#333;	
	font-weight:normal;
	text-decoration:none;
}

#footer a:hover {
	color:#008c00;
	text-decoration:underline;
}

/************ home slide links *****************/
a.top_not {
	width:20px;
	height:15px;
	color:#999999;
	padding-right:2px;
	padding-left:2px;
	margin-left:2px;
	margin-right:2px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	background:#ffffff;
}

a.top_yes, a:hover.top_yes {
	width:20px;
	height:15px;
	/*background:#D6FD5E;
	border:1px solid #9F0;*/
	color:#008c00;
	padding-right:2px;
	padding-left:2px;
	margin-left:2px;
	margin-right:2px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

div.paging {
	width:auto;
	min-width:300px;
	float:right;
	font-size:10px;
	text-align:right;
	margin:0px 20px 0px 0px;
	
}

div.paging span a {
	width:30px;
	margin:0px 4px 0px 0px;
	padding: 0px 2px 0px 2px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
}

div.paging span.curr_page {
	margin:0px 4px 0px 0px;
	padding: 0px 2px 0px 2px;
	color:#008c00;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}