body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6a6a6a;
	background-image:url(../images_green/bg.jpg);
	background-position:top center;
	background-repeat: no-repeat;
	background-color:#ffffff;
	margin:0;
	padding:0;
}

#main-container{
	width:968px;
	margin: 0px auto 20px auto;
	display:block;
	}

h1{
	font-size:24px;
	}
h1.white{
	color:#FFF;
	}
h2{
	font-size:18px;
	}
h2.white{
	color:#FFF;
	}
h2.black{
	color:#212121;
	}
h3{
	font-size:16px;
	}
h4{
	font-size:15px;
	}
h5{
	font-size:14px;
	}
h6{
	font-size:13px;
	}
small{
	font-size:11px;
	}
a{
	color:#76b911;
	text-decoration:none;
	}
a:hover{
	color:#000000;
	text-decoration: underline;
	}
.alignright{
	float:right;
	margin: 3px 0px 5px 10px;

	}
.alignleft{
	float:left;
	margin: 3px 10px 5px 0px;
	}

strong{
	font-weight:bold;
	}
i, em{
	font-style:italic;
}

p{
	padding-bottom:20px;
	line-height:20px;}

table{
	margin-bottom: 15px;
}	
table tr td{
	padding:5px;
	margin:0px;
	vertical-align:top;
}	
table tr td ul li{
	padding:0px;
	margin:0px;
	list-style-type:disc;
	list-style-position:inside
}	

#content ul, ol{
	position:relative;
	margin:10px 0px;
	}
#content ul li, ol li{
	padding:5px 0 0 5px;
	margin:0 0 0 30px;
	}
#content ul li{
	list-style-type:disc;
	}
#content ol li{
	list-style-type: decimal;
	}

#content table{
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
	}
#content table tr th{
	background-color:#5B5B5B;
	color:#FFF;
	padding:5px;
	text-align:center;
	border:1px #d6d6d6 solid;
	}	
#content table tr td{
	background-color:#FFFFFF;
	padding:5px;
	text-align:left;
	border:1px #d6d6d6 solid;
	}	


/********************************************************************************************** Header */
#top-header{
	display:block;
	position:relative;
	width:960px;
	height:40px;
	background-color:#FFFFFF;
	position:relative;
	left:4px;	
	}
#login{
	position:absolute;
	top:20px;
	right:4px;
	font-size:11px;
	padding:0px 0px 0px 15px;
	margin: 0px auto;
	display:block;
	background:left url('../images_green/login-mark.jpg') no-repeat;
	cursor:pointer;
	}
#header{
	position:relative;
	width:960px;
	height:79px;
	margin: 0px auto;
	display:block;
	background:url('../images/header/header-bg.jpg') repeat-x;
	}
#logo {
	width:140px;
	height:119px;
	display:block;
	background:url('../images_green/header/logo.gif') no-repeat;
	float:left;
	position:absolute;
	top:-40px;	
	}
#main-menu{
	width:810px;
	height:79px;
	padding:0px 10px 0px 0px;
	display:block;
	background:top right url('../images/header/leftcorner-bg.jpg') no-repeat;
	float:right;
	}
#main-menu li{
	display:inline;}
/********************************************************************************************** Menu */
#main-menu li.page_item a{
	display:block;
	float:right;
	height:26px;
	padding: 2px 16px 0 16px;
	margin:31px 5px 0px 0px;
	font-size:16px;
	}
#main-menu li.current_page_item a,#main-menu li.current_page_item a:hover,#main-menu li.page_item a:hover, #main-menu li.current_page_parent a:hover{
	display:block;
	float:right;
	height:24px;
	color:#FFF;
	padding: 2px 15px 0 15px;
	font-size:16px;
	margin:31px 5px 0px 0px;
	background:top left repeat-x url('../images_green/menu_bt_bg.jpg') ;
	border:1px #ace536 solid;
	text-decoration:none;
	}

/********************************************************************************************** Banner */
#banner{
	position:relative;
	width:873px;
	padding:0px 47px 0px 48px;
	height:293px;
	margin: 0px auto;
	display:block;
	background:url('../images_green/banner/banner-bg.jpg') center top no-repeat;
	
	}
#banner .big{
	font-size:28px;
	color:#FFF;
	padding-bottom:15px;
	display:block;
	} 


.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 874px; /*Width of Carousel Viewer itself*/
	height: 293px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px; /*margin around each panel*/
	width: 874px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}	
	
div#mySlides .description{
	position:relative;
	font-size:16px;
	color:#2f4b0d;
	padding:20px 0px 0px 0px;
	width:495px;
	height:273px;
	float:left;
}
div#mySlides .description .readmore-bt{
	position:absolute;
	bottom:15px;
	right:0px;
	display:block;
	width:136px;
	height:33px;
	background:url('../images_green/banner/banner-bt.jpg') bottom no-repeat;
	}
div#mySlides .description .readmore-bt:hover{
	background:url('../images_green/banner/banner-bt-on.jpg') bottom no-repeat;
	}
	
div#mySlides{

}
div#mySlides .images{
	display:block;
	width:361px;
	height:261px;
	float:right;
	padding:31px 0px 0px 3px;
	background:url('../images_green/banner/banner-image-pad.jpg') bottom no-repeat;
}


#quote-bar{
	position:relative;
	width:890px;
	height:64px;
	margin: 0px auto;
	padding:20px 35px 0px 35px;
	display:block;
	background:url('../images/quote-bar/quote-bar-bg.jpg') repeat-x;
	font-size:28px;
	color:#FFF;
	}
#quote-button{
	position:absolute;
	display:block;
	right:35px;
	top:15px;
	width:188px;
	height:36px;
	background: url('../images/quote-bar/get-quote-off.jpg') no-repeat;
	color: #333;
	text-decoration:none;
	font-size:18px;
	text-align:center;
	padding:15px 0 0 0;
	}
#quote-button:hover{
	color:#FFF;
	}
	
/********************************************************************************************** Sub Menu  */
#submenu{
	width:930px;
	height:43px;
	margin: 0px auto;
	display:block;
	background: url('../images_green/supmenu-bg.jpg') no-repeat;
	text-align:right;
	padding:20px 30px 0 0;
	}
#submenu li{
	display:inline;
	}
#submenu li.current_page_item a,#submenu li a:hover,#submenu li.current-cat a{
	color:#457802;
}
#submenu li a{
	color:#000;
	text-decoration:none;
	margin-left:25px;
	}	

/********************************************************************************************** Tag Line */	
#tagline{
	width:960px;
	padding:25px 0px 20px 0px;
	margin: 0px auto;
	display:block;
	font-size:20px;
	color:#76b911;
	}
	
/********************************************************************************************** Content-container */
#content-container{
	width:908px;
	border:1px #eaeaea solid;
	background: top left url('../images/content-bg-corners.jpg') no-repeat #f4f4f4;
	margin:20px auto 0px auto;
	padding:0px 25px 0px 25px;

	}
#content-container-portfolio{
	width:933px;
	border:1px #eaeaea solid;
	background: top left url('../images/content-bg-corners.jpg') no-repeat #f4f4f4;
	margin:20px auto 0px auto;
	padding:0px 0px 0px 25px;
	}
#content-container-portfolio div#portfolio_description p{
	width:908px;
	display:block;
	clear:both;
	}
.navigation-portfolio{
	width:908px;
	display:block;
	clear:both;
	font-size:16px;
	border-top:1px #CCC solid;
	padding-top:10px;
	}

/********************************************************************************************** Content */
#content{
	display:block;
	width:563px;
	margin:25px 40px 25px 0px;
	float:left;
	}
#portfolio-content{
	display:block;
	width:933px;
	margin:0px 0px 0px 0px;
	float:left;
	}
#portfolio-content .project-box{
	display: inline;
	width:289px;
	float:left;
	margin-right:20px;
	margin-bottom:0px;
	}
#portfolio-content .project-box a img{
	/*ZZZZZ border:4px #CCC solid; */
	margin-bottom:0px;
	}
#portfolio-content .project-box a:hover img{
	/*border:4px #999 solid; */
	}
/* ---- Posts */
#content .post{
	display:block;
	padding-bottom:10px;
	margin-bottom:20px;
	background:bottom url('../images/headers-line.jpg') repeat-x;
	}
#content div.entry{
	padding-top:15px;
	}

#content div.entry .images img{
	float:left;
	margin: 3px 10px 5px 0px;
	}
	
#content .postmetadata{
	clear:both;
	display:block;
	width:563px;
	padding-top:15px;
	text-align:right;
	font-size:13px;
	}
.post_clear{
	display:block;
	width:563px;
	clear:both;
	}		
	
#all-news-bt{
	display:block;
	width:105px;
	height:25px;
	background: url('../images/news_bt_off.jpg') no-repeat;
	}
#all-news-bt:hover{
	background: url('../images/news_bt_on.jpg') no-repeat;
	}

#nav-previous{	
	display:block;
	float:left;
	width:105px;
	height:25px;
	background: url('../images/nav_previous_off.jpg') no-repeat;
	}
#nav-previous:hover{	
	background: url('../images/nav_previous_on.jpg') no-repeat;
	}
#nav-next{
	display:block;
	float:left;
	margin-left:10px;
	width:105px;
	height:25px;
	background: url('../images/nav_next_off.jpg') no-repeat;
	}
#nav-next:hover{
	background: url('../images/nav_next_on.jpg') no-repeat;
	}
/* ---- Services */
#content .service-wrap{
	display:block;
	padding-bottom:10px;
	margin-bottom:20px;
	background:bottom url('../images/headers-line.jpg') repeat-x;
	}
#content img.service-thum{
	display:block;
	width:563px;
	margin:10px 0px;
	clear:both;
	}
#content div.service-content{
	width:563px;
	display:block;
	}
#content .service-meta{
	clear:both;
	display:block;
	width:563px;
	padding-top:15px;
	text-align:right;
	font-size:11px;
	}


/********************************************************************************************** Single Post Comments */
textarea {
	width:538px;
	padding:10px;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
	}
	
ol.commentlist { list-style:none!important; margin:0; padding:0; text-indent:0; }
ol.commentlist li { height:1%; margin:0 0 10px; padding:5px 7px 5px 0px; position:relative; list-style-type:none!important;}
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {  }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#333; }
ol.commentlist li div.vcard img.avatar { border:5px solid #ddd; left:0px; top:7px; margin-right:10px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; left:60px; top:15px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#333; }
ol.commentlist li p { padding:5px 0px; }
ol.commentlist li ul { }
ol.commentlist li div.reply {}
ol.commentlist li div.reply:hover {}
ol.commentlist li div.reply a {}
ol.commentlist li ul.children {}
ol.commentlist li ul.children li {  }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li.depth-1 { border-bottom:1px #CCC solid; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { }
ol.commentlist li.odd { }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

#respond h3{
	font-size:24px;
	margin-bottom:15px;
	}


#commentForm { 
	width: 563px; 
	}
#commentForm label.error { 
	width: 250px; text-align:left;  color: #F00; font-size:12px;
	}
#commentForm label.error, #commentForm input.submit { 
	display:block; 
	}	
/********************************************************************************************** Contact Form */
span.red{
	color:#F00;}
.message{
	display:block;
	width:100%;
	padding:10px;
	background-color:#C5C5C5;
	border:1px #999 solid;
	text-align:center;
	font-size:16px;
	}	

.wpcf7 {
	margin:20px 0px;
	}

.wpcf7 input, .wpcf7 select, .wpcf7 textarea{
	width:330px;
	background-color:#E9E9E9;
	border:1px #C5C5C5 solid;
	padding:5px!important;
	margin-bottom:10px;
	}
.wpcf7 select{
	width:342px;
	background-color:#E9E9E9;
	}
.wpcf7 textarea{
	width:330px;
	height:200px;
	background-color:#E9E9E9;
	border:1px #C5C5C5 solid;
	padding:5px;
	}
form.wpcf7-form p.submit input{
	width:79px!important;
	height:25px!important;
	display:block!important;
	border:0px!important;
	padding:0px!important;
	background:top left url('../images/submit.jpg') no-repeat!important;
	cursor:pointer!important;
	}
.wpcf7 .submit:hover{
	background:top left url('../images/submit_on.jpg') no-repeat;
	}
span.wpcf7-not-valid-tip {
	position: absolute;
	top: 0px!important;
	left: 350px!important;
	z-index: 100;
	background-color: #ff0000!important;
	border: 1px solid #ff0000;
	color:#FFF;
	font-size: 9pt!important;
	width: 180px!important;
	padding: 2px;
}
/********************************************************************************************** Side-bar */
#side-bar{
	display:block;
	width:290px;
	margin:25px 0px 25px 15px;
	float:right;
	}
#side-bar .extras{
	margin-bottom:25px;
	display:block;
	clear:both;
	}
#side-bar h2{
	padding-bottom:10px;
	margin-bottom:10px;
	background:bottom url('../images/headers-line.jpg') repeat-x;
	}
#side-bar #testimonial-text-block{
	display:block;
	width:260px;
	color:#FFF;
	font-size:12px;
	line-height:15px;
	padding:10px;
	border:5px #76b911 solid;
	background-color:#89c333;
	margin-top:25px;
	}		
#side-bar #testimonial-text-block h2{
	padding-bottom:0px;
	margin-bottom:0px;
	background: none;
	}
#side-bar #testimonial-bottom{
	display:block;
	padding:2px 0 0 0;
	width:280px;
	height:20px;
	background:top right url('../images_green/testimonial-mark.jpg') no-repeat;
	}
	
#side-bar #quote-block{
	display:block;
	width:260px;
	color:#f4f4f4;
	font-size:18px;
	line-height:22px;
	padding:10px;
	border:5px #ababab solid;
	background-color:#141414;
	}
#side-bar #quote-block a:hover{
	color:#FFF;	
	}	
.clear{
	width:908px;
	height:1px;
	display:block;
	clear:both;
	}
/* Twitter */
.twitter-timestamp{
	display:block;
	clear:both;
	padding-top:5px;
	font-style:italic;
	font-size:11px;
	text-align:right;
	}
/********************************************************************************************** Bottom-container */
#bottom-container{
	width:960px;
	padding:20px 0px 25px 0px;
	margin: 10px auto 0px auto;
	display:block;
	color:#f4f4f4;
	background: top center url('../images/bottom-content-bg.jpg') no-repeat #aaaaaa;
	}
.link-block{
	position:relative;
	display:block;
	float:left;
	width:165px;
	margin:0px 0px 0px 20px;
	}
.link-block a{
	color:#f4f4f4;
	}
#clear-bottom{
	display:block;
	clear:both;
	width:960px;
	height:1px;
	}
/********************************************************************************************** Footer */

#footer-container{
	position:relative;
	width:960px;
	height:73px;
	margin: 10px auto 0px auto;
	display:block;
	color:#7b7b7b;
	background: url('../images/footer-bg.jpg') no-repeat;
	}
#copyright{
	height:73px;
	margin: 0 0 0 20px;
	padding:27px 0 0 0;
	display:block;
	font-size:12px;
	}
#footer-menu{
	position:absolute;
	display:block;
	right:15px;
	top:20px;
	width:700px;
	height:20px;
	}
#footer-menu li{
	display:inline;
	}
#footer-menu a{
	display:block;
	padding:5px 10px;
	float:right;
	color:#7b7b7b;
	font-size:14px;
	text-decoration:none;
	}
#footer-menu a:hover{
	color:#000;	
	}
