/*
	main.css
	Global Stylesheet
	Created: Nov. 5, 2007
	Creator: Matt Kircher, Mainline Media LLC
*/

/*--Imports
--------------------------------------------------------*/
@import url("css_reset.css");
@import url("thickbox.css");
/*@import url("lightbox.css");*/

/*--General
--------------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#375337;
	background:url(../images/body_bg.jpg) top left repeat-x #9C6;
	text-align:center;
}

a{ color:#3DB6B6; font-weight:bold; }
a:hover{ color:#6CCECE; text-decoration:none; }

h1{ font-size:22px; }
h2{ font-size:20px; }
h3{ font-size:18px; }
h4{ font-size:16px; }
h5{ font-size:14px; }
h6{ font-size:12px; }
h1, h2, h3, h4, h5, h6{ letter-spacing:.007em; color:#9C6; }

hr{ border:none; height:1px; color:#EDEBED; background-color:#EDEBED; }

p{ line-height:1.2; }

/*--Classes
--------------------------------------------------------*/

/*colors*/
.highlight_lt_green{ color:#9C6; }
.highlight_drk_green{ color:#375337; }
.highlight_lt_teal{ color:#3DB6B6; }
.highlight_drk_teal{ color:#366; }
.highlight_white{ color:#FFF; }

/*general elements*/
.tri_column{}
.tri_column div{ float:left; width:27%; padding-right:2%; border-right:1px solid #EBEDEB; margin-right:3%; }
.tri_column div.end_tri_column{ padding-right:0px; margin-right:0px; border-right:none; }

.rss_icon{ float:right; padding:0px; margin:0px; position:relative; top:-20px; margin-bottom:-20px; }
.rss_icon a{ display:block; height:17px; width:17px; background:url(../images/rss_icon.jpg) no-repeat top left; }
.rss_icon span{ display:none; }

.icon_list{ margin:0px; padding:0px; list-style:none; }
.icon_list li{ padding-left:40px; margin-bottom:15px; }
.icon_list h1, .icon_list h2, .icon_list h3,
.icon_list h4, .icon_list h5, .icon_list h6{ margin-bottom:0px; padding-bottom:0px; }
.icon_list h2{ font-size:16px; }
.icon_list h3{ font-size:14px; }
.icon_list h4{ font-size:12px; }
.icon_diagram{ background:url(../images/icon_diagram.jpg) no-repeat top left; }
.icon_pointer{ background:url(../images/icon_pointer.jpg) no-repeat top left; }
.icon_code{ background:url(../images/icon_code.jpg) no-repeat top left; }

.errorMsg { color: #ff0000; font-weight: bold; }

/*modules*/
.module{ padding-bottom:15px; margin-top:10px; border-bottom:1px solid #FFF; }
.module h1, .module h2, .module h3,
.module h4, .module h5, .module h6, .module p{ margin-bottom:0px; padding-bottom:0px; }
.module ul{ list-style-image:url(../images/subcontent_ul_bullet.jpg); padding-left:14px; margin:10px 0px 8px; }
* html .module ul{ padding-left:0px; margin-left:13px; }
.end_module{ border-bottom:none; }

.contact_module{ background:url(../images/contact_module_bg.jpg) top right no-repeat #D9F1F1; padding:10px; margin-left:-10px; margin-right:-10px; margin-top:0px; }
.contact_module a.button{ background:url(../images/contact_module_button.jpg) no-repeat top center; display:block; height:34px; text-align:center; padding-top:8px; font-size:14px; color:#FFF; }

.casestudy_module{ padding:15px; background-color:#F7FBF3; margin-bottom:10px; }
.casestudy_thumbnail{ border:4px solid #FFF; height:80px; width:80px; float:right; overflow:hidden; }
.casestudy_company{ margin:0px; padding:0px; font-size:14px; color:#375337; }
.casestudy_project{ margin:0px; padding:0px; font-size:12px; }
.casestudy_quote{ margin:0px; padding:0px; font-size:12px; font-weight:bold; margin-top:25px; }
.casestudy_gallery{}
.casestudy_content{}
.casestudy_content ul{ margin:8px 0px; padding-left:14px; }
.expand_bar{ position:relative; top:7px; padding:3px; text-align:right; cursor:pointer; background:url(../images/expand_button.jpg) no-repeat right #F2F9EC; }
.expand_bar a{ display:block; padding-right:20px; text-transform:lowercase; font:bold 9px Verdana, Arial, Helvetica, sans-serif; color:#375337; }

/*--Wrap
--------------------------------------------------------*/
#wrap{
	text-align:left;
	margin:auto;
	width:750px;
	padding:0px;
}

/*--Header
--------------------------------------------------------*/
#header{ padding-top:100px; }

/*logo*/
#logo{ position:relative; float:left; height:50px; width:161px; margin-right:-165px; top:-60px; left:5px; background:url(../images/logo.jpg) no-repeat top left; }
#logo a{ display:block; height:50px; width:161px; }
#logo span{ display:none;}

/*masthead*/
#masthead{ height:147px; background:url(../images/masthead_bg1.jpg) top left no-repeat #FFF; }
#masthead-content{ position:relative; top:110px; left:20px; margin-right:-20px; }
#masthead-content p{ margin:0px; padding:0px; font-size:12px; color:#FFF; font-weight:bold; line-height:1; cursor:default; }
#masthead-content b{ font-size:20px; }

/*navigation*/
#main-nav{ position:relative; top:-170px; height:30px; margin-bottom:-30px; }
#main-nav ul{ margin:0px; padding:0px; list-style:none; float:right; margin-right:10px; }
#main-nav li{ float:left; margin-right:20px; }
#main-nav li a{ text-transform:lowercase; color:#FFF; font-size:14px; }
#main-nav li a:hover,
#main-nav li a.selected{ color:#9ECA74; }
#main-nav li.end_nav{ margin-right:0px; }
#main-nav li.end_nav a{}

#sub-nav{ background-color:#FFF; height:20px; margin-left:20px; margin-bottom:-20px; position:relative; top:5px; }
#sub-nav ul{ margin:0px; padding:0px; list-style:none; }
#sub-nav li{ float:left; padding-right:10px; margin-right:8px; background:url(../images/sub_nav_pipe.jpg) no-repeat right; }
#sub-nav a{ text-transform:lowercase; font:bold 9px Verdana, Arial, Helvetica, sans-serif; }
#sub-nav a:hover{}
#sub-nav a.selected{ color:#375337; }
#sub-nav li.end_nav{ background:none; padding-right:0px; margin-right:0px; }

/*--Content
--------------------------------------------------------*/
#content{ padding:50px 20px 20px 20px; background:url(../images/content_bg.jpg) bottom left no-repeat #FFF; }
.home #content{ padding-top:10px; }

/*main-content*/
#main-content{ float:left; width:480px; padding:10px 0px; }

#preamble{ margin-bottom:25px; }
#preamble p{ font-size:12px; line-height:1.5 !important; }

#amble{}
#amble ul{ margin:10px 0px 8px; padding-left:14px; }

#csSelector{ font-size:11px; width:100%; }

/*sub-content*/
#sub-content{ margin-left:500px; background-color:#EBF8F8; padding:10px; }
#sub-content h1, #sub-content h2, #sub-content h3,
#sub-content h4, #sub-content h5, #sub-content h6{ font-size:12px; font-weight:bold; color:#366; }

/*forms*/
fieldset{ border:2px solid #C4E2A2; background-color:#F7FBF3; padding:20px; padding-left:50px; }
label{ float:left; width:75px; }
label, input{ margin-bottom:3px; }

.note{ color:#8DB48D; font:9px Verdana, Arial, Helvetica, sans-serif !important; }
.required_field{ font-weight:bold; color:#375337; }
.required{}
.warning{ background-color:#CE6F10; color:#FFF; padding:3px; font-weight:bold; }
.required_attention{ border:2px solid #CE6F10; }
.highlighted_form_field{ background-color:#F8FCFC; }

#contact_submit{ margin-left:295px; margin-top:20px; }

#sitemap{ padding-left:50px; margin:15px 0px; }
#sitemap ul{ margin:0px; padding:0px; list-style-image:url(../images/content_ul_bullet.jpg); }
#sitemap ul li ul{ list-style:none; }
#sitemap ul li{ padding-left:10px; margin-left:15px; }
#sitemap ul li a{ display:block; margin-bottom:5px; }
#sitemap ul li:first-child{ padding-left:0px; list-style:none; margin-left:0px; }
#sitemap ul li ul li:first-child{ padding-left:10px; margin-left:15px; }
		
/*--Footer
--------------------------------------------------------*/
#footer{ clear:both; height:50px; margin-bottom:20px; }

#footer-nav{ float:right; background:url(../images/footer_nav_bg_left.jpg) no-repeat bottom left #A8D47D; height:23px; padding:2px 0px 0px 20px; margin-right:45px; }
* html #footer-nav{ margin-right:10px; }
#footer-nav ul{ margin:0px; padding:0px; list-style:none; }
#footer-nav li{ float:left; margin-right:12px; }
#footer-nav li.end_nav{ margin-top:-2px; padding-top:2px; margin-right:-24px; padding-right:24px; background:url(../images/footer_nav_bg.jpg) bottom right no-repeat; height:23px; }
* html #footer-nav li.end_nav{ margin-right:0px; padding-right:24px; }
#footer-nav a{ color:#FFF; font-size:12px; font-weight:bold; }

#copyright, #validation{ margin-top:10px; margin-left:20px; font:bold 8px Verdana, Arial, Helvetica, sans-serif; color:#FFF; float:left; }
* html #copyright, * html #validation{ margin-left:10px; }

#validation{ clear:both; }
#validation a{ color:#FFF; text-decoration:underline; }