@charset "utf-8";
*{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
.clear { clear: both; }
.cf:after { content: "."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }
.cf { display:inline-block; }
* html .cf { height:1%; }
.cf { display:block; }
.al { float:left; }
.ar{ float:right; }
img { border: 0; vertical-align:top;}
a {text-decoration:none; color:#3eab34;}
a:hover {color:#000;}
p {padding-bottom:22px; text-align:justify; line-height:20px;}

h1 {font-size:25px; color:#065b00; padding:0 0 19px 0px; line-height:24px; font-family: 'open_sanslight'; font-weight:normal;}
h2 {font-size:20px; color:#065b00; padding:10px 0; line-height:24px; font-family: 'open_sansregular'; font-weight:normal;}

.products li a i, .inPro li a i, .inPro li p i, div#fancybox-content i { background:url(../images/mark.png) no-repeat center center; position:absolute; top:0; left:0; width:100%; height:100%; z-index:99;}

@font-face {
	font-family: 'Calibri';
	src: url('../fonts/calibri.eot');
	src: url('../fonts/calibri.eot?#iefix') format('embedded-opentype'),
    url('../fonts/calibri.woff') format('woff'),
    url('../fonts/calibri.ttf') format('truetype'),
    url('../fonts/calibri.svg#calibri') format('svg');
	font-weight: normal;
	font-style: normal;}

@font-face {
    font-family: 'neo_sansregular';
    src: url('../fonts/neo_sans-webfont.eot');
    src: url('../fonts/neo_sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neo_sans-webfont.woff') format('woff'),
         url('../fonts/neo_sans-webfont.ttf') format('truetype'),
         url('../fonts/neo_sans-webfont.svg#neo_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;}
	
@font-face {
font-family: 'open_sanslight';
src: url('../fonts/opensans-light_1-webfont.eot');
src: url('../fonts/opensans-light_1-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/opensans-light_1-webfont.woff') format('woff'),
	 url('../fonts/opensans-light_1-webfont.ttf') format('truetype'),
	 url('../fonts/opensans-light_1-webfont.svg#open_sanslight') format('svg');
font-weight: normal;
font-style: normal;}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular_0.eot');
    src: url('../fonts/opensans-regular_0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular_0.woff') format('woff'),
         url('../fonts/opensans-regular_0.ttf') format('truetype'),
         url('../fonts/opensans-regular_0.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;}


/* =Branding
--------------------------------------------------------------------------------------------------*/
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {font-size:13px; color:#555; width:100%; background:#fff url(../images/banner-bg.png) no-repeat center 100px; height:100%; font-family: 'neo_sansregular';}
@media (max-width : 1000px) {
body {background:#fff url(../images/banner-bg2.png) no-repeat -1px 100px;}
}
.wrapper { width:1000px; margin:0 auto;}

#header {height:130px; margin:0 auto; z-index:1; position:relative; background:url(../images/header-bg.jpg) no-repeat 225px 0;}
#logo {float:left; margin:20px 0 0 40px;}

.language {position:absolute; top:7px; right:235px;}
.call {position:absolute; top:9px; right:15px; font-size:16px; font-family: 'open_sansregular';}

.mainNav {background:url(../images/menuBg.png) no-repeat 0 0; float:right; width:650px; padding-left:6px; height:76px; margin:40px 0 0 0; font-family: 'Calibri';}
.mainNav li {float:left; position:relative; line-height:52px;}
.mainNav a { text-align:center; display:block; font-size:16px; padding:0 27px; color:#fff; text-shadow:1px 1px 1px #113d27;}
.mainNav a:hover, .mainNav > li:hover > a, .mainNav .active {color:#66ffa7;}

.mainNav li:hover .subNav {display:block;}
.mainNav .subNav {position:absolute; top:52px; left:0; width:220px; display:none; background-color:#2e6245; padding:5px 0px;}
.mainNav .subNav li {padding:0; line-height:16px; width:100%;}
.mainNav .subNav li a {text-align:left; color:#fff; font-size:16px; padding:6px 10px; border:0;}
.mainNav .subNav li a:hover, .mainNav .subNav li:hover {background-color:#193f2b;}

.mainNav .subNav .sabNavB {width:260px; background:#193f2b; position:absolute; top:0px; left:100%; -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px  5px 5px; border-radius:0 5px 5px 5px; padding:5px 0px; display:none;}
.mainNav .subNav li:hover .sabNavB {display:block;}
.mainNav .subNav .sabNavB li {width:100%;  background:none;}
.mainNav .subNav .sabNavB li a{text-align:left; color:#FFF; padding-left:10px; text-shadow:none;}
.mainNav .subNav .sabNavB li a:hover {color:#fff; background-color:#0e2c1c; text-shadow:none;}

.mainNav .active .subNav a {background:none; color:#FFF;  text-shadow:none;}
.mainNav .subNav .active a {color:#584500; background:url(../images/menu-hover.png) repeat-x 0 0; text-shadow:none;}
.mainNav .subNav .active .subNav a {background:none; color:#FFF;}

/* End Branding
--------------------------------------------------------------------------------------------------*/
.banner {width:999px; left:1px; height:261px; position:relative; z-index:0; overflow:hidden;}
.banner li{width:999px; height:261px; float:left;}

.topMar {padding-top:36px;}
.topMar .mak-seals {margin-top:22px;}
.topMar ul {width:702px; height:177px; position:relative; overflow:hidden;}
.topMar li {width:702px; height:177px; float:left;}
/* =Main Content
--------------------------------------------------------------------------------------------------*/
.container {padding-top:28px;}
.homepage {padding-top:0;}

.content {width:713px; float:left;}
	.proScroll {border-top:1px solid #bfcec7; padding-top: 13px; margin-top: 5px; width:713px !important; height:140px; position:relative; z-index:0; overflow:hidden;}
	.proScroll ul {position:relative; float:left;}
	.proScroll li {width:713px; float:left; height:140px;}

.sideBar {width:271px; float:right; padding-top:15px;} 
	.requestQuote {height:405px; background:url(../images/form-bg.png) no-repeat 0 0; text-align:center; margin-bottom:20px;}
	.requestQuote .form {padding-top:71px;}
	.requestQuote label {display:block; padding-bottom:7px; clear:both;}
	.securityCode {text-align:left; padding:0 0 0px 17px; margin-bottom:16px;}
	.securityCode img {padding:5px 13px 0 13px;}
	.securityCode .inputText {width:70px;}

	
.products {padding:0px 0 15px 0; float:left;}
	.products li {float:left; background:url(../images/item-shadow.png) no-repeat center bottom; padding-bottom:4px; margin-bottom:50px; margin:3px 8px 40px;}
	.products li img {border:1px solid #2b5d44;}
	.products li a, .products li p {background-color:#FFF; padding:5px; border:1px solid #2b5d44; display:block; position:relative;}
	.products .first {margin-left:0px;}
	.products li a:hover {background-color:#3b7a5a;}
	.products li img {width:220px;}
	.products span {position:absolute; bottom:-40px; left:0; width:100%; text-align:center; padding:10px 0; line-height:20px; color:#fff; font-size:15px; font-weight:bold; font-family: 'open_sanslight'; background-color:#3b7a5a;}
	.products a:hover span {color:#fff; background-color:#333;}


.conLeft {float:left; width:320px;}
.conRight {float:right; width:670px;}
.map1 {padding:45px 0 60px 0;}
.map2 {padding-bottom:30px;}

.ulList {padding:0 0 15px 15px;}
.ulList li {list-style-type:disc; list-style-position:inside; font-size:14px; line-height:22px;}
.ulList p {padding:0; margin:0;}	
/* =End Main Content
--------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------*/
#footer {background-color:#2b5d44; padding:13px 0; width:100%; color:#fff; text-align:center; margin-top:10px; position:relative; font-family:Arial, Helvetica, sans-serif;}
#footer ul {padding:5px 0 5px 0;}
#footer li {display:inline; padding:0 13px; line-height:18px;}
#footer li a {color:#fff; display:inline-block;}
#footer li:first-child  a{padding-left:0;}
#footer p a {color:#fff;}
#footer a:hover {color:#66ffa7;}
#footer p {padding-bottom:0; font-size:11px; line-height:14px; text-align:center;}
/* End Footer
--------------------------------------------------------------------------------------------------*/
.nivoSlider { POSITION: relative; }
.nivoSlider A.nivo-imageLink { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 6; LEFT: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 100%; BORDER-RIGHT-WIDTH: 0px }
.nivo-slice { DISPLAY: block; Z-INDEX: 5; POSITION: absolute; HEIGHT: 100% }
.nivo-box { DISPLAY: block; Z-INDEX: 5; POSITION: absolute }

/*********** Start All Form ************/
.radio {position:relative; top:2px; margin-right:5px;}
.checkbox {margin-right:10px;}
.inputText, .select, .textarea {font-family: 'neo_sansregular'; color:#3b434f; font-size:14px; background:#fff; border:1px solid #c4c4c4;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.inputText:focus, .select:focus, .textarea:focus {background:#f7f7f7; border:1px solid #797979;}
.inputText {height:18px; line-height:18px; padding:7px; width:225px;}
.select {height:26px; line-height:26px; padding:3px 3px 3px 5px;}
.select option {padding:5px;}
.textarea {line-height:18px; padding:5px; width:228px; height:74px; vertical-align:top;}
.button {background:#3b434f; margin-top: 16px; padding:7px 13px; border:1px solid #2a2c30; line-height:normal; font-size:14px; color:#fff; text-transform:uppercase; text-align:center; cursor:pointer; display:inline-block; overflow:visible; font-family:'neo_sansregular';
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.button:hover {background:#2b5d44; border:1px solid #2b5d44; color:#fff;}
/*********** End All Form ************/


.proList li {margin-bottom:50px;}
.proList li img {width:300px;}
.proList li a {padding:0; border:0;}


.pageNav {margin-top:-5px; padding-bottom:15px;}
.pageNav li {float:left; font-family:Arial, Helvetica, sans-serif; 
font-size:12px; color:#999; background:url(../images/page-arrow.png) no-repeat 0 center; padding-left:13px; padding-right:8px;}
.pageNav .noBg {background:none; padding-left:0;}
.pageNav li a {color:#333;}
.pageNav li a:hover {text-decoration:underline;}



.inPro {padding:0px 0 15px 0; float:left;}
	.inPro li {float:left; margin:0 13px 65px;}
	.inPro li img {border:1px solid #2b5d44; width:220px;}
	.inPro li a, .inPro li p {background-color:#FFF; display:block; position:relative; padding:0;}
	.inPro .first {margin-left:0px;}
	.inPro li a:hover {background-color:#3b7a5a;}
	.inPro span {position:absolute; bottom:-40px; left:0; width:100%; text-align:center; padding:10px 0; line-height:20px; color:#fff; font-size:15px; font-weight:bold; font-family: 'open_sanslight'; background-color:#3b7a5a;}
	.inPro a:hover span {color:#fff; background-color:#333;}

.bigPic img {width:auto !important;}
.bigPic li {margin-bottom:40px;}

.proDeta p {font-size:14px; line-height:22px;}
.proDeta h2 {padding-top:0;}

.tabNav {padding:0 0 20px 0;}
.tabNav li {float:left; text-align:center; padding:0 3px;}
.tabNav li a {display:block; color:#fff; padding:10px 27px; font-size:16px; background-color:#84ba9c;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.tabNav li a:hover, .tabNav li .active {background-color:#2e6245;}


.haf li {width:48%;}
.haf li img {width:100%;}

.backBut {font-size:20px; margin:13px 0; display:block; float:right;}

.textCenter {text-align: center;}