@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,700);
@import url(//fonts.googleapis.com/css?family=Karla);
/* ========================================= HTML 5 and basics */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div{display:block;position:relative;padding:0;margin:0;}.left {float:left;}.right {float:right;}.txtl{text-align:left;}.txtc{text-align:center;}.txtr{text-align:right;}.clear{clear:both;}img{border:0;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}.clearfix{min-height:0;display:block;}* html .clearfix{height:1%;}

/* ================================================= Text & Links */
body, td, div, select, textarea, input {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #4a4b4e;
}
a, div { outline: none; }
a {
	color:#26923c;
}
a:hover {
	color:#1d7830;
}
h1, h2, h3, h1 a, h2 a, h3 a, legend {
	color: #26923c;
	font-family: 'Roboto Slab', serif;
}
h1 {
    margin: 0 0 2px;
	font-size: 21px;
	font-weight: bold;
}
h1.home {
    margin: 0 0 3px;
	font-size: 16px;
	font-weight: bold;
}
.has-sidebar #rightcol h1 { font-size: 19px; }
h2 {
    margin: 0 0 4px;
    font-size: 17px;
    color: #636464;
    font-weight: bold;
}
h2:hover {
	color:#26923c;
}
#rightcol h2 { font-size: 14px; color: #000; }
h3 {
    margin: 0 0 4px;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
p {margin:0 0 9px;line-height:1.5em;}
ul,ol{margin:0 0 1em 16px;padding: 0;}
ul li, ol li{line-height:1.3em;margin: 0 0 5px;padding: 0;}
li ol, li ul{margin-bottom:0;}
.little{font-size:.6em;}

.careers {
	color: #fff;
	font: bold 13px 'Roboto Slab', serif;
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: bold;
}
.col2 {
	width: 75%;
	float:left;
}
.col3 {
	width: 100%;
	float:left;
} 

/* =================================================== Page Content */
figure.right,figure.left{text-align:center;margin:0;padding:0;border:4px solid #9e9e9e;background:#fff;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
figure.right img,figure.left img { display: block; }
figure.right{margin:0 0 20px 20px;}
figure.left{margin:0 20px 20px 0;}
figcaption{padding:0;margin:5px 0 0 0;font-size:.85em;}
img.right{margin:0 0 20px 20px;}
img.left{margin:0 20px 20px 0;}
#leftcol aside, #rightcol aside{clear:both;padding:1px 20px 10px;}
hr{height:0;margin: 2em 0; border:none;border-top:1px dashed #ccc;}

/* ======================================================== Tables  */
.grid{width:100%;border-collapse:collapse;margin:1em 0;}
.grid th, .grid td{padding:10px 15px;}
.grid thead th, .grid tbody th{background:#eee;border:1px solid #ccc;border-bottom:3px solid #999;}
.grid tbody th{background:#eee;border:1px solid #ccc;border-right:2px solid #999;}
.grid td{border:1px dashed #ccc;border-bottom:1px solid #ddd;
	-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;
}
.grid tbody tr{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.grid tbody tr:hover{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}

/* ================================================= Page Structure */
body {
    margin: 0;
    padding: 0;
    text-align: left;
	background: #217b34; 
}
#pagewidth-holder {
    margin:0;
    padding:0;
    background: #fff url('../images/body-bg.png') repeat-x left top;
}
#pagewidth {
    margin:0 auto;
	width:980px;
}
#pagewidth:after {
    content: '';
    background: url('../images/header-bg.jpg') no-repeat center top;
    width: 1286px;
    height: 80px;
    display: block;
    position: absolute;
    top: 0;
    left: -142px;
}
#wrapper {
	clear:both;
	background: #fff;
}
#wrapper.has-sidebar {
	background: url('../images/wrapper-bg.png') right top repeat-y;
}
#maincol {
    z-index: 1;
	width: 930px;
	padding: 25px 25px 15px;
}
.has-sidebar #maincol {
    float: left;
	width: 662px;
}
.home #maincol {
    float: left;
	width: 722px;
	padding: 0;
}
#rightcol {
    float: right;
    z-index: 2;
    width: 208px;
    padding: 25px 30px 0;
}
.has-sidebar #rightcol:after {
    content: '';
    display: block;
    width: 270px;
    height: 27px;
    position: absolute;
    right: -1px;
    top: 0;
    background: url('../images/sidebar-bg.png') no-repeat left top;
} 
.home #rightcol {
    padding: 18px 25px 0;
    background: #fff;
}

/* ========================================================== Header */
header.heady {
    z-index: 3;
	height: 159px;
}
header.heady h1 {
    margin: 0;
    position: absolute;
	top: 41px;
	left: 23px;
}
header.heady a.pr-request {
    display: block;
    padding: 5px 15px 9px;
    color: #fff;
    font: bold 15px 'Roboto Slab', serif;
    text-shadow: 1px 1px 2px #727272;
    text-decoration: none;
    position: absolute;
	top: 0;
	right: 170px;
	background: #aaa9a9;
    -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;
    -moz-box-shadow: 0 0 4px #2a783a, inset 0 -3px 4px #7E7E7E; -webkit-box-shadow: 0 0 4px #2a783a, inset 0 -3px 4px #7E7E7E; box-shadow: 0 0 4px #2a783a, inset 0 -3px 4px #7E7E7E;
}

/* ========================================================== Content */
/* ================ Homepage */

h2.with-border {
    font-size: 19px;
    color: #26923c;
    position: relative;
}
h2.with-border:before {
    display: block;
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 14px;
    background: #b3b5b8;
}
h2.with-border span {
    background: #fff;
    padding-right: 15px;
    position: relative;
    z-index: 10;
}
.four-btn {
    width: 100%;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 5px 0;
}
.four-btn .btn {
    float: left;
    width: 160px; 
    height: 102px;
    border: 1px solid #d4d5d5;
    margin: 0 0 0 24px;
    background: #fff;
	-moz-box-shadow: 0 0 6px #e0e0e0; -webkit-box-shadow: 0 0 6px #e0e0e0; box-shadow: 0 0 6px #e0e0e0;
    /* -moz-box-shadow: inset 0 0 20px #f3f3f3, 0 0 3px #e0e0e0; -webkit-box-shadow: inset 0 0 20px #f3f3f3, 0 0 3px #e0e0e0; box-shadow: inset 0 0 20px #f3f3f3, 0 0 3px #e0e0e0; */
	background: linear-gradient(bottom, #d5d5d5 0%, #f4f4f4 40%, #fff 90%);
    background: -o-linear-gradient(bottom, #d5d5d5 0%, #f4f4f4 40%, #fff 90%);
    background: -moz-linear-gradient(bottom, #d5d5d5 0%, #f4f4f4 40%, #fff 90%);
    background: -webkit-linear-gradient(bottom, #d5d5d5 0%, #f4f4f4 40%, #fff 90%);
    background: -ms-linear-gradient(bottom, #d5d5d5 0%, #f4f4f4 40%, #fff 90%);
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #d5d5d5),
        color-stop(0.4, #f4f4f4),
        color-stop(0.9, #fff)
    )
}
.four-btn .btn:first-child {
    margin: 0;
}
.four-btn .btn:hover {
    border: 1px solid #6eca89;
	background: #26923c;
    background: linear-gradient(bottom, #207D32 20%, #26923B 50%, #46A258 90%);
    background: -o-linear-gradient(bottom, #207D32 20%, #26923B 50%, #46A258 90%);
    background: -moz-linear-gradient(bottom, #207D32 20%, #26923B 50%, #46A258 90%);
    background: -webkit-linear-gradient(bottom, #207D32 20%, #26923B 50%, #46A258 90%);
    background: -ms-linear-gradient(bottom, #207D32 20%, #26923B 50%, #46A258 90%);
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.2, #207D32),
        color-stop(0.5, #26923B),
        color-stop(0.9, #46A258)
    )
}
.four-btn a {
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font: bold 18px 'Roboto Slab', serif;
    color: #26923c;
    text-decoration: none;
    width: 160px;
    height: 102px;
}
.four-btn a:hover {
    color: #fff;
}
.new-products {
    width: 100%;
    overflow: hidden;
    margin: 10px 0 15px;
    padding-bottom:60px
}
.new-products a {
    display: block;
    float: left;
    margin: 0 0 0 25px;
    position: relative;
    text-decoration: none;
    text-align: center;
    width: 223px;
    height: 165px;
}
.new-products a img {
    display: block;
}
.new-products a strong {
    display: block;
    background: #fff;
    font: bold 12px 'Roboto Slab', serif;
    color: #26923c;
    text-transform: uppercase;
    padding: 10px 5px;
    width: 200px;
    margin: 0 5px;
    position: absolute;
    bottom: -58px;
    background:none;
    -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
}
.new-products a small {
    display: block;
    background: #fff;
    font: bold 12px 'Roboto Slab', serif;
    color: #26923c;
    padding: 10px 5px;
    width: 200px;
    margin: 0 5px;
    position: absolute;
    bottom: -58px;
    background:none;
    -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
}







.new-products a:first-child {
    margin: 0;
}

/* ==================== Products */

.products-list {
    width: 100%;
    margin: 20px 0;
    border-top: 2px solid #e1e2e2;
}
.products-list .item {
    width: 100%;
    overflow: hidden;
    padding: 10px 0 3px;
    min-height: 57px;
    border-bottom: 2px solid #e1e2e2; 
}
.products-list .item figure {
    width: 150px;
    float: left;
    text-align: center;
    display: table-cell;
    vertical-align: middle; 
}
.products-list .item .description {
    width: 480px;
    float: right; 
}
#rightcol .video-block {
    width: 100%;
    overflow: hidden;
    margin: 0 0 15px;
}

/* ========================================================== Footer */
#footer-holder {
    width: 100%;
    background: #26923c;
    background: linear-gradient(bottom, #227b34, #26923c);
    background: -o-linear-gradient(bottom, #227b34, #26923c);
    background: -moz-linear-gradient(bottom, #227b34, #26923c);
    background: -webkit-linear-gradient(bottom, #227b34, #26923c);
    background: -ms-linear-gradient(bottom, #227b34, #26923c); 
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #227b34),
        color-stop(1, #26923c)
    );
}
footer.footy {
    margin: 0 auto;
    width: 980px;
	padding: 15px 0;
	overflow: hidden;
}
footer.footy p {
	margin: 0;
	color: #d1d3d4;
	font: 12px/1.5em Arial, Helvetica, sans-serif;
}
footer.footy p#copy {
	width: 450px;
	float: right;
	text-align: right;
	font-size: 10px;
}
footer.footy a {
    color: #d1d3d4;
    text-decoration: underline;
}
footer.footy a:hover {
    text-decoration: none;
}
footer.footy p#copy a {
	font-size: 10px;
}
footer.footy .cols5 {
	width: 980px;
	float: left;
}
footer.footy .cols5 section {
	width: 146px;
	margin-left: 20px;
}
footer.footy .cols5 section:first-child {
	margin-left: 0;
}
footer.footy section h3 {
	color: #fff;
	font: bold 14px 'Roboto Slab', serif;
	letter-spacing:.1em;
}

/* ================================================ Horizontal Menu */
#hamburger { display: none; }
#hnav {clear:both;float:left;width:100%;margin:0;padding:0;position:absolute;
   	bottom:0;
}
#hnav ul {margin:0;padding:0;list-style:none;}
#hnav ul li {margin:0;padding:0;position:relative;float:left;}
#hnav ul li a {display:block;margin:0;
   	padding: 15px 12px;
   	font-size: 14px;
   	font-family: 'Roboto Slab', serif;
   	font-weight: normal;
   	line-height: 1em;
   	text-decoration: none;
   	color: #5c5d5f;
}
#hnav ul li a:hover, #hnav ul li:hover a {
   	color: #26923c;
}
/* Submenu items */
#hnav ul ul {position:absolute;opacity:0;left:-888em;top:100px;
	width: 210px;
	padding: 10px 0;
	background: #fff;
	-moz-border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px;
    -moz-box-shadow: inset 0 0 4px #d9dadc; -webkit-box-shadow: inset 0 0 4px #d9dadc; box-shadow: inset 0 0 4px #d9dadc;
}
#hnav ul ul li {clear:left;margin:0;padding:0;width:100%;}

#hnav ul ul li a, #hnav ul li:hover ul li a {
	font-size:15px;
	line-height:15px;
	font-family: 'Karla', sans-serif;
	font-weight: normal;
	color: #26923c; 
	padding: 9px 25px;
}
#hnav ul ul li a:hover,
#hnav ul li:hover ul li a:hover{ 
   	color: #5c5d5f;
}
#hnav ul li:hover ul{left:0;height:auto;opacity:1;
top: 44px; /* =(#hnav lineheight + #hnav ul li a top/bottom padding/margin) */ 
}


/* =========================================================== Forms */
form.lj fieldset {
border:1px solid #eee;  /* Fieldset Border */
margin:  0 0 1em 0;padding: 0 1em 1px;
}
form.lj input, 
form.lj select,
form.lj textarea {
color:#000;             /* Input Text Color */
display: block;
width: 96.5%;
background: #fff;
border: 2px solid #ccc; /* Input Border */
padding:.25em .5em;
font-weight:bold;
border-radius:5px;
}
form.lj input:focus, form.lj select:focus, form.lj textarea:focus{-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
form.lj .submit {
background:#eee;        /* Submit Colors */
color:#000;
border: 2px solid #ccc;
font-weight:bold;
display:inline;margin:0 2em 1em 0;width: auto;}
form.lj .submit.light{color:#ccc;font-weight:normal;}
form.lj legend {     /* color defined above with h3 */
background:#fff;font-size: 1.1em;font-weight:bold;}
form.lj .ammerspay{position:absolute;width:50px;top:0;left:-5000px;}
form.lj fieldset.radio{margin: 1em 0 1em 0;}
form.lj fieldset label.radio,form.lj fieldset.radio label{cursor:pointer;line-height:1.6em;}
form.lj fieldset.radio input,form.lj label.radio input {width:auto;float:left;margin-right:6px;border:none;background:none;}
form.lj fieldset.float label,form.lj fieldset label.float{display:inline; float:left;white-space: nowrap;margin-right: 15px;}
form.lj input.hidden {border:none;padding:0;display:inline;}
form.lj legend a {font-weight:normal;font-size:.9em;}
form.lj label{display: block;margin-bottom: 1em;}
form.lj label.f3{float:left;width:33.3%;}
form.lj label.f3 input{width:90%;}
form.lj label.f2{float:left;width:50%;}
form.lj label.f2 input{width:93%;}
form.lj .first{padding-top: 1em;}
form.lj select{width:auto;}
form table,form h2{margin-left:0;margin-right:0;}
form.lj p{margin:0 0 .25em 0;padding:0;}
form.lj {margin-top: 1em;margin-bottom:1em;}

/* ========================================================= Alerts */
h3.alert, h3.alertyes, h3.alertwarn{font-size:12px;line-height:16px;padding:5px 5px 5px 30px;color:#000;border: 2px solid #0c0;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;margin-top:.8em;margin-bottom:1.8em;background: #cfc;border-radius:5px;-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,.7);box-shadow:0 10px 5px -5px rgba(0,0,0,.3);position:relative;}
h3.alert{background: #fcc;border-color:#c00;}
h3.alertwarn{background: #ffc;border-color:#ff3;}
h3.alert:before, h3.alertyes:before, h3.alertwarn:before{content:'!';position:absolute;left:0px;top:0px;background:#c00;text-align:center;padding:0px 10px 0px 8px;color:#fff;height:100%;line-height:2em;}
h3.alertyes:before{content:'✓';background:#0c0;padding:0px 8px 0px 6px;}
h3.alertwarn:before{content:'i';background:#ff3;color:#000;}

/* =========================================================== Grids */
.cols2, .cols3, .cols4, .cols5, .cols6{clear:both;overflow:hidden;}.cols2 section,.cols3 section,.cols4 section,.cols5 section,.cols6 section{float:left;margin-left:2%;}.cols2 section:first-child, .cols3 section:first-child, .cols4 section:first-child, .cols5 section:first-child, .cols6 section:first-child{margin-left:0}.cols2 section{width:49%;}.cols3 section{width:32%;}.cols4 section{width:23.5%;}.cols5 section{width:18.4%;}.cols6 section{width:15%;}.cols3 .merge2{width:66%;}.cols4 .merge2{width:49%;}.cols5 .merge2{width:38.8%;}.cols6 .merge2{width:32%;}.cols4 .merge3{width:74.5%;}.cols5 .merge3{width:59.2%;}.cols6 .merge3{width:49%;}.cols5 .merge4{width:79.6%;}.cols6 .merge4{width:66%;}.cols6 .merge5{width:83%;}
 
/* =========================================================== Contact Page */
#map { margin-bottom: 20px; }
.toggle-locations { border: 1px solid #E5E5E5; border-bottom: none; margin: 15px 0 20px; } 
.toggle-locations a.toggle-header { border-bottom: 1px solid #E5E5E5; display: block; font-size: 1em; padding: 7px 7px 7px 32px; position: relative; text-decoration: none; line-height: 16px;} 
.toggle-locations a.toggle-header span { background: url("../images/toggle.png") no-repeat; display: block; height: 15px; left: 7px; margin: 0; position: absolute; top: 7px; width: 15px; } 
.toggle-locations a.toggle-header:hover, .toggle-locations a.active { color: #000; -moz-box-shadow: inset 0 0px 5px 0px rgba(0,0,0,.2);-webkit-box-shadow: inset 0 0px 5px 0px rgba(0,0,0,.2);box-shadow: inset 0 0px 5px 0px rgba(0,0,0,.2); } 
.toggle-locations a.active { font-weight: bold; }
.toggle-locations a.active span { background-position: -15px 0; }
.toggle-locations .toggle-content { display: none; border-bottom: 1px solid #E5E5E5; width: 100%; overflow: hidden; padding-bottom: 25px; }
.toggle-locations .toggle-content p { margin: 0; }
.toggle-locations .toggle-content p.address { padding: 20px 20px 0; }
.toggle-locations .toggle-content .contacts p { float: left; width: 265px; padding: 20px 20px 0; }
.toggle-locations .toggle-content .contacts p:nth-child(3n+1) { clear: both; }