/*
::Table Of Content

1.) Home Page Content
2.) Service Page Content
3.) Toggle Menu Content

-----------------------------------------------*/

/*-----------------------------------------------
1.) Home Page Content
-----------------------------------------------*/
#navi {
	background-color:#75c63a;
	height: 38px;
	width:960px;
	padding-left:20px;
}
#main { }
#main h1 {
	font-size:2.5em;
	color:#666;
	text-align:left;
}
#main p {
	text-align:left;
}

header{ float: left; width: 100%; padding-bottom: 5px;  }
.logo{ float: left; margin: 28px 0 0 5px; width: 29%; }
.logo img{ vertical-align: top}
nav {display:none;}
/* nav{ float: left; width:50% }
nav .row{ float:left; width:100%; background:#2b6039; display:none;}
nav li{ float: left; padding: 0 1.9%}
nav li.last{ padding-right: 0}
nav li a{ float: left; width:68px; height: 77px; padding:68px 7px 0 1px; font-size: 1.2em; color: #77a081; text-align: center; text-transform: uppercase; }
nav li a:hover{ background: url(../images/stip.png) no-repeat 0 0; color: #fff } 
nav li.active a{ background: url(../images/stip.png) no-repeat 0 0; color: #fff;  }
 charlie add 
nav li.last2{ background: url(../images/stip.png) no-repeat 0 0; color: #fff; padding-right:0} */

.right_header{ float: right; width: 17.2%; padding: 29px 2% 0 ; font-family: times new roman, Georgia ,serif; }
.right_header .num{ display: block; text-decoration:none; font-size: 2.4em; line-height:1.5; color: #000; font-weight: normal }
.right_header span{ display: block; text-align: center; padding-top: 14px}
.right_header span a{ font-size: 2.5em; color:#000; text-decoration:underline; font-style: italic }
.right_header span a:hover{ text-decoration: none;}
.right_header span a:active{ color:#000; text-decoration: none;}


#body_contianer{ float: left; width:100%; }

#slider_container{ float: left; width:100%; border:1px solid #427c51; background: #75c63a; border-radius: 10px; padding: 1.5%; position: relative; margin-bottom: 39px; behavior:url(PIE.htc); 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#slider_container .slide{float: left; width: 100% }
#slider_container .slide img{ float: left; width: 100%;}
#slider_container .pagging{ position: absolute; left:0; bottom:-82px; width: 100%; height: 81px; background: url(../images/shadow.png) no-repeat top center; text-align: center; background-size: 100% 100%  }


.flex-control-nav { display:block; width:100%; background: url(../images/pagging_bg.png) no-repeat bottom center; padding: 7px 0 7px 0; text-align:center; position: absolute; left: 0; bottom: -30px; }
.flex-control-nav li{ display: inline-block; padding-right: 10px; }
.flex-control-nav li.last{ padding-right: 0}
.flex-control-nav li a{ display: inline-block; width: 14px; height: 14px; background: url(../images/pagging.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer }
.flex-control-nav li a:hover{ background-position:100% bottom}
.flex-control-nav li a.flex-active{background-position:100% bottom }

.flex-direction-nav{ display: none}

.flex-viewport {overflow:hidden;}

.featured_container{ float: left; width: 80%; padding-bottom: 125px; padding-left:10%; padding-right:10%}
.featured_container h1{ color:#333; padding-bottom: 26px; font-weight:bold; }
.featured_container h2{ padding-bottom: 26px }
.featured_container .common_box{ float: left; width: 31.9%; margin-right: 2.15%; font-size: 1.4em; line-height:1.42; color: #75c63a; text-transform: uppercase; font-size:16px; font-weight:bold; }
.featured_container .common_box.last{ margin-right: 0}
.common_box .frame{ float: left; width:100%; border:1px solid #75c63a; background: #75c63a; border-radius: 10px; padding: 3%; margin-bottom: 15px; box-shadow: 5px 5px 10px #0e2a16; behavior:url(PIE.htc) ; position:relative ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.common_box .frame img{ float: left; width: 100%}
.common_box small{ color:#666; text-transform: none; font-size:12px; font-weight: 500;}


footer{ float: left; width: 100%; background: url(../images/lyellow_bg.png) repeat 0 0;}
.services{ float: left; width: 67.5%; padding: 25px 0 0 0}
.services h3{ font-size: 2.0em; color: #93a698; text-decoration: underline; padding-bottom:15px;  text-transform: uppercase; font-weight: normal; }
.services .list{ float: left; width: 50%; *width: 49.8% }
.services li{ background: url(../images/arrow.png) no-repeat 0 4px; padding-left: 30px  }
.services a{ font-size: 2.0em; line-height:1.5 ; color: #93a698;} 
.services a:hover{ text-decoration: underline}

.testimonial{ float: left; width: 30.2%; background: #f1f0db; border-radius:10px; margin-top:-62px; box-shadow: 3px 3px 6px #15341d; font-style: italic; behavior:url(PIE.htc) ; position:relative ; }
.testimonial h5{ font-size: 30px; color: #93a698; text-align: center;   padding: 5px 0 19px 0; font-weight: bold }
.testimonial article{ padding: 0 5.5% 35px 14.5%; position: relative; font-size: 1.6em; line-height:1.25; color: #93a698; }
.testimonial article .left_coma{ position: absolute; left: 5.2%; top: 0; width: 20px; height: 15px; background: url(../images/quote.png) no-repeat 0 0; }
.testimonial article .right_coma{ position: absolute; right: 4.5%; bottom: 35px; width: 20px; height: 15px; background: url(../images/quote.png) no-repeat -20px 0; }


.site_info{ float: left; width: 100%; border-top: 1px solid #c0c0c0; padding: 18px 0 35px 0; margin: 8px 0 0 0 }
.site_info .social_info{ float: left;}
.site_info .social_info li{ float:left; padding: 0 5px 0 0}
.site_info .social_info a{ float: left; width: 16px; height: 16px; background: url(../images/social_icon.png) no-repeat 0 0}
.site_info .social_info .youtube{ background-position: 0 0 }
.site_info .social_info .youtube:hover{ background-position: left bottom }
.site_info .social_info .rss{ background-position: -21px 0 }
.site_info .social_info .rss:hover{ background-position: -21px -16px }
.site_info .social_info .twitter{ background-position: -42px 0 }
.site_info .social_info .twitter:hover{ background-position: -42px -16px }
.site_info .social_info .facebook{ background-position: -63px 0 }
.site_info .social_info .facebook:hover{ background-position: -63px -16px }

.site_info .info{ float: right; width: auto}
.site_info .info li{ float: left; font-size: 1.1em; color: #607766; background: url(../images/sep_1.jpg) no-repeat right center; padding:0 12px 0 10px; text-transform: uppercase }
.site_info .info li a{ color: #607766}
.site_info .info li a:hover{ text-decoration: underline }
.site_info .info li.last{ background: none}

/*-----------------------------------------------
2.) Service Page Content
-----------------------------------------------*/
/*.body_content{ float: left; width: 100%; background: url(../images/lyellow_bg.png) repeat 0 0; padding: 45px 0 80px 0} */
.body_content{ float: left; width: 100%; padding: 0px 0 80px 0}
.left_body{ float: left; width: 22.5%; padding-right:3%  }
.left_body p{ padding-bottom: 20px}
.main_service{ float: left; width: 100%; padding-bottom: 39px}
.main_service li{ background: url(../images/arrow_1.png) no-repeat 0 3px; padding:0 0 19px 18px;  }
.main_service li a{ font-size: 1.2em; color: #607766; text-transform: uppercase}
/*6.29*/
.right_body{ float: left; width: 74.5%;  }
.overview_box{ float: left; width: 100%; }
.overview_box li{ float: left; width: 41.85%; padding: 0 6.29% 10px 0}
.overview_box li .img_box{ float: left; width:100%; margin-bottom: 26px;  }
.overview_box li .img_box img{ float: left; width: 100%}
.overview_box li h5{ font-size: 12px; line-height: 20px; color: #606060; text-transform: uppercase}


	.overview_box ul {padding-left: 10px; }
	.overview_box ul li{ float: left; width: 100%; padding: 5px; 6.29% 10px 0; font-family:Verdana, Geneva, sans-serif; font-size:10px; list-style-image: url(../../images/leafli3.gif); font-size:14px; }
.overview_box h4 {
	padding-top:20px;
	font-size:16px;
	font-weight:bold; }
	
	.overview_box .side1{
		width:300px;
	}
	.overview_box .side2{
		margin-left:300px;
		vertical-align: text-top;
		position:relative;
		width:300px;
	}
	.overview_box .side2 ul {padding-left: 10px; }
	.overview_box .side2 ul li{ float: left; width: 100%; padding: 5px; 6.29% 10px 0; font-family:Verdana, Geneva, sans-serif; font-size:10px; list-style-image: url(../../images/leafli3.gif); font-size:14px; }
	.overview_box a {
		text-decoration:underline;
		color:#0C0;
	}
	.overview_box a:hover {
		color:#06C;
	}
	.overview_box a:visited {
		text-decoration:underline;
		color:#0C0;
	}
	.overview_box h1,h2 {
		padding-bottom:10px;
	}
	.overview_box .side {
		margin-left:300px;
		
			width:300px;
			position:absolute;
	}
		
/*-----------------------------------------------
3.) Toggle Menu Content
-----------------------------------------------*/
.toggleMenu{ float:right; width:16px; height:15px; margin:10px 5%; padding:2%; background:url(../images/toggle_bg.png) no-repeat center center #13381d; border-radius:5px; behavior:url(PIE.htc) ; position:relative ;}
.toggleMenu:hover{ background:url(../images/toggle_bg_hover.png) no-repeat center center #fff}

/* charlie 


*/
.flex-caption {
	position: absolute;
	left: 501px;
	right: 50;
	bottom: 20px;
	background: rgba(0, 0, 0,0.6);
	z-index: 1;
	padding: 10px;
	width: 372px;
	height: 104px;
	font-size:19px;
	color:#FFF

 }