/* CSS Document */

/* Typography & Colors
======================================*/
body {
	font: 87.5%/1.4em Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #333;
	background: url(../images/bodybg.jpg) repeat-x center top;
}
body#home {
	background: url(../images/bodybg-home.jpg) repeat-x center top;
}

ul, ol, dl				{ margin: 1em; }
ul, dl 					{ margin-left: 1.25em; }
ol 						{ margin-left: 2.5em; }
ul 						{ list-style: outside; list-style-type: disc; }
ul li, ol li 					{ margin-bottom: .5em; }
ul ul 					{ margin: .5em 0 .65em 2em; list-style-type: circle; }
ol	 					{ list-style: outside; list-style-type: decimal; }
ol li ul li				{ list-style-type: circle; }
dl dd 					{ margin-left: 1em; }
b, strong 				{ font-weight: bold; }
i, em 					{ font-style: italic; }
abbr,acronym 			{ border-bottom: 1px dotted #000; cursor: help; }
caption 				{ margin-bottom: .5em; text-align: center; }
p,fieldset,pre 			{ margin-bottom: 1.55em; }
em strong, strong em	{ font-weight: bold; font-style: italic; }


a						{ color: #4a7927; text-decoration: none; outline: none; }
a:focus, a:hover		{ color: #4a7927; text-decoration: underline; }

h1	{ font-size: 1.429em; font-weight: 600; line-height: 47px; }
h2	{ font-size: 1.286em; margin-bottom: .65em; font-weight: 600; line-height: 1.3em; }
h3	{ font-size: 1.154em; margin: 1.35em 0 .5em; font-weight: 700; }
h4	{ font-size: 1.154em; margin-bottom: .5em; font-weight: 700; }
h5	{ font-size: 1.071em; font-weight: bold; margin-bottom: .35em; }
h6	{ font-size: .917em; font-weight: bold; }


blockquote {
	font: italic 1.071em/1.35em Georgia, "Times New Roman", Times, serif;
	padding: 14px 0;
	margin: 2em 0;
	border-top: 1px solid #c6d3bc;
	border-bottom: 1px solid #c6d3bc;
}
.box315 blockquote { margin-top: 0; border-top: none; padding-top: 5px; margin-bottom: 1.3em }
blockquote h5 { font: bold .857em/1em Arial, Helvetica, sans-serif; margin-bottom: .85em; }
blockquote p { margin-bottom: 5px; }
.quoteby { text-align: right; margin-right: 10px; }


/*
Clearing styles
==================================================================================*/
.clearfix:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 		{ display: inline-block;}  /* for IE/Mac */
.clear 			{ clear: both; height: 0; font-size: 1px; line-height: 0; display: block; overflow: hidden; }

/*
Core structure and sticky footer adjustments
==================================================================================*/
#container { width: 100%; margin: 0 auto; background: url(../images/containerbg.png) no-repeat center top;  }
#header-full {
	 width: 100%;
	 position: absolute; z-index: 99;
	 top: 0; left: 0; 
	 background: url(../images/1x92_70.png) repeat-x left top;
	 }
#header { width: 960px; margin: 0 auto; position: relative; z-index: 100; }
.logo { position: relative; float: left; display: inline-block; margin: 15px 0 0 -26px; width: 317px; height: 122px; z-index: 9; }

#content { margin-bottom: 2em; }

/*
Grids
==================================================================================*/
.box290, .box315, .box520 { display: inline; float: left; position: relative; }
.box290 { width: 290px; padding: 0; margin-right: 15px; }
.box315 { width: 315px; margin-right: 65px; }
.box520 { width: 520px; margin-right: 65px; }

.section { margin: 0 auto 40px; width: 900px; }
#home .section { margin-bottom: 20px; }
.last { margin-right: 0; }


/* Slider 
==================================================================================*/
.featwrap { position: relative; width: 960px; margin: 0 auto 30px; }

#homeFeat, #homeFeat li { margin: 0; padding: 0; list-style: none; }
#homeFeat, #subFeat {
	width: 960px;
	height: 420px;
	position: relative;
	background: #fff;
	}
#subFeat {
	height: 280px;
	margin: 0 auto;
	padding-bottom: 42px;
	}
#sub h1 {
	color: #fff;
	background: url(../images/headbar-blue-left.png) no-repeat right top;
	padding: 0 40px 0 30px; margin: 0;
	height: 55px;
	position: absolute; z-index: 9;
	bottom: 10px; left: 0;
	text-shadow: 0 1px 0 #153461;
	}
#home h1 {
	font-size: 1.5em;
	text-transform: uppercase;
	color: #233913;
	background: url(../images/headbar-yellow-right.png) no-repeat left top;
	padding: 0 15px; margin: 0;
	height: 55px;
	position: absolute; z-index: 9;
	bottom: 75px; right: -18px;
	text-shadow: none;
	}
#home h2 {
	font-size: 1.143em;
	font-weight: 700;
	line-height: 45px;
	color: #fff;
	background: url(../images/headbar-blue-right.png) no-repeat left top;
	padding: 0 0 0 18px;
	margin: 0;
	height: 64px;
	position: absolute; z-index: 9;
	bottom: 18px; right: 0;
	}
#home .subhd-return {
	float: right;
	display: block;
	width: 18px;
	height: 64px;
	background: url(../images/headbar-blue-right.png) no-repeat right top;
	position: absolute; z-index: 9;
	bottom: 18px; right: -18px;
	}
#sub .subhd-return {
	float: right;
	display: block;
	width: 18px;
	height: 64px;
	background: url(../images/headbar-blue-left.png) no-repeat left top;
	position: absolute; z-index: 9;
	bottom: 1px; left: -18px;
	}
h3.overlayHd {
	color: #fff;
	font-weight: 700;
	font-size: 1.143em;
	line-height: 16px;
	background: url(../images/1x1_70.png) repeat left top;
	height: 28px;
	margin: -40px 0 20px 0; padding: 12px 8px 0;
	position: relative;
}
#home .box290 p { font-size: .929em; line-height: 1.3em; }

/* navigation */
#sitenav {
	float: right; display: inline;
	margin: 60px 20px 0 0; padding: 0;
	list-style: none;
	font-size: 1.071em;
	}
#sitenav li {
	float: left;
	display: inline;
	padding: 0 0 0 30px; margin: 0;
	text-transform: uppercase;
	font-weight: 700;
	}
#sitenav li a {
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	}
#sitenav li a.selected, #sitenav li a:hover {
	color: #fadb1a;
	text-decoration: none;
	}
	
/* faq */
.faq { margin-bottom: .75em; padding-bottom: .75em; border-bottom: 1px solid #e6eae4; }
.faq h2 {
	font-size: 1.154em; font-weight: bold;
	margin: 0 0 .25em;
	}
.faq h2 span a { font-size: 70%; color: #999; text-decoration: none; font-weight: normal; }
.faq h2 span a:hover { color: #666; }
.faq p { margin-bottom: .55em; }	
.lastfaq { border: none; }

/* 2 col list */
ul.ul1_2, ul.ul1_2 li { list-style: none; padding: 0; margin: 0; }
ul.ul1_2 { width: 50%; float: left; }
ul.list-a li {
	font-weight: bold;
	margin-bottom: 5px; padding-left: 13px;
	color: #4a7927; 
	background: url(../images/list-type-a.gif) no-repeat 0 .524em;
	}
	
/* sidebar maintenance */
.sb-maintenance { margin-bottom: 25px }
.sb-maintenance p { margin-bottom: .45em }

/* sidebar contact/consultation */
.sb-consult {
	border-top: 1px solid #c6d3bc;
	background: url(../images/sb-containerdrop.png) no-repeat left bottom;
	padding: 12px 2px 13px; margin-bottom: 6px;
	}

.sb-consult h4 { font: 1.538em/1.3em; font-weight: 600; }
.sb-consult h4 big { font-size: 150%; line-height: 1.2em; color: #476d25; }

/* sidebar gallery */
.sb-gal-item { margin-bottom: 10px; position: relative; height: 130px; }
.sb-gal-item:hover { cursor: pointer; }
.sb-gal-item h4 {
	width: 295px;
	margin: 0; padding: 8px 10px;
	position: absolute; z-index: 2;
	left: 0; bottom: 0;
	background: url(../images/1x1_70.png) repeat;
	font-size: 1.077em; font-weight: 300;
	color: #fff;
	}
.sb-gal-item:hover h4 { color: #fadb1a }
/* contact */
.map { padding: 5px; margin-bottom: 30px; border: 1px solid #c6d3bc; }

/* footer */
#footer { width: 900px; margin: 0 auto 3em; padding: 20px 0 0 0; border-top: 1px solid #c6d3bc; }
#footer h5 { color: #2c4817; }
#footer p { margin-bottom: 6px; font-size: .929em; line-height: 1.3em; }

.ft_col1, .ft_col2, .ft_col3 { display: inline; float: left; position: relative; }
.ft_col1 { width: 339px; }
.ft_col2 { width: 340px; margin-left: 28px; margin-right: 18px; }
.ft_col3 { width: 175px; }

.ft_col2 div { float: left; display: inline; width: 50%; } /* in place of floating ul's - ie */
.ft_col2 div ul { margin: 0; padding: 0; list-style: none; font-size: .929em; line-height: 1.3em; }
.ft_col2 div ul li { padding-left: 12px; margin-bottom: 2px; background: url(../images/list-type-a.gif) no-repeat 0 .425em; }
.ft_col2 div ul li.services-hd { padding-left: 0; background: none; color: #4a7927; }

.ft-copy { position: relative; padding-top: 19px; margin: 20px 0; }
.ft-copy img { position: absolute; right: -12px; top: 0; }
.ft-copy .copy { margin: 0; padding: 15px 0 15px 10px; color: #89987d; background: #2c4817; font-size: .923em; width: 97%; }

/* process tabs */
ul.process, ul.gallery {
	margin: 0;
	padding: 5px 0 0;
	float: left;
	list-style: none;
	height: 39px; /*--Set height of tabs--*/
	border-top: 1px solid #c6d3bc;
	background: url(../images/tabs-bg.png) repeat-x 0 100%;
	width: 100%;
}
ul.process li, ul.gallery li {
	float: left; display: inline;
	margin: 0;
	padding: 0;
	height: 39px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 28px; /*--Vertically aligns the text within the tab--*/
	overflow: hidden;
	position: relative;
}
ul.process li a, ul.gallery li a {
	text-decoration: none;
	text-align: center;
	color: #000;
	float: left; display: block;
	font-size: 1em;
	padding: 0 15px;
	outline: none;
	height: 39px;
}
ul.process li a:hover, ul.gallery li a:hover {
	background: url(../images/tabs-bg.png) repeat-x 0 100% #e2f1d7;
}
html ul.process li.active a, html ul.process li.active a:hover,
html ul.gallery li.active a, html ul.gallery li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	color: #fff;
	background: url(../images/tabs-select.png) no-repeat 50% 100% #4a7927;
}

.process-container, .gallery-container {
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
}
.process-content, .gallery-content { padding: 20px 0; }
.process-content h3 { margin-top: 0; }

.gallery-content a img { float: left; margin: 0 12px 12px 0; padding: 0; }
.gallery-content a.last img { margin-right: 0; }


