html { font-size: 62.5% }
body { font-size: 1.1em; }
		
html, body { margin:0; padding:0; border:0; width:100%; height:100%; background:#7cc343; font-family: verdana, sans-serif; color: #fff; }
	
h1 { font-size: 3.4em; color: #fff; font-weight: normal; margin:0; display: inline; }
h2 { font-size: 1.5em; margin: 0; }
h3.white { font-size: 1.5em; display: block; margin:0; color: #fff;}
h3.green { font-size: 1.5em; display: block; margin:0; width:100%; color: #74923f;}
h3.blue { font-size: 1.5em; display: block; margin:0; width:100%; color: #003d7c;}

p { margin:0; }
a { color: #fff; }	
a.project-link { font-size: 1.5em; font-weight: bold; color: #003d7c; display:block; padding: 5px 0 15px 0; }
ul { list-style-type:none; padding:0 ; margin:0; }
li { float:left; border:0; padding:0; margin:0; }
ol { padding:0 ; margin:0 0 0 20px; color: #003d7c; }	
img { border:0; }
hr { width: 100%; height: 2px; margin: 10px 0; color: #eae1d1; background-color: #eae1d1; border: none; clear:both; }
	
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
		
.float-right { float: right; }
.float-left { float: left; }
.block { display: block; }
.inline { display: inline; }
.center { text-align: center; }

.left-margin { margin: 0 0 0 5px; }
.top-margin { margin: 10px 0 0 0; }	
.both-margin { margin: 10px 0; }	
.bottom-margin { margin: 0 0 10px 0; }	
.big-text { font-size: 1.1em; font-weight: bold; }
.small-text { font-size: 0.9em; }
.bold { font-weight: bold; }
.center { text-align: center; }
.clear-both { clear: both; }
.clear-left { clear: left; }
.blue { color: #003d7c; }

#fullpage { min-height:100%; position:relative; }

#top-section { width:100%; background:#bcd8e4 url(../images/blue-strip.jpg) repeat-x top left; }
#top-section .top-img { display: block; margin: 10px 18px 0 18px;}

#bottom-section .top-img { display: block; margin: 0 18px 0 18px;}
.bottom-img { display: block; margin: 0 18px 0 18px; }
		
#topcontent {
	width: 818px;
	height: auto;
	padding: 0;
	margin: 0 auto 20px auto;
	text-align:left;
	/* top=height/2, left=width/2 */
	/* Hide from IE-Mac \*/
	margin: 0px 0px 0px -409px;
	position: relative;
	top: 0px;
	left: 50%;
	/* End hide */
	background: url(../images/chain-top.png) bottom left no-repeat;
}
#topcontent-nobg {
	width: 818px;
	height: auto;
	padding: 0;
	margin: 0 auto 20px auto;
	text-align:left;
	/* top=height/2, left=width/2 */
	/* Hide from IE-Mac \*/
	margin: 0px 0px 0px -409px;
	position: relative;
	top: 0px;
	left: 50%;
	/* End hide */
}
#topcontent-nobg #title-items-full-text { margin: 0 0 60px 0; }

#menu { width:818px; height:auto; background: url(../images/clouds.jpg) top left no-repeat; }
#menu-items { width:785px; height:120px; position:relative; left:20px; float:left; }
#menu-items .clearboth { clear:right; width:99px; float:right; }
#menu-items .bigmarginright { margin-right:20px; }
#menu-items .smallmarginright { margin-right:3px; }

#sub-menu { padding: 0 0 0 40px; }
#sub-menu ul { width:656px; float:left; margin: 15px 0 0 0; border-top: 2px solid #b3ccdc; }
#sub-menu li { margin: 0 5px 0 0; }
#sub-menu .smallmarginright { margin-right:0; }

#title-top { width: 650px; display: block; position:absolute; top:75px; left:20px; color: #c7dbe5; }
#title-top div{ display: inline; position: relative; bottom: 10px; left: 2px; }
#title-top a { color: #c7dbe5; }

#title-items { position:relative; top: 10px; left:40px; width:650px; padding: 4px 0 15px 0; clear:both; color: #003d7c; }
#title-items img { float: right; margin: 11px 0 0 10px; }
#title-items img.header { float: left; display: block; margin: 10px 0 0 0; }
#title-items img.align { margin: 45px 0 0 0; }
#title-items p { width: 450px; clear: left; }
#title-items p a { color: #003d7c;}

#title-items-full-text { position:relative; top: 10px; left:40px; width:650px; padding: 4px 0 15px 0; clear:both; color: #003d7c; }
#title-items-full-text img { float: right; margin: 11px 0 0 10px; }
#title-items-full-text img.header { float: left; display: block; margin: 10px 0 0 0; }
#title-items-full-text img.button { float: none; display: block; margin: 10px 0 0 0; }
#title-items-full-text p { width: 650px; clear: left;}
#title-items-full-text p a { color: #003d7c;}

#title-items-no-content { position:relative; top: 10px; left:40px; width:650px; height:20px; clear:both; color: #003d7c; }

#chains-top { width:818px; height:3px; vertical-align: bottom;}
#chains {
	width:818px;
	height: 55px;
	margin: 0 auto 0 auto;
	text-align:left;
	/* top=height/2, left=width/2 */
	/* Hide from IE-Mac \*/
	margin: 0 0 0 -409px;
	position: relative;
	top: 0px;
	left: 50%;
	/* End hide */
}

#bg-strip-grass { width:100%; height: 55px; background: url(../images/bg-grass.png) repeat-x top left; border:0; }
#bg-strip-trees { width:100%; height: 55px; background: url(../images/bg-trees.png) repeat-x top left; border:0; }
#bg-strip-corn { width:100%; height: 55px; background: url(../images/bg-corn.png) repeat-x top left; border:0; }
#bg-strip-flowers { width:100%; height: 55px; background: url(../images/bg-flowers.png) repeat-x top left; border:0; }
#bg-strip-hills { width:100%; height: 55px; background: url(../images/bg-hills.png) repeat-x top left; border:0; }
#bg-strip-lavender { width:100%; height: 55px; margin: 10px 0 0 0; background: url(../images/bg-lavender.png) repeat-x top left; border:0; }

#bottom-section { width:100%; background:#7cc343 url(../images/green-bg.jpg) repeat-x top left; }
#bottomcontent {
	width: 818px;
	padding: 23px 0px 20px 0px;
	margin: 20px auto 0 auto;
	text-align:left;
	/* top=height/2, left=width/2 */
	/* Hide from IE-Mac \*/
	margin: 0 0 0 -409px;
	position: relative;
	top: 0px;
	left: 50%;
	/* End hide */
	background: url(../images/chain-bottom.png) top left no-repeat;
}
#no-bottomcontent {
	width: 818px;
	height: 80px;
	padding: 23px 0 20px 0px;
	margin: 20px auto 0 auto;
	text-align:left;
	/* top=height/2, left=width/2 */
	/* Hide from IE-Mac \*/
	margin: 0 0 0 -409px;
	position: relative;
	top: 0px;
	left: 50%;
	/* End hide */
}

#pre-footer {
	width: 740px;
	padding: 0 0 55px 0;
	margin: 0 auto 0 auto;
	text-align:left;
	/* top=height/2, left=width/2 */
	/* Hide from IE-Mac \*/
	margin: 0 0 0 -370px;
	position: relative;
	top: 0px;
	left: 50%;
	/* End hide */
	font-weight:bold;
}
#pre-footer .float-left {  width:118px; color:#000;}
#pre-footer .float-right { width:620px; display:block;}	
#footer { position:absolute; bottom:0; width:100%; background: #000; color:#fff; clear: both; }		
#footer-content {
	width: 818px;	
	padding: 0 0 15px 25px;
	margin: 0 auto 20px auto;
	text-align:left;
	/* top=height/2, left=width/2 */
	/* Hide from IE-Mac \*/
	margin: 0 0 0 -409px;
	position: relative;
	top: 0px;
	left: 50%;
	/* End hide */
}
#footer-content li { margin: 0 40px 0 0;} 
#footer-content ul { padding: 10px 0;}  
		
#full-top-box { margin: 0 18px; padding: 0 16px 0 17px; background: url(../images/top-box-grey-full-middle.gif) repeat-y; }
#full-top-box ul { margin: 0 0 0 20px; list-style-image: url(../images/blue-bullet.gif); }
#full-top-box li { float: none; padding: 0 0 5px 0; }
#full-top-box li a { color: #003d7c;}
#full-top-box li a.big-link { font-size: 1.2em; color: #869a39; }
#full-top-box li.sub-bullet { list-style-image: none; }
#full-top-box p { margin:0 0 10px 0; }

#full-top-box #sitemap-content-box { padding: 10px 12px 10px 10px; background: url(../images/full-box-creme-middle.gif) repeat-y; color: #003d7c;}
#full-top-box #sitemap-content-box div.imageholder { background: url(../images/deco-sitemap.jpg) no-repeat bottom right; }
/*
#full-top-box #sitemap-content-box img.bullet { margin: 5px 5px 0 0; }
*/
#full-top-box #sitemap-content-box div.home { float: left; width:84px; }
#full-top-box #sitemap-content-box div.card-benefits { float: left; width:140px; }
#full-top-box #sitemap-content-box div.current-projects { float: left; width:162px; }
#full-top-box #sitemap-content-box div.our-goals { float: left; width:119px; }
#full-top-box #sitemap-content-box div.modern-green-living { float: left; width:102px; }
#full-top-box #sitemap-content-box div.modern-common-questions { float: left; width:101px; }
#full-top-box #sitemap-content-box ul.tree, ul.tree ul { list-style-type: none; list-style-image: none; background: url(../images/vline.gif) repeat-y; margin: 0; padding: 0; }
#full-top-box #sitemap-content-box ul.tree ul { margin-left: 10px; list-style-image: none; color: #7399b6; }
#full-top-box #sitemap-content-box ul.tree li { margin: 0; padding: 0 12px; line-height: 20px; background: url(../images/node.gif) no-repeat; font-weight: normal; }
#full-top-box #sitemap-content-box ul.tree li.last { background: #F5ECDB url(../images/lastnode.gif) no-repeat; }

#full-top-box #full-content-box { padding: 10px 52px 10px 50px;  background: url(../images/full-box-creme-middle.gif) repeat-y top left; color: #003d7c;}
#full-top-box #full-content-box .card-features-top { padding: 3px 0 0 0; background: #74923F url(../images/card-features-box-top.gif) no-repeat}
#full-top-box #full-content-box .card-features-top div{ padding: 0 0 0 42px; width: 250px; float: left; }
table.card-features { width:647px; border:2px solid #b5bd8c; font-size:1em; color:#003d7c;}
table.card-features td {padding: 5px 5px 5px 20px;}
table.card-features .row1 { background-color: #DFD3BB; }
table.card-features .row2 { background-color: #EEE4D0; }
table.card-features .column1-1 { width:180px;padding:5px 5px 5px 40px;border-right:2px solid #b5bd8c;border-bottom:2px solid #b5bd8c;background-color:#d1c2a5;color:#7e6431; }
table.card-features .column1-2{ width:180px;padding:5px 5px 5px 40px;border-right:2px solid #b5bd8c;font-weight:bold;color:#7e6431;}
table.card-features .border-right { border-right:2px solid #b5bd8c; }
table.card-features .border-bottom-right {  border-bottom:2px solid #b5bd8c; border-right:2px solid #b5bd8c; }
table.card-features .border-bottom{  border-bottom:2px solid #b5bd8c; }
table.card-features .no-list-item { list-style-image:none; margin: 0 0 0 15px; }
table.card-features .center { padding: 0; text-align: center; }
table.card-features div { padding: 10px 10px 20px 20px; }
table.card-features span { font-weight: bold; color:#7e6431; display:block; }

#top-box { margin: 0 18px; padding: 0 16px 0 17px; background: url(../images/top-box-grey-middle.gif) repeat-y; }
#top-box ul { margin: 0 0 0 20px; list-style-image: url(../images/blue-bullet.gif); }
#top-box li { float: none; padding: 0 0 5px 0; }
#top-box li a { color: #003d7c;}
#top-box li a.big-link { font-size: 1.2em; color: #869a39; }
#top-box li.sub-bullet { list-style-image: none; }
#top-box p { margin:0 0 10px 0; }

#top-box #top-box-left { float: left; width: 440px; }
#top-box #top-box-left #flash-box { width: 440px; margin: 0 0 10px 0; background: url(../images/left-box-creme-middle.gif) repeat-y; color: #003d7c;  }
#top-box #top-box-left #flash-box #content { padding: 20px 17px 20px 15px; } 
#top-box #top-box-left #flash-box #map { position: relative; z-index: 1; left: 13px; width: 412px;  height: 248px; overflow: hidden; background-color: #000;  } 
#top-box #top-box-left #flash-box #flash { margin:2px 0 0 7px; }
#top-box #top-box-left #flash-box .overlay-top { display: block; position: relative; z-index: 20; bottom: -5px; left: 13px; }
#top-box #top-box-left #flash-box .overlay-bottom { display: block; position: relative; z-index: 20; top: -5px; left: 13px; }

#top-box #top-box-left #content-box { width: 440px; background: url(../images/left-box-creme-middle.gif) repeat-y; color: #003d7c;  }
#top-box #top-box-left #content-box a { color: #003d7c;  }
#top-box #top-box-left #content-box div { padding: 10px 17px 10px 15px; } 
#top-box #top-box-left #content-box div .title {margin: 0 0 5px 0; } 

#top-box #top-box-right { width:296px; float: right;  }
#top-box #top-box-right div { padding: 0 0 0 1px; }
#top-box #top-box-right #map { top: -5px; width: 284px;  height: 169px; border-left: 2px solid #fff; border-right: 3px solid #fff; } 
#top-box #top-box-right .overlay-top { display: block; position: relative; z-index: 20;  }
#top-box #top-box-right .overlay-bottom { display: block; position: relative; z-index: 20; top: -10px; }

#top-box #top-box-right-bg1 { width:296px; float: right; background: url(../images/right-box-creme-middle.gif) repeat-y; color: #7DA137; }
#top-box #top-box-right-bg1 div { padding: 0 15px 10px 12px; }
#top-box #top-box-right-bg1 div.center { padding: 0;  margin: 0 0 0 -2px; text-align: center; }
#top-box #top-box-right-bg1 hr { margin: 20px 0 15px 0; }
#top-box #top-box-right-bg1 h3 { color: #74923f; }
#top-box #top-box-right-bg1 h3 a { color: #003d7c; }
#top-box #top-box-right-bg1 .aprbig { margin-left: -4px; font-size: 1.1em; font-weight: bold; color: #003d7c; }
#top-box #top-box-right-bg1 .aprsub { margin-left: -2px; font-weight: bold; color: #003d7c; }
#top-box #top-box-right-bg1 .but-align-text { position: relative; top: 5px; } 

#top-box-split { margin: 0 18px; padding: 0 13px 0 16px; background: url(../images/top-box-grey-split-middle.gif) repeat-y; color: #003d7c; }
#top-box-split .content { padding: 10px 15px; background: url(../images/split-box-creme-middle.gif) repeat-y; }
#top-box-split #top-box-left { width:364px; float: left; }
#top-box-split #top-box-right { width:364px; float: right; }
#top-box-split .offer-container { margin: 0 0 10px 0; }
#top-box-split .offer-container div { width:180px; float:left; }

#full-bottom-box { margin: 0 18px; padding: 0 16px 0 17px; background: url(../images/bottom-box-green-full-middle.gif) repeat-y; }
#full-bottom-box #full-bottom-content-box { padding: 10px 52px 10px 50px; background: url(../images/full-box-grn-crm-middle.gif) repeat-y; color: #003d7c;}

#bottom-box { margin: 0 18px; padding: 0 14px 0 14px; background: url(../images/bottom-box-green-middle.gif) repeat-y; }

#bottom-box-split { margin: 0 18px; padding: 0 13px 0 16px; background: url(../images/bottom-box-green-split-middle.gif) repeat-y; }
#bottom-box-split .content { padding: 10px 15px; background: url(../images/split-box-grn-crm-middle.gif) repeat-y; }
#bottom-box-split #bottom-box-left { width:364px; float: left; }
#bottom-box-split #bottom-box-right { width:364px; float: right; }
#bottom-box-split .project-container { margin: 0 0 10px 0; }
#bottom-box-split .project-container h4 { font-size: 1.5em; margin: 0; color: #74923f; }
#bottom-box-split .project-container p { width: 200px; margin: 0 0 10px 0; color: #003d7c; }

#bottom-box-grn-grn-left { width: 440px; float: left; background: url(../images/left-box-grn-grn-middle.gif) repeat-y; color: #ffffff; }
#bottom-box-grn-grn-left div{ padding: 10px 17px 10px 15px; }
#bottom-box-grn-grn-left p { width: 270px; margin: 8px 0; } 

#bottom-box-grn-crm-left { width: 440px; float: left; background: url(../images/left-box-grn-crm-middle.gif) repeat-y; color: #003d7c; }
#bottom-box-grn-crm-left div{ padding: 10px 17px 10px 15px; }
#bottom-box-grn-crm-left p { margin: 0 0 10px 0; } 
#bottom-box-grn-crm-left p .block { margin: 15px 0 0 0; } 
#bottom-box-grn-crm-left .float-left{ margin: 0 5px 0 0; }
#bottom-box-grn-crm-left .offer-panel-description { float:right; width:130px; padding:0 0 10px 0; }

#bottom-box-right { width:296px; float: right;  }
#bottom-box-right div { padding: 0 0 0 1px; }

#bottom-box-grn-grn-right { width: 296px; float: right; background: url(../images/right-box-grn-grn-middle.gif) repeat-y; color: #7DA137; }
#bottom-box-grn-grn-right div{ padding: 10px 17px 10px 15px; }
#bottom-box-grn-grn-right p { height: 69px; margin: 10px 0; } 
#bottom-box-grn-grn-right a { margin: 0 8px 0 0; } 
#bottom-box-grn-grn-right .rssbox { padding:10px 0 10px 0; margin:0; }
#bottom-box-grn-grn-right .rssbox a{ color: #003d7c; }

#bottom-box-grn-crm-right { width: 296px; float: right; background: url(../images/right-box-grn-crm-middle.gif) repeat-y; color: #7DA137; }
#bottom-box-grn-crm-right div{ padding: 10px 17px 10px 15px; }