@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;	font-size: 100%;vertical-align: baseline;background: transparent;}
* {margin: 0;}
body{margin:0; padding:0; font-family: Verdana, Geneva, sans-serif;	background-color: #FFFFFF; background-image: url(images/pagebg.jpg); background-repeat: repeat-x; background-position: top;}
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
a {color: #517126; text-decoration: none;}
a:hover {color: #000000; text-decoration:underline}

#wrapper {height:100%;}
#maincontainer{width: 990px; margin: 0 auto; padding-bottom: 360px;}
#topsection{height: 225px; border-bottom: 1px solid #365604;}


#nav {	background-image: url(images/navbg.jpg); background-repeat: repeat-y; background-position: center; height: 45px; border-top: 1px solid #9db546;	border-bottom: 1px solid #547615;}
#nav ul {list-style: none;}
#nav li {float: left; border-right: 1px solid #556d17; border-left: 1px solid #91ab4e;height: 45px;line-height: 45px;}
#nav li a {color: #fff; text-decoration: none; font-weight: bold;display: block;padding: 0px 8px; font-size: 15px;}
#nav li a:hover {background-color: #374F18; color: #F5B517;}
#contentwrapper{float: left;width: 100%;background-color: #FFFFFF;background-image: url(images/c_bg.jpg);background-repeat: repeat-x;	background-position: top;}

#contentcolumn{margin: 0 250px; }

#full_contentcolumn, #portfoliocolumn {margin: 0 50px 0px 250px; }
#contentcolumn h1, #full_contentcolumn h1, #portfoliocolumn h1 {font-family: times, Times New Roman, times-roman, georgia, serif; font-size: 28px; letter-spacing: -1px;
		color: #444; margin: 0 0 0 0; padding: 15px 0 0 0; font-weight: 100;}
#contentcolumn h2, #full_contentcolumn h2 {color: #88b213;font-family: times, Times New Roman, times-roman, georgia, serif;	font-size: 20px; line-height: 40px;	letter-spacing: px;margin: 0;padding: 0; font-weight: normal;}
#portfoliocolumn h3 {background-image: url(images/mapbg.jpg);background-repeat: repeat; padding: 7px; border: 1px solid #DFD8C3; margin-top: 10px;}
#contentcolumn h4, #full_contentcolumn h4 {color: #666;font-weight: normal;font-size: 11px; padding: 5px 0px;}
#contentcolumn h6, #full_contentcolumn h6, #portfoliocolumn h6 {color: #666;font-weight: normal;font-size: 11px; padding: 5px 0px;}

#contentcolumn p, #full_contentcolumn p {font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-size: 14px; color: #666; line-height: 18px; padding: 5px 0px;}
.portfolio h1 {color: #666;}
.youtube_wrapper {	background-image: url(images/youtubebg.jpg);background-repeat: no-repeat;background-position: center top; height: 362px; width: 467px;}
.youtube_player {width: 380px;margin: 0px auto; padding-top: 55px;}

#leftcolumn{float: left; width: 250px; margin-left: -990px; }
#services {background-color: #FAF7EE; border: 1px solid #d6d6d6;padding: 5px;margin: 5px;}
#services ul {list-style: none;}
#services li {margin: 0px;padding: 5px 0px 0px 25px;border-bottom: 1px solid #edeae2;}
#services li a {color: #303030; font-weight: bold; text-decoration: none; font-size: 16px; display: block;}
#services li:hover {
	background-image: url(images/mapbg.jpg);
}
#services li:hover a {color: #88b213;}
#services li a:hover {color: #88b213;}
#services p a {font-size: 11px;line-height: 12px;color: #9a9996;padding-bottom: 10px;font-weight: normal;}

#rightcolumn{float: left;width: 250px;margin-left: -250px;}
#rightcolumn h3 {color: #88b213;margin-left: 30px;}

#phone {font-size: 26px; color: #444; padding-top: 10px; font-family: times, Times New Roman, times-roman, georgia, serif;}
#phone ul {	list-style-image: url(images/phone.png);list-style-type: none;	list-style-position: inside;margin-left: 40px;}
#map {background-image: url(images/mapbg.png);background-repeat: no-repeat;	background-position: center top;height: 324px;}
#map2 {background-image: url(images/mapbg2.png);background-repeat: no-repeat;	background-position: center top;height: 170px;}
#map ul{list-style: none; margin: 0px 0px 0px 45px;padding: 40px 0px 0px 0px;}
#map2 ul {list-style: none; margin: 0px 0px 0px 45px;padding: 30px 0px 0px 0px;}
#map li, #map2 li {padding: 4px 0px;}
#map li a {}
#map_follow {}
#map_follow ul {list-style: none;margin: 0px 0px 0px 35px;padding: 0px;}
#map_follow li {padding: 0px 5px;float: left;}
#map_follow li img {padding: 5px;}

#right_articles {border-top: 1px solid #bfbfbf;	background-image: url(images/rgradient.jpg); background-repeat: repeat-x;background-position: top;margin-left:30px;}
#right_articles ul {margin: 5px 15px 0px 15px;}
#right_articles li {list-style-position: inside; list-style-image: url(images/yarrow.png); line-height: 13px; padding: 5px 0px; border-bottom: 1px dotted #ccc;}
#right_articles li a {color: #6d6d6d; text-decoration: none;font-size: 11px;}
#right_articles li a:hover {font-weight: bold;}

#footer{clear: left; width: 100%; color: #000; text-align: center; padding: 4px 0;}
#footer2 {position: relative; margin-top: -360px; height: 360px; clear:both; background-color: #000; background-image: url(images/f2bg.jpg); background-repeat: repeat-x; background-position: top;}
#f2_wrapper {margin: 0 auto; background-image: url(images/f2_sbg.png); background-repeat: no-repeat; background-position: -40px 8px; color: #fff;	height: 300px; width: 990px;}
#footer a{color: #FFFF80;}
#f2_left {width: 240px;float: left;margin: 240px 0px 0px 120px;}
#f2_right {margin-top: 95px;width: 625px;float: left;}
#f2r_tweet {width: 100px;float: left;}
#f2r_testimonials {height: 150px;}
#f2r_testimonials h4 {color: #994701;font-size: 22px;font-family: times, Times New Roman, times-roman, georgia, serif; letter-spacing: -1px; font-weight: normal;}
#f2r_testimonials p {color: #5a4005;font-size: 12px;line-height: 1.25; width: 500px;margin-left: 115px; text-indent: -0.8em;}
#f2r_menu {}
#f2r_menu ul {list-style: none;width: 500px;margin: 0px 0px 0px 100px;}
#f2r_menu li {font-size: 11px;width: 150px;float: left;height: 20px;}
#f2r_menu li a {color: #cccccc;text-decoration: none;text-transform: uppercase;}
#f2r_menu li a:hover {color: #ffffff;}
#f2r_top a {color: #F49B41;font-size: 12px;font-weight: bold;text-decoration: none;}
#f2r_top a:hover {color: #ffffff;}
#copyright {margin: 0 auto;width: 800px;font-size: 11px;padding-top: 15px;color: #666666;}



.boxgrid{width: 230px; height: 184px; margin: 6px 0px 6px 11px; float:left;	border: solid 1px #fff;	overflow: hidden; position: relative; background-color: #fff; background-image: url(images/mapbg.jpg); background-repeat: repeat;}
.boxgrid h3 {color: #e99e00; padding: 5px; background-image: url(images/h3bg.png); background-repeat: repeat;}
.boxgrid img{position: absolute; top: 0; left: 0; border: 0;}
.boxgrid p{padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif;}
.boxgrid ul { list-style:disc; margin: 10px 0px 0px 35px;}
.boxgrid li {font-size: 11px;padding: 3px 0px;!padding: 1px 0px; font-weight: bold; color: #666666;}
.boxgrid li a {}
.boxcaption{float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; 				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.captionfull .boxcaption {top: 260; left: 0;}
.caption .boxcaption {top: 220;	left: 0;}

.innertube{margin: 10px; margin-top: 0;}
.clear {clear: both;}
.learnmore {list-style: none; text-align:right; margin-right: 15px;}
.learnmore a { color: #F4B921; text-decoration: none; text-transform:uppercase;}
.learnmore a:hover {color: #000000;}

#homenav {}
#homenav #homenav_on {background-color: #374F18; color: #F5B517;}
#servicesnav {}
#servicesnav #servicesnav_on {background-color: #374F18; color: #F5B517;}
#portfolionav {}

#portfolionav #portfolionav_on {background-color: #374F18; color: #F5B517;}
#casenav {}
#casenav #casenav_on {background-color: #374F18; color: #F5B517;}
#blognav {}
#blognav #blognav_on {background-color: #374F18; color: #F5B517;}
#quotenav {}
#quotenav #quotenav_on {background-color: #374F18; color: #F5B517;}
#contactnav {}
#contactnav #contactnav_on {background-color: #374F18; color: #F5B517;}
#aboutnav {}
#aboutnav #aboutnav_on {background-color: #374F18; color: #F5B517;}

.pitem {width: 335px; float: left;margin: 10px 0px 10px 0px;}
.pitem img {float: left; margin-right: 5px;border: 3px solid #ccc;}
.pitem img:hover {border: 3px solid #a2d877;}
.pitem a {font-size: 14px; font-weight: bold; color: #40403f; text-decoration: none;}
.pitem a:hover {color: #7d7d7d;}
#pitem_wrapper {margin-top: 15px;}
#pitem_info {width: 325px; float: left;}
#pitem_img { width: 325px; height: 325px; float: left;	background-image: url(images/pbg.jpg); background-repeat: no-repeat; background-position: center top;}
#pitem_img_wrapper {margin: 17px 0px 0px 18px; width: 275; height: 255px;}
#pvisit {background-image: url(images/visit.jpg); background-repeat: no-repeat; list-style: none;padding-left: 20px;padding-bottom: 7px;}
#pport {background-image: url(images/back.jpg);	background-repeat: no-repeat; list-style: none;padding-left: 20px;}
#pvisit a, #pport a, #pvisit a:visited, #pport a:visited {color: #40403f; text-decoration: none; font-size: 14px; font-weight: bold;}
#pvisit a, #pport a:hover {color: #000;}
h4 .continue{clear: both; margin-top: 10px;}

.cssform p{
width: 300px;
clear: left;
margin: 0px 0px 0px 180px;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #ccc;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 244px; border: 1px solid #ccc; padding: 3px;
}

.cssform textarea{
width: 250px;
height: 150px; border: 1px solid #ccc;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.numlist {margin-left: 40px; font-size: 12px;}
.numlist li {padding-bottom: 5px; border-bottom: 1px dashed #ccc; margin: 8px 0px;}
.fright {float: right;}
.fleft {float: left;}