/* CSS Document */

* {font-family: 'Nunito', sans-serif;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}
html{height:100%;}
body{background:url(../images/bg.jpg) #FFFFFF no-repeat center center fixed;background-size:cover; font-size: 13px; color:#000000; padding:0; margin:0; font-weight:300;height:100%;position:relative;}

h1{font-weight:400; font-size:13px; color:#5d9531; text-transform:uppercase;}
img{max-width:100%; height: auto;}

#container{background: #97C164; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); min-height:100%; max-width:900px; position: relative; margin: 0px auto;}

/* HEADER STUFF */
#header{position:relative; text-align:center; padding:0px 6%; min-height: 120px;background:#FFFFFF url(../images/header_text_logo.png) center 20px no-repeat;}
.logo{position:relative; top:22px; text-align:left;}

ul.navs{position:relative; list-style:none; text-align:left; margin: 3px 0px 0px 0px; padding:0px; float: right; }
ul.navs li{display:inline-block; font-size:13px; color:#a1a1a1; padding:0px 5px;}
ul.navs li a, ul.navs li a:visited{font-weight:400; text-decoration:none; color:#666666;}
ul.navs li a:hover, ul.navs li a:active{font-weight:400; color:#478816;}
ul.navs li.current a{font-weight:400; color:#478816;}

ul.navs li ul {background:rgba(255,255,255,.8); display:none;	height:auto; margin:0px; padding:0px; border:0px; position:absolute; width:194px; z-index:200;}
ul.navs li:hover ul {display:block;	margin:0px;	padding:0px;}
ul.navs li ul li{position: relative; float: left; clear: both; text-transform:uppercase; padding: 4px 0px 4px 14px;}
ul.navs li ul li a, ul.navs li ul li a:visited{text-decoration:none; color:#707070; margin-left: -3px;}
ul.navs li ul li a:hover, ul.navs li ul li a:active{font-weight:400; color:#363636; margin-left: -3px;}
ul.navs li ul li.current a{font-weight:400; color:#363636;}
.productMenu{right: 139px;}
.serviceMenu{right: 225px;}


#menuswitch{display:none;}

#content{padding:32px 6%; clear:both;background:#fff;}
.homeTextImg{float:right;}

/* FOOTER STUFF */
#footer{background: #97C164 url("../images/footer_logo.png") no-repeat scroll center 25px; margin: 0px auto; padding: 50px 40px; min-height: 200px; color: #FFFFFF; font-weight: 300; text-align: center;}
#footer a, #footer a:visited{text-decoration:none;color:#FFFFFF;}
#footer a:hover, #footer a:active{color:#FFFFFF;}
.social{float:right; position:relative; right:22px; margin-top: 45px;}
.social a img{vertical-align:text-top;}
.footerHide{padding:0px 3px;}

.clear-fix{clear:both;}

.dropShadow{-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);}

/* SLIDESHOW STUFF */
.cycle-prev, .cycle-next { position: absolute; top: 0px; width: 30%; opacity: 0; z-index: 800; height: 100%; cursor: pointer;}
.cycle-prev{left: 0px; background: transparent url("../images/slider_left.png") no-repeat scroll 20% 50%;}
.cycle-next{right: 0px; background: transparent url("../images/slider_right.png") no-repeat scroll 80% 50%;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }

/* ABOUT STUFF */
.aboutLeft{float:left; text-align:center; width:30%;}
.aboutLeft img{margin-bottom:10px;}
.aboutDetails{font-style:italic; color:#4f5858;}
.aboutRight{float:right; width:65%;}
.aboutRight p{line-height:1.5;}

/* PRODUCT STUFF */
.product{width:128px; height:180px; text-align:center; float:left; position:relative; margin: 0px 35px 20px;}
.productThumb{}
a.productLink, a.productLink:visited, a.productLink:hover, a.productLink:active{color:#5d9632; font-style:italic; text-decoration:none; display:inline-block; margin-bottom:2px; border-bottom: solid 1px #cfdec6;}
.product img{border: 1px solid #ccc;}

/* SERVICES STUFF */
.service{width: 182px; height: 254px; text-align:center; float:left; position:relative; margin: 0px 8px 14px;}
.serviceThumb{border:solid 1px #FFFFFF; border-radius:172px;}
.serviceTitle{margin:0px; font-size: 12px; font-weight: 700;}
a.serviceLink, a.serviceLink:visited, a.serviceLink:hover, a.serviceLink:active{color:#5d9632; font-style:italic; text-decoration:none;}

/* SCIENCE STUFF */
.scienceLeft{float:left; width:47%;}
.scienceRight{float:right; width:47%}
.scienceLeft h1, .scienceRight h1{margin-bottom:0px;}
.scienceLeft p, .scienceRight p{margin-top:0px !important;}
.imgCaption{text-align:center; font-style:italic;}

/* LINKS PAGE STUFF */
/*.friendLink{border-top:solid 2px #97c164; padding:20px; text-align:center; max-width:33%; float: left;}
div div.friendLink:nth-child(3n+2){clear:both;}
div div.friendLink:nth-child(3n){border-left:solid 2px #97c164; border-right:solid 2px #97c164;}
.friendLink a img{width:100%;}
td{border-top:solid 2px #97c164; padding:20px; text-align:center; max-width:33%;}
td.mid{border-left:solid 2px #97c164; border-right:solid 2px #97c164;}
td a img{width:100%;}*/
.friendLink{padding:20px; text-align:center; max-width:33%; float: left; width:100%;}
.friendLink img{border:1px solid #ccc;}


/* CONTACT STUFF */
.contactLeft{float:left; width:59%;}
.contactLeft img{text-align:center; margin:0px auto;}
.contactRight{float:right; width:36%}
.contactField{float:right; width: 190px; box-shadow: inset 0 0 1px 0px #000; background: #FFF;}
a.emailLink, a.emailLink:visited, a.emailLink:hover, a.emailLink:active{color:#669933;}
.contactHeader{margin:0px;}
#content div.contactRight p{margin-top:7px !important;}


@media (max-width:900px) {
#main-navs{top:0px;}
ul.navs {float:none; text-align:center; margin:0px;}
ul.navs li{display: none; padding: 5px 0px;}
ul.navs li ul {display: block; position:relative; width:100%;}
ul.navs li ul li {float:none; padding:0px;}
ul.navs li ul li a, ul.navs li ul li a:visited, ul.navs li ul li a:hover, ul.navs li ul li a:active{margin-left:0px;}
.navBar{display:none !important;}
.productMenu{right: 0px;}
.serviceMenu{right: 0px;}
#menuswitch{display:inherit; position: relative;}
}

@media (max-width:540px) {
.aboutLeft{float: none; width: 100%; margin-top: 32px;}
.aboutRight{width:100%; float:none;}
.scienceLeft{float:none; width:100%;}
.scienceRight{float:none; width:100%;}
.contactLeft{float:none; width:100%;}
.contactRight{float:none; width:100%;}
.social{float:none; right:0px; margin-top:20px;}
td{float:left; max-width:100%; width:100%; position: relative; padding:20px 0px;}
td.mid{border-right:0px; border-left:0px;}
td a img{width:inherit; max-width: 280px;}
.friendLink{float:left; max-width:100%; width:100%; position: relative; padding:20px 0px;}
.friendLink a img{width:inherit; max-width: 280px;}
div div.friendLink:nth-child(3n){border-right:0px; border-left:0px;}
}

@media (max-width:500px) {
#footer{}
#footer span{display:block;}
#footer span span{display:inline-block;}
.footerHide{display:none !important;}
}