/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,300,400,600,700);

/* Other CSS */
@import url(reset.css);
@import url(defaults.css);
@import url(superfish.css);

/* Layouts */
.chromeframe{
position:absolute;
width:100%;
height:100%;
z-index:999999;
text-align:center;
background:#ffffff;
margin:0.2em 0;
color:#333333;
padding:0.2em 0;
overflow:hidden;
}
.chromeframe p{line-height:150%;}
html, body{}

html{;
}
body {
font-family: 'Open Sans',Arial sans-serif;;
background: url(../images/footer-bg.png) bottom center repeat-x #ffffff;
behavior: url(PIE.htc);
color: #000000;
height:100%
}

/* Header */
			
		header{
		background: url(../images/top-bg.png) center top repeat-x #ffffff;
		padding-top:7px;
		min-width:1054px;
		display:block;
		}
		
		header span{
		font: 300 0.80em 'Open Sans',Arial, sans-serif;
		width:300px;
		display:block;
		float:right;
		text-align:right;
		line-height:170%;
		}
		
		header .email{
		background: url(../images/email-icon.png) left center no-repeat;
		padding-left:22px;
		}
		
		header .mobile{
		background: url(../images/mobile-icon.png) left center no-repeat;
		padding-left:20px;
		}
		
		header .facebook{
		background: url(../images/facebook-icon.png) center no-repeat #c7c7c7;
		width:30px;
		height:30px;
		display:inline-block;
		margin-top:5px;	
		margin-left:5px;
		-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;	
		}
		
		header .twitter{
		background: url(../images/twitter-icon.png) center no-repeat #c7c7c7;
		width:30px;
		height:30px;
		display:inline-block;
		margin-top:5px;	
		margin-left:5px;	
		-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
		}
		
		header .googleplus{
		background: url(../images/googleplus-icon.png) center no-repeat #c7c7c7;
		width:30px;
		height:30px;
		display:inline-block;
		margin-top:5px;
		margin-left:5px;	
		-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
		}	
		
		header .pinterest{
		background: url(../images/pinteresr_icon.png) center no-repeat #c7c7c7;
		width:30px;
		height:30px;
		display:inline-block;
		margin-top:5px;
		margin-left:5px;	
		-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
		}	
		
				header .googleplus:hover{
		background: url(../images/googleplus-icon.png) center no-repeat #00963f;	
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
		}
		
						header .twitter:hover{
		background: url(../images/twitter-icon.png) center no-repeat #00963f;	
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
		}
		
						header .facebook:hover{
		background: url(../images/facebook-icon.png) center no-repeat #00963f;	
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
		}
		
		header .pinterest:hover{
		background: url(../images/pinteresr_icon.png) center no-repeat #00963f;	
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
		}
		
/* Menu */

/*#home #homenav{
color:#ffffff;
background: url(../images/home-icon.png) top no-repeat #00963f;
}*/

#home #homenav, #about #compnav, #products #prdnav, #quality #qltnav, #career #carnav, #client #clientnav, #testimonials #ttmnav, #contact #contactnav {
color:#ffffff;
height:60px;
background:#00963f;
}

.home{
width:61px;
background: url(../images/home-icon.png) top no-repeat #5b5e65;
height:60px;
display:block;
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.home:hover{
width:61px;
background: url(../images/home-icon.png) top no-repeat #00963f;
height:60px;
display:block;
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.menupad{
padding:20px 30px;
}

nav{
width:1054px;
height:80px;
background: url(../images/menu-shadow.png) bottom center no-repeat;
margin:20px auto 0px auto;
display:block;
}

.menu{
width:1000px;
margin:5px auto;
height:60px;
background: #76787e;
}

.menu li{
text-align:center;
color:#ffffff;
font: 400 0.80em 'Open Sans',Arial, sans-serif;
text-transform:uppercase;
float:left;
margin:0px 1px;
line-height:60px;
}

.menu li a{
color:#ffffff;
text-decoration:none;
height:60px;
}

.menupad:hover{
color:#ffffff;
height:60px;
background:#00963f;
}


.menu li:hover > ul,
.menu-panel li.sfHover > ul {
	display: block;
}


.menu ul ul {
	top: 0;
	left: 100%;
}



.menu li ul{
	
	position: absolute;
	display: none;
	z-index: 9999;
	background: #76787e;
	padding:0 5px;

}

.menu li li ul{
	
	position: absolute;
	display: none;
	z-index: 9999;
	background:#76787e ;
	padding:0 5px;
	margin-left:1px;

}

.menu li li{
margin:-5px;
text-align:left;
display:block;
line-height:150%;
font: 300 1.00em 'Open Sans',Arial, sans-serif;
text-transform:none;
}


.menu li li a{
padding:3px 6px;
display:block;
color:#ffffff;
margin:5px 0 5px 5px;
height:20px;
line-height:150%;
-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.menu li li .withsub{
color:#ffffff;
background: url(../images/sub-arrow.png) center right no-repeat;
-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.menu li li .withsub:hover{
color:#cccccc;
background: url(../images/sub-arrow.png) center right no-repeat;
-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.menu li li a:hover{
color:#cccccc;
background: none;
-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.menu li li li a:hover{
color:#cccccc;
background: none;
-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.inner-menu{
background:#00963f;
}

.sub-menu div{
display:none;
}

.sub-menu div a{
display:block;
font: 300 0.80em 'Open Sans',Arial, sans-serif;
background :url(../images/sub-arrow-hover.png) center left no-repeat;
color:#ffffff;
padding:2px 10px;
margin-left:11px;
}


/* Contents */
section{
width:1054px;
min-height:500px;
margin:0px auto 186px auto;
display:block;
}

section .welcome{
width:958px;
display:block;
padding:20px;
border:1px dotted #c7c7c7;
background:#f5f5f5;
text-align:center;
}

section h1{
line-height:250%;
font: 300 1.438em 'Open Sans',Arial, sans-serif;
color:#000000;
}

section h2{
line-height:250%;
font: 300 1.438em 'Open Sans',Arial, sans-serif;
color:#ffffff;
text-align:center;
padding:58px 20px 58px 15px;
}

section h3{
line-height:250%;
font: 300 0.875em 'Open Sans',Arial, sans-serif;
color:#000000;
}

section h4{
line-height:250%;
font: 500 1.250em 'Open Sans',Arial, sans-serif;
color:#000000;
text-align:left;
padding:25px 0px;
}

section h5{
font: 300 0.875em 'Open Sans',Arial, sans-serif;
color:#ffffff;
text-align:left;
padding:5px 15px;
}

section h5 a{
color:#ffffff;
text-decoration:none;
}

section h5 a:hover{
color:#cccccc;
text-decoration:none;
}

section p{
font: 300 0.80em 'Open Sans',Arial, sans-serif;
color:#666666;
}

section .readmore{
padding:5px 0px;
font: 300 0.750em 'Open Sans',Arial, sans-serif;
color:#00963f;
display:block;
text-align:left;
text-decoration:none;
line-height:150%;
}

section .home-products li{
display:inline-block;
margin-right:-4px;
width:236px;
}


section .home-products li img{
display:block;
margin-bottom:10px;
}

section .testimonials-home li{
display:none;
margin-bottom:5px;
width:550px;
height:85px;
background:#e7e7e7;
}

section .hm-message {
padding:10px 30px;
width:361px;
height:155px;
display:block;
background:#f5f5f5;
}

section .hm-message .md-pic{
position:absolute;
vertical-align:top;
margin-left:-20px;
width:500px;
}

section .hm-message .arrows{
position:absolute;
margin-top:27px;
margin-left:308px;
width:62px;
height:30px;
}


.right-arrow{
background:url(../images/right-arrow-mini.png) center no-repeat;
width:30px;
height:30px;
margin-left:1px;
display:block;
float:left;
}

.left-arrow{
background:url(../images/left-arrow-mini.png) center no-repeat;
width:30px;
height:30px;
margin-left:1px;
display:block;
float:left;
}


table{
margin:10px auto;
}

table{
margin:40px auto 0px;
font: 300 0.80em 'Open Sans',Arial, sans-serif;
color:#666666;
background:#ffffff;
border:1px solid #cccccc;
border-collapse:separate;
border-spacing:1px;
}

table td{
padding:2px;
border:1px solid #cccccc;
vertical-align:bottom;
text-align:center;
}

table td.top{
padding:5px;
vertical-align:bottom;
text-align:center;
background:#9ec866;
color:#ffffff;
border:1px solid #9ec866;
}


/* Website Spl */
.left-mgn19{margin-left:19px;}
.color16{color:#00963f;}
.md-label{

padding:2px 0;
display:block;
margin-top:5px;
margin-left:90px;
}
.width153{width:153px}
.width847{width:847px}
.height155{height:155px}
.bg-label{background:#76787e;}
.pad44{padding:0px 44px}
/* Footer */		
			
		footer {
			display: block;
			min-width: 1054px;
			padding:50px 0px;
			line-height:20px;
			text-align: center;
			color: #ffffff;
			font: 600 0.80em 'Open Sans',Arial, sans-serif;
		}
		
		footer span{
			display: block;
		}


/* career */

input[type='text']{
border:1px solid #00963f;
color:#616163;
font: 300 0.90em 'Open Sans',Arial, sans-serif;
text-align:left;
width:210px;
padding:2px;
behavior: url(PIE.htc);
}

input[type='file']{
border:1px solid #00963f;
margin:10px 10px;
color:#616163;
font: 300 0.90em 'Open Sans',Arial, sans-serif;
text-align:left;
width:210px;
padding:2px;
behavior: url(PIE.htc);
}

input[type='submit']{
color:#ffffff;
font: 300 0.90em 'Open Sans',Arial, sans-serif;
text-align:center;
min-width:80px;
padding:0px 10px 3px 10px;
height:32px;
background:#00963f;
border:1px solid #00963f;
behavior: url(PIE.htc);
cursor:pointer;
-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input[type='reset']{
color:#ffffff;
font: 300 0.90em 'Open Sans',Arial, sans-serif;
text-align:center;
min-width:80px;
padding:0px 10px 3px 10px;
height:32px;
background:#00963f;
border:1px solid #00963f;
behavior: url(PIE.htc);
cursor:pointer;
-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

textarea{
border:1px solid #00963f;
color:#616163;
font: 300 0.90em 'Open Sans',Arial, sans-serif;
text-align:left;
width:210px;
padding:2px;
behavior: url(PIE.htc);
}

input[type='submit']:hover{
background:#76787e;
border:1px solid #76787e;
-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input[type='reset']:hover{
background:#76787e;
border:1px solid #76787e;
-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.contact 

/*product*/

.prd-table{
margin:40px auto 0px;
font: 300 0.80em 'Open Sans',Arial, sans-serif;
color:#666666;
background:#ffffff;
border:1px solid #cccccc;
border-collapse:separate;
border-spacing:1px;
}

.prd-table td{
padding:2px;
border:1px solid #cccccc;
vertical-align:top;
text-align:justify;
}



/* 4 type */

.fort{
font: 300 0.875em 'Open Sans',Arial, sans-serif;
color:#ffffff;
text-align:left;
padding:5px 15px;
}

.info{
background:url(../images/sub-arrow.png) left no-repeat;
padding-left:15px;
margin-top:10px;
margin-left:10px;
}

.tab-head{
cursor:pointer;
}

.tab-body{
display:none;
}


.proimg {
    background-color: #FFFFFF;
    border: 1px solid #00963f;
    float: left;
    margin-right: 25px;
	margin-top:15px;
	margin-left:15px;
    padding: 8px;
    width: 200px;
}

.proimg1 {
    background-color: #FFFFFF;
    border: 1px solid #00963f;
    float: left;
    margin-right: 25px;
	margin-top:15px;
	margin-left:15px;
    padding: 8px;
    width: 350px;
}

.list1{
margin:10px;
}

.list1 li{
	font: 500 1.250em 'Open Sans',Arial, sans-serif;
	color:#666666;
	line-height:150%;
	margin-bottom:10px;
	text-align:justify;
	padding-left:15px;
	margin-left:5px;
	background:url(../images/bullet01.png) left 6px no-repeat;
}

.clogo{
margin:60px 0px 0px 10px;
display:block;
}

.clogo ul{
padding-bottom:5px;
padding-left:5px;
}

.clogo li{
display:inline-block;
margin-right:12px;
margin-bottom:50px;
vertical-align:bottom;
}

/*clogo1*/




.testimonial li{
margin-bottom:5px;
width:550px;
height:85px;
background:#e7e7e7;
}

.sec
{
font: 500 1.250em 'Open Sans',Arial, sans-serif;
	color:#666666;
	line-height:150%;
}

.sub-menu1 div{

}

.sub-menu1 div a{
display:block;
font: 300 0.80em 'Open Sans',Arial, sans-serif;
background :url(../images/sub-arrow-hover.png) center left no-repeat;
color:#ffffff;
padding:2px 10px;
margin-left:11px;
}

/* The >_<  End */