@charset "utf-8";
/* CSS Document */

*{margin:auto; padding:0;}
#pagewrap {margin: 0 auto;width: 100%;position: relative; }

.header{width:100%; height:5px; background:#377711}
.wrap{width:1200px; margin:auto; padding:0; text-align:center}
.wrap-960{width:960px; margin:auto; padding:0;}

.logo{padding:3px; float:left;}
.social-icons{float:right; padding:30px 20px 0 20px;}
.header-ico{float:right}

h1{font-family: 'PT Sans', sans-serif; font-weight: 700; font-size:30px; color:#7dc144}
h3{font-family: 'PT Sans', sans-serif; font-weight: 400; font-size:20px; color:#757575; padding-bottom:20px; padding-bottom:0px\9 !important;}
h2{font-family: 'PT Sans', sans-serif; font-weight: 400; font-size:20px; color:#377711; text-transform:uppercase; padding-bottom:0px;}
p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#757575; text-align:justify; line-height:1.4em;  padding-bottom:10px; padding-bottom:0px\9 !important;}

.menu{width:100%; background:#7dc144; height:40px; border-bottom:#97cd69 3px solid; padding-top:3px;}

ol{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#757575; text-align:justify; line-height:1.4em;  padding-bottom:10px; padding-bottom:0px\9 !important;}
ol li{padding:0 5px; margin-left:25px;}

ul { list-style: none; }
ul.dropdown li { float: left;list-style: none; position: relative;  padding:0 0px 0 30px; cursor:pointer}

.nav1{background:url(../images/menu/about-off.png) no-repeat; width:96px; height:39px;}
.nav1:hover{background:url(../images/menu/about-on.png) no-repeat; width:96px; height:39px;}
.nav1_selected{background:url(../images/menu/about-on.png) no-repeat; width:96px; height:39px;}

.nav2{background:url(../images/menu/products-off.png) no-repeat; width:110px; height:39px;}
.nav2:hover{background:url(../images/menu/products-on.png) no-repeat; width:110px; height:39px;}
.nav2_selected{background:url(../images/menu/products-on.png) no-repeat; width:110px; height:39px;}

.sub3{background:url(../images/menu/sub3-off.png) no-repeat; width:141px; height:34px; z-index:100}
.sub3:hover{background:url(../images/menu/sub3-on.png) no-repeat; width:141px; height:34px; z-index:100}
.sub3_selected{background:url(../images/menu/sub3-on.png) no-repeat; width:141px; height:34px; z-index:100}

.sub4{background:url(../images/menu/sub4-off.png) no-repeat; width:141px; height:34px; z-index:100}
.sub4:hover{background:url(../images/menu/sub4-on.png) no-repeat; width:141px; height:34px; z-index:100}
.sub4_selected{background:url(../images/menu/sub4-on.png) no-repeat; width:141px; height:34px; z-index:100}

.nav3{background:url(../images/menu/gallery-off.png) no-repeat; width:101px; height:39px;}
.nav3:hover{background:url(../images/menu/gallery-on.png) no-repeat; width:101px; height:39px;}
.nav3_selected{background:url(../images/menu/gallery-on.png) no-repeat; width:101px; height:39px;}

.sub1{background:url(../images/menu/sub1-off.png) no-repeat; width:141px; height:34px;z-index:100}
.sub1:hover{background:url(../images/menu/sub1-on.png) no-repeat; width:141px; height:34px;z-index:100}
.sub1_selected{background:url(../images/menu/sub1-on.png) no-repeat; width:141px; height:34px;z-index:100}

.sub2{background:url(../images/menu/awards-off.png) no-repeat; width:141px; height:34px;z-index:100}
.sub2:hover{background:url(../images/menu/awards-on.png) no-repeat; width:141px; height:34px;z-index:100}
.sub2_selected{background:url(../images/menu/awards-on.png) no-repeat; width:141px; height:34px;z-index:100}

.nav4{background:url(../images/menu/certificate-off.png) no-repeat; width:142px; height:39px;}
.nav4:hover{background:url(../images/menu/certificate-on.png) no-repeat; width:142px; height:39px;}
.nav4_selected{background:url(../images/menu/certificate-on.png) no-repeat; width:142px; height:39px;}

.nav5{background:url(../images/menu/order-off.png) no-repeat; width:185px; height:39px;}
.nav5:hover{background:url(../images/menu/order-on.png) no-repeat; width:185px; height:39px;}
.nav5_selected{background:url(../images/menu/order-on.png) no-repeat; width:185px; height:39px;}

.nav6{background:url(../images/menu/contact-off.png) no-repeat; width:135px; height:39px;}
.nav6:hover{background:url(../images/menu/contact-on.png) no-repeat; width:135px; height:39px;}
.nav6_selected{background:url(../images/menu/contact-on.png) no-repeat; width:135px; height:39px;}

.nav7{background:url(../images/menu/bio-off.png) no-repeat; width:106px; height:39px;}
.nav7:hover{background:url(../images/menu/bio-on.png) no-repeat; width:106px; height:39px;}
.nav7_selected{background:url(../images/menu/bio-on.png) no-repeat; width:106px; height:39px;}

.sub_menu{display:block;}

ul.dropdown ul{ width: 102px; visibility: hidden; margin-top:39px; margin-left:-28px;}
ul.dropdown ul li a{ border-right: none; display: inline-block; } 
ul.dropdown ul ul{ left: 100%; top: 0; }
ul.dropdown li:hover > ul{ visibility: visible; }

.headers{width:1200px; margin:auto; padding:0; text-align:center}

.main-content{background:#f2f0ed; width:100%; margin:auto; padding:20px 0}
.about-intro{float:left; width:480px;}
.about-image{float:right; padding-top:15px;}

.sub-line{font-family: 'PT Sans', sans-serif; font-weight: 400; font-size:16px; color:#757575; padding-bottom:10px;}

#about-us-services{width:274px; height:255px; margin-right:5px; padding:20px; background:#FFFFFF; border:solid 1px #d3d3d3; float:left; z-index: 2; position: relative; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:13px;text-align:center}
#about-us-services-hover{width:274px; height:255px; margin-right:5px; padding:20px; background:#7dc144; border:solid 1px #a3d27c; float:left; z-index: 1; position: absolute; top: -1px; left: -1px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:13px; text-align:center}
.about-ico-headline{margin-top:15px; font-size:23px; font-family: 'PT Sans', sans-serif; font-weight: 400;}
.about-ico-content{margin-top:15px;}
.about-ico{margin-top:5px;}
.about-ico-readmore{margin-top:15px;}

#about-us-services1{width:276px; height:255px; padding:20px; margin-right:5px; background:#FFFFFF; border:solid 1px #d3d3d3; float:left; z-index: 2; position: relative; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:13px;text-align:center}
#about-us-services-hover1{width:276px; height:255px; padding:20px; margin-right:5px; background:#7dc144; border:solid 1px #a3d27c; float:left; z-index: 1; position: absolute; top: -1px; left: -1px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:13px; text-align:center}

#about-us-services2{width:274px; height:255px; padding:20px; background:#FFFFFF; border:solid 1px #d3d3d3; float:left; z-index: 2; position: relative; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:13px;text-align:center}
#about-us-services-hover2{width:274px; height:255px; padding:20px; background:#7dc144; border:solid 1px #a3d27c; float:left; z-index: 1; position: absolute; top: -1px; left: -1px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:13px; text-align:center}

.about-ico{text-align:center;}

.richie-raffle{background:url(../images/richie-raffle.png) no-repeat; width:960px; height:337px;}
.richie-raffle .content{padding-top:100px; width:890px;}
.richie-raffle .headline{font-family: 'PT Sans', sans-serif; font-style:italic; font-weight: 400; font-size:17px; color:#377711; padding-bottom:10px; padding-bottom:0px\9 !important;}
.richie-raffle p{font-size:13.4px !important; margin-right:20px; padding-bottom:0px\9 !important;}
.richie-raffle p a{float:right;}

#back-top {position: fixed; bottom: 36px; right:110px; }
#back-top span { width: 42px; height: 41px; display: block; margin-bottom: 7px; background:url(../images/top.png);float:right}

.vline{background:#c6c6c6; width:100%; height:1px;}

.main-inner-content{background:#fff; width:100%; margin:auto; padding:0 0}

/*About*/
.nav-container {width:100%; color:#458026; background:#FFFFFF; text-align:center; font-family: 'PT Sans', sans-serif; font-weight: 400; font-size:19px; margin-top:20px;}
.inner-nav {text-align: center;width: 960px;margin: 0px auto;}
.inner-nav ul {padding: 0px;}
.inner-nav li {display: inline; }
.inner-nav li a{padding:10px 20px; cursor:pointer; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size:19px;  font-size:17px\9; color:#458026; text-decoration:none; text-transform:uppercase;}
.inner-nav li a:hover {background:#377711; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size:19px; font-size:17px\9; color:#ffffff; cursor:pointer}
.inner-nav li .higlight {background:#377711; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size:19px; font-size:17px\9; color:#ffffff; cursor:pointer}

.content {margin: 0px auto; width: 960px; }


.content p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#757575; text-align:justify; line-height:1.4em;  padding-bottom:10px;}

.main-inner-content #back-top {position: fixed; right:110px;}
.main-inner-content #back-top span { width: 42px; height: 41px; display: block; margin-bottom: 7px; background:url(../images/top2.png);}

.mission-vision{width:280px; float:left;}
.mission-vision .headline{font-family: 'PT Sans', sans-serif; font-weight: 400; font-size:25px; color:#377711; padding-bottom:20px; padding-bottom:0px\9 !important;}

.our-values{float:left; width:500px; margin-left:50px;}
.our-values .headline{font-family: 'PT Sans', sans-serif; font-weight: 400; font-size:25px; color:#377711; padding-bottom:20px; padding-bottom:0px\9 !important;}

.richie-raffle-main{background:#9ad661; border-top:solid 1px #85b657; width:100%; color:#333333}
.rr-left{width:290px; float:left; font-size:19px; color:#377711; font-family:Arial, Helvetica, sans-serif; line-height:1.3em;}
.rr-left span{font-size:16px; color:#377711; font-family:Arial, Helvetica, sans-serif; padding-left:5px;}
.rr-right{width:960px; float:left }
.rr-right p{color:#377711; padding-bottom:15px;}
.rr-right .headline{font-family: 'PT Sans', sans-serif; font-style:italic; font-weight: 400; font-size:17px; color:#377711; padding-bottom:10px; padding-bottom:0px\9 !important;}

.richie-raffle-main .content p{color:#333}
.main-content{background:#f2f0ed; width:100%; margin:auto; padding:20px 0}
.center {text-align:center;}
.contact-info{width:320px; float:left;}

.input{width:290px; border:#d6d6d6 solid 1px; height:35px; outline:none; padding:5px;}
textarea{width:930px; border:#d6d6d6 solid 1px; height:150px; resize:none; outline:none; padding:5px;}
.submit{float:right;}
.reset{background:#377711; padding:3px 30px; float:left; cursor:pointer; margin-right:15px; color:#ffffff; font-family: 'PT Sans', sans-serif; font-weight: 400; font-size:22px; border:none}
.submit-button{background:#377711; padding:3px 25px; cursor:pointer; float:left; margin-right:20px; color:#ffffff; font-family: 'PT Sans', sans-serif; font-weight: 400; font-size:22px; border:none}

.sweet-life{width:280px; float:left; border:solid 1px #999999; padding:10px;}
.sweet-life-right{margin-left:40px; float:left; width:600px;}
.prod-icon{float:left; margin-right:20px;}
.prod-var-img{float:left; margin-right:20px;}

.link-list ul{margin-left:50px;}
.link-list li{float:left; padding:0 15px;}
.link-list li a{text-decoration:none; color:#333; padding:3px 10px;}
.link-list li a:hover{text-decoration:none; color:#fff; background:#377711; padding:4px 10px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;}

.left{width:300px; float:left;}
.right{margin-left:40px; float:left; width:600px;}

.bio-left{width:450px; float:left;}
.bio-left ul{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#757575; text-align:justify; line-height:1.4em;  padding-bottom:10px; padding-bottom:0px\9 !important;}
.bio-left li{ padding:0 5px; list-style:url(../images/bullet.png); margin-left:25px;}
.bio-right{margin-left:40px; float:left; width:450px;}
.bio-right ul{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#757575; text-align:justify; line-height:1.4em;  padding-bottom:10px; padding-bottom:0px\9 !important;}
.bio-right li{padding:0 5px; list-style:url(../images/bullet.png); margin-left:25px;}

.biopro-right{margin-left:40px; float:left; width:500px;}
.biopro-right ul{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#757575; text-align:justify; line-height:1.4em;  padding-bottom:10px; padding-bottom:0px\9 !important;}
.biopro-right li{padding:0 5px; list-style:url(../images/bullet.png); margin-left:25px; line-height:1.9em;}

.biosewage p{margin-bottom:20px;}
.biosewage ul{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#757575; text-align:justify; line-height:1.4em;  padding-bottom:10px; padding-bottom:0px\9 !important;}
.biosewage ol li{padding:0 5px 15px 5px;  margin-left:25px;}
.biosewage ul li{padding:0 5px; list-style:url(../images/bullet.png); margin-left:25px;}

.events{border:solid 1px #e5e5e5; padding:20px;}
.events-p{width:805px; float:left; margin-right:30px;}
.events-p1{width:auto; float:none;}
.events sup{text-transform:none}

/*events gallery slider*/
.gallery{ background:#9ad661; padding:20px;}
.slider {position: relative;width: 850px;margin: auto;}
.slider li {display: inline-block;vertical-align: middle;width: 207px;height: 154px;float:left}
.slider-arrow {position: absolute;width: 45px;height: 96px;text-align: center;text-decoration: none;border-radius: 50%;}
.sa-left {margin-left: -15px;margin-top: -120px;}
.sa-right {margin-left: 890px;margin-top: -120px;}

.slider1 {position: relative;width: 850px;margin: auto;}
.slider1 li {display: inline-block;vertical-align: middle;width: 207px;height: 154px;float:left}
.slider-arrow {position: absolute;width: 45px;height: 96px;text-align: center;text-decoration: none;border-radius: 50%;}
.sa-left1 {margin-left: -15px;margin-top: -120px;}
.sa-right1 {margin-left: 890px;margin-top: -120px;}

.fancybox-custom .fancybox-skin {box-shadow: 0 0 50px #222;}

.richie-raffle-main ol{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-align:justify; line-height:1.4em;  padding-bottom:10px; padding-bottom:0px\9 !important;}
.richie-raffle-main ol li{padding:0 5px; margin-left:25px;}

.accordion-header{font-size:18px; font-family: 'PT Sans', sans-serif; font-weight: 400; margin-bottom:15px;}

.iso-left{float:left; margin-right:20px; width:160px;}
.iso-right{}

.footer{width:100%; height:25px; background:#7dc144; padding-top:8px;}
.copy-right{width:480px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
.designed-by{width:480px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:right}

.footer-about{width:100%; height:30px; background:#377711; padding-top:16px; margin:0; position:relative; z-index:100}

.awards-gallery{padding:20px 0;}