html {background-color: #fff;}
body{color:#333333;font: normal 14px/1.2 'PT Sans', sans-serif;x-background: url('../img/template2.jpg') no-repeat 50% top}
#wrap{width:950px;margin:25px auto 40px auto;}

#hd{position:relative;margin-bottom:10px;}
#logo{width:329px;height:104px;background: url('../img/logo.png') no-repeat left top; float:left;margin:0;padding:0;}
#logo a{display:block;width:100%;height:100%;overflow:hidden;text-indent:-1000px;}

/* header and footer navigation */
.nav ul{list-style:none;margin:0;padding:0;}
.nav ul li{float:left;margin-left:5px;}
.nav ul li a{text-transform:uppercase;display:block;text-decoration:none;color:#333333;line-height:1em;padding:11px 16px;text-align:center;}
.nav.top{position:absolute;bottom:14px;right:8px;}
.nav.bottom{float:left;}
.nav.bottom ul li{margin-right:20px;}
.nav.bottom a{padding:0px;font-weight: bold;font-size:11px;}

/* */
body.home .nav.top .nav_home a,
body.about .nav.top .nav_about a,
body.services .nav.top .nav_services a,
body.work .nav.top .nav_work a,
body.news .nav.top .nav_news a,
body.contact .nav.top .nav_contact a{
	background: #65240a;
	color:#ffffff;
}

body.home .nav.bottom .nav_home a,
body.about .nav.bottom .nav_about a,
body.services .nav.bottom .nav_services a,
body.work .nav.bottom .nav_work a,
body.news .nav.bottom .nav_news a,
body.contact .nav.bottom .nav_contact a,
body.sitemap .nav.bottom .nav_sitemap a,
body.terms .nav.bottom .nav_terms a{	
	color:#999999;
	border-bottom:1px dotted #999999;
}

#bd{padding-bottom:55px;}
.leftcol{float:left;width:490px;padding:0 43px;}

.rightcolbio {float:right;width:258px;margin:-5px 42px 0 0;}
.rightcolbio div{padding:20px 10px 0 20px;margin:0;}
.rightcolbio div a{font-size:14px; color: #196d6e;text-decoration:none;display:block;padding:0 0 10px 0;margin:0 0 10px 0;}
.rightcolbio div a:hover{text-decoration:underline;}


.rightcol{float:right;width:258px;background:url('../img/bottom.png') no-repeat left bottom;margin:-5px 42px 0 0;}
.rightcol div{background:url('../img/top.png') no-repeat left top;padding:20px 20px 0 20px;;margin:0;}
.rightcol p {font-size:13px;}
.rightcol div {margin-bottom:25px;}
.rightcol div h4{font-size:18px;color:#005e5f;margin:0 0 10px 0px;background:url('../img/organic.jpg') no-repeat left top;padding:80px 0 0 0;font-weight: normal}
.rightcol div ul{padding:0 0 0 20px;}
.rightcol div li{color:#7d7b7c;margin:0 0 10px 0;list-style-type:square;font-size:14px;}
.rightcol div a{font-size:14px; color: #196d6e;text-decoration:underline;display:block;padding:0 0 10px 0;margin:0 0 10px 0;}
.rightcol div a:hover{text-decoration:none;}

.rightcol_services{float:right;width:258px;background:url('../img/bottom.png') no-repeat left bottom;margin:-5px 42px 0 0;}
.rightcol_services div{background:url('../img/top.png') no-repeat left top;padding:20px 20px 0 20px;;margin:0;}
.rightcol_services div {margin-bottom:25px;}

.rightcol_services div h4{font-size:18px;color:#005e5f;margin:0 0 10px 0px;background:url('../img/services_side_turquoise.jpg') no-repeat left top;padding:80px 0 0 0;font-weight: normal}
.rightcol_services div ul{padding:0 0 0 20px;}
.rightcol_services div li{color:#7d7b7c;margin:0 0 10px 0;list-style-type:square;font-size:14px;}
.rightcol_services div a{font-size:14px; color: #196d6e;text-decoration:underline;display:block;padding:0 0 10px 0;margin:0 0 10px 0;}
.rightcol_services div a:hover{text-decoration:none;}

.intro{background:url('../img/home_promo.jpg') no-repeat left top;padding:159px 0 0 0;margin:0 0 40px 0;}
.intro h2{background:#ececec;margin:0 21px 0 20px;padding:15px 25px;color:#65240a;font-size:30px;font-weight:normal;line-height: 1.3em;}

.home .leftcol h3{margin:0 0 20px 0;font-weight:bold;font-size:15px;}
.home .leftcol ul{margin:0;list-style-type:none;padding:0 0 0 25px;}
.home .leftcol li{font-size:16px;margin:0 0 4px 0;font-size:15px;line-height:1.3em;}
.home .leftcol p{font-weight:bold;font-size:15px;margin:18px 0 0 0;}
.home .leftcol .learnmore{font-weight:bold;margin:30px 0 0 0;}
.home .leftcol .learnmore a{color:#196d6e;text-decoration:none;background:url('../img/circle.png') no-repeat right 50%;padding:1px 30px 3px 0;}


/* subpage styles */
#subnav{background:url('../img/organic2.jpg') no-repeat left top;font-size: 13px;padding-top:42px;}
#subnav ul{list-style: none;margin:0;padding:7px 45px 7px 25px;}
#subnav li{float:left;margin:0;padding:0;border-right:1px solid #ababab;}
#subnav li:last-child{border:none;}
#subnav a{text-decoration: none;line-height:1em;display: block;padding:0 20px;}
#subnav a:hover {text-decoration:underline;}
#subnav .main{background: #dfdfdf;}
#subnav .main a{color:#005f5f}
#subnav .sub{background: #f5f5f5;}
#subnav .sub li{border:none;}
#subnav .sub a{color: #666666;}
#subnav .active a{color:#65240a;}
#subnav .bold_active a{font-weight:600;}

body.about_growth #subnav {background:url('../img/growth.jpg') no-repeat left top;}
body.services_turq #subnav {background:url('../img/organic2.jpg') no-repeat left top;}
body.work_wood #subnav {background:url('../img/wood.jpg') no-repeat left top;}
body.news_broccoli #subnav {background:url('../img/broccoli.jpg') no-repeat left top;}
body.contact_moss #subnav {background:url('../img/moss.jpg') no-repeat left top;}


.secondary #bd{padding-top:30px;}
.secondary #bd .leftcol h2{font-size:28px;font-weight:normal;color:#65240a;font-weight: lighter;margin:0 0 10px 0;padding:0;}
.secondary #bd .leftcol h2.sectionTitle{font-size:14px;font-weight:normal;color:#196d6e;margin:0 0 30px 0;padding:0;text-transform: uppercase;}
.secondary #bd .leftcol h3{font-size:24px;font-wieght:normal;color:#65240a;font-weight: lighter;margin:0 0 30px 0;padding:0;}
.secondary #bd .leftcol h4{font-size:20px;font-wieght:normal;color:#65240a;font-weight: lighter;margin:0 0 30px 0;padding:0;}
.secondary #bd .leftcol h5{font-size:16px;font-wieght:normal;color:#65240a;font-weight: lighter;margin:0 0 30px 0;padding:0;}
.secondary #bd .leftcol h6{font-size:13px;font-wieght:normal;color:#65240a;font-weight: lighter;margin:0 0 30px 0;padding:0;}
.secondary #bd .leftcol p{font-size:14px;color:#333333;font-weight: normal;line-height:1.4em;margin:0 0 20px 0;}

.secondary #bd .leftcol ol,
.secondary #bd .leftcol ul{margin:0 0 0 30px;list-style-type:none;}
.secondary #bd .leftcol ol li,
.secondary #bd .leftcol ul li
{margin:0 0 12px 0;
font-size:14px;
color:#333;
line-height:1.6em;
padding-left: 20px;
background-image: url('../img/square_bullet.gif');
background-repeat: no-repeat;
background-position: 0 .5em;
}

.charcoal-list {color:#333;}

.secondary #bd .leftcol ol li strong,
.secondary #bd .leftcol ul li strong{font-weight: bold}
.secondary #bd .leftcol ol li span,
.secondary #bd .leftcol ul li span{color:#333333;}


.secondary #bd ol.graph,
.secondary #bd ul.graph{margin-left:255px;}
.secondary #bd .leftcol{padding:0 0 0 43px;width:560px;}

.secondary #bd .leftcol a {color:#196d6e;text-decoration:underline;}

.secondary #bd .rightcol_services ol.side {background-image:none;list-style-type:decimal;}


/* full width layout */
.leftcol_full{float:left;width:875px;padding:0 43px;}

.secondary #bd{padding-top:30px;}
.secondary #bd .leftcol_full h2{font-size:28px;font-wieght:normal;color:#65240a;font-weight: lighter;margin:0 0 10px 0;padding:0;}
.secondary #bd .leftcol_full h2.sectionTitle{font-size:14px;font-weight:normal;color:#196d6e;margin:0 0 10px 0;padding:0;text-transform: uppercase;}
.secondary #bd .leftcol_full h3{font-size:24px;font-wieght:normal;color:#65240a;font-weight: lighter;margin:0 0 30px 0;padding:0;}
.secondary #bd .leftcol_full h4{font-size:20px;font-wieght:normal;color:#65240a;font-weight: lighter;margin:0 0 30px 0;padding:0;}
.secondary #bd .leftcol_full h5{font-size:16px;font-wieght:normal;color:#65240a;font-weight: lighter;margin:0 0 30px 0;padding:0;}
.secondary #bd .leftcol_full h6{font-size:13px;font-wieght:normal;color:#65240a;font-weight: lighter;margin:0 0 30px 0;padding:0;}
.secondary #bd .leftcol_full p{font-size:14px;color:#333333;font-weight: normal;line-height:1.4em;margin:0 0 20px 0;}

.secondary #bd .leftcol_full ol,
.secondary #bd .leftcol_full ul{margin:0 0 0 0px;list-style-type:none;}
.secondary #bd .leftcol_full ol li,
.secondary #bd .leftcol_full ul li{
margin:0 0 20px 0;
font-size:14px;
color:#333;
line-height:1.3em;
padding-left: 20px;
background-image: url('../img/square_bullet.gif');
background-repeat: no-repeat;
background-position: 0 .5em;
}
.secondary #bd .expand ul li{
margin:0 0 20px 0;
font-size:14px;
color:#333;
line-height:1.3em;
padding-left: 20px;
background-image: url('../img/square_bullet-plus.gif');
background-repeat: no-repeat;
background-position: 0 .5em;
}
.secondary #bd .leftcol_full ul li.open{
background-image: url('../img/square_bullet-minus.gif');
}
.secondary #bd .leftcol_full ol li strong,
.secondary #bd .leftcol_full ul li strong{font-weight: bold}
.secondary #bd .leftcol_full ol li span,
.secondary #bd .leftcol_full ul li span{color:#333333;}

.secondary #bd .leftcol_full a {color:#196d6e;text-decoration:underline;}


/* */


.subimgleft {float:left;}
.bold {font-weight:bold;}
.secondary #bd .leftcol_full ul li span.color_brown {color:#65240a;}
.secondary #bd .leftcol_full ul li span.bold {fon}

#twocol-a {width:50%;float:left;}
#twocol-b {width:50%;float:right;}

#threecol-a {width:33%;float:left;}
#threecol-b {width:33%;float:left;}
#threecol-c {width:33%;float:right;}

#threecol-a-normal {width:33%;float:left;}
#threecol-b-normal {width:33%;float:left;}
#threecol-c-normal {width:33%;float:right;}
.secondary #bd .leftcol_full #threecol-a-normal ul li, .secondary #bd .leftcol_full #threecol-b-normal ul li, .secondary #bd .leftcol_full #threecol-c-normal ul li {margin:0 0 20px 0;
font-size:14px;
color:#333;
line-height:1.3em;
padding-left: 20px;
background-image: url('../img/square_bullet.gif');
background-repeat: no-repeat;
background-position: 0 .5em;}

p.more {padding:15px 0 0 0;}

#bd .leftcol_full p.testimonial_source {color:#999;margin-bottom:30px;padding:5px 0 15px 0;border-bottom:1px solid #ccc;}


ul li .address {list-style-type: none}
.secondary #bd .leftcol h5.workshopTitle{font-size:18px;color:#196d6e;margin-bottom:5px;}
.secondary #bd .leftcol_full h5.workshopTitle{font-size:18px;color:#196d6e;margin-bottom:5px;}


#ft{background:#ececec;padding:30px 25px;opacity:0.5}
#ft p{float:right;margin:-1px 0 0 0;font-size:12px;}
a.lift {color:#196d6e;}
.bold {font-weight:600;}
#caption {clear:left;float:left;font-size: 12px;font-style: italic;padding-top:15px;text-align: center}

/* css clearing fix */
x-.clear:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
x-html[xmlns] .clear {zoom:1}
x-* html .clear {zoom:1}
/* end clearing fix */


/* For modern browsers */
.clear:before,
.clear:after {content:"";display:table;}
.clear:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.clear{zoom:1;}


/* these styles need to get worked into the main navigation */
#menu{position:relative;}
ul{margin:0;padding:0;list-style:none;}
.nav.top{position:absolute;}
.nav.top ul li{float:left;}
.nav.top ul ul a{text-align:left;}			
.nav.top ul ul{position:absolute;width:160px;display:none;background:#65240a;padding:0;}
.nav.top ul li li{}
.nav.top li li:last-child a{border:none;}
.nav.top ul li li a{color:#ffffff;font-size:12px;margin:0 5px;border-bottom:1px solid #946654;background:none;}
.nav.top ul li li:hover li a{color:#ffffff;}
.nav.top ul ul li{float:none;}
.nav.top ul ul.third{position:absolute;left:160px;}
.nav.top ul li ul.third li a{border-bottom:1px solid #946654;}
.nav.top ul ul.third li:last-child a{border:none;}
.nav.top ul li:hover ul.secondary{display:block;background:#65240;}
.nav.top ul li ul.secondary li:hover{position:relative;}
.nav.top ul li ul.secondary li:hover ul.third{display:block;top:0px;background:#65240;}
.nav.top ul li li{margin:0;}
.nav.top li:hover a{
	background: #65240a;
	color:#ffffff;
}
/* menu hover styles */
#hd .nav.top ul li li:hover a,
#hd .nav.top ul li li:hover li:hover a{color:#5dc41a;}
#hd .nav.top ul li li:hover li a{color:#ffffff;}

/* sitemap styles */
#sitemap ul{list-style: disc;}
#sitemap ul ul{margin:10px 40px;}
#sitemap ul ul li{margin-bottom:10px;}
#sitemap a {color:#196d6e;text-decoration:underline;}

/* hiding the styles in the nav but not for the sitemap */
#hd li.nav_about ul.secondary,
#hd li ul.third{
	display:none;
}


