@import url(http://fonts.googleapis.com/css?family=Ropa+Sans:400,400italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,400,600);
* {
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	background:#FFF;
	font-family: 'Ropa Sans', sans-serif;
	font-size:13px;
	line-height:24px;
	color:#292929;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
p {
	font-family: 'Open Sans', sans-serif;
}
a {
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
a:hover {
	text-decoration:underline;
}
::-moz-selection {
 background: #f58634;
 color: #fff;
}
::selection {
 background: #f58634;
 color: #fff;
}
img::selection {
 background: transparent;
}
img::-moz-selection {
 background: transparent;
}
img {
	border:none;
	vertical-align:middle;
}
article {
	width:1000px;
	margin:0 auto;
}
/* HEADER */
header {
	width:100%;
	float:left;
	margin:4px 0;
}
.logo {
	background: url(../images/main-logo.jpg) top left no-repeat;
	float: left;
	width: 198px;
	height: 105px;
	margin: 0 0 0 10px;
}
.logo a {
	display:block;
	height:100%;
}
header h3 {
	float:right;
	margin:40px 10px 0 0;
	color:#149a01;
	font-size:18px;
}
/* Navigation */

#nav {
	width: 100%;
	float:left;
	position:relative;
}
#nav > a {
	display: none;
}
#nav li {
	position: relative;
	left:0px;
	list-style:none;
}
#nav li a {
	color: #fff;
	display: block;
}
#nav li a:active {
	background-color: #126996;
}
/* first level */

#nav > ul {
	width:100%;
	float:left;
	background-color: #126996;
}
#nav > ul > li {
	height: 100%;
	float: left;
}
#nav > ul > li > a {
	height: 100%;
	width:81.8px;
	padding:11px 30px;
	font-size: 16px;
	text-transform:uppercase;
	text-align: center;
	margin: 0 1px 0 0;
}
#nav > ul > li:hover > a, #nav > ul > li.active > a {
	background-color: #88c550;
	text-decoration:none;
}
/* second level */

#nav li ul {
	background-color: #343434;
	display: none;
	position: absolute;
	top: 100%;
	width:180px;
	z-index:1;
}
#nav li:hover ul {
	display: block;
	left: 0;
	right: 0;
}
#nav li ul a {
	font-size: 15px;
	text-transform:uppercase;
	border-top: 1px solid #282727;
	padding: 0.75em; /* 15 (20) */
}
#nav li ul li a:hover, #nav li ul li.active a {
	background-color: #88c550;
	text-decoration:none;
}
/* slider */

.slider {
	width:100%;
	float:left;
	margin:1px 0 20px 0;
}
.coin-slider {
	float:left;
	width:100%;
	height:343px;
	overflow:hidden;
	zoom: 1;
	position: relative;
	z-index:0;
}
.coin-slider a {
	text-decoration: none;
	outline: none;
	border: none;
}
.cs-buttons {
	font-size: 0px;
	padding: 10px;
	float: left;
	top:-30px;
}
.cs-buttons a {
	margin-right: 5px;
	height: 14px;
	width: 14px;
	float: left;
	background-color: #aed5e9;
	border: 1px solid #fff;
	color: #B8C4CF;
	text-indent: -1000px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.cs-active {
	background-color: #2d83b0 !important;
	color: #FFFFFF;
}
.cs-prev {
	width:22px;
	background:url(../images/slider-arrow-left.png) top left no-repeat;
	height:38px;
	left:10px !important;
}
.cs-next {
	width:22px;
	background:url(../images/slider-arrow-right.png) top left no-repeat;
	height:38px;
	right:10px !important;
}
/* Content */

section {
	width:100%;
	float:left;
	margin-top:5px;
}
.welcome {
	width:100%;
	float:left;
}
.welcome h1 {
	font-size:24px;
	color:#262626;
}
.green {
	color:#149a01;
}
.welcome h2 {
	font-size:18px;
	color:#262626;
	margin:5px 0 10px 0;
}
.welcome h3 {
	font-size:18px;
	color:#262626;
	margin:20px 0 5px 0;
}
.welcome p {
	text-align:justify;
}
.welcome p a {
	color:#f58634;
}
.downloads {
	width:30%;
	float:right;
	margin:0px;
	text-align:center;
}
.downloads a {
	margin:0 15px;
}
/* Services */
.ser {
	width:100%;
	float:left;
	margin:20px 0 0 0;
}
.ser-inner1, .ser-inner2 {
	width:48.7%;
	float:left;
	position:relative;
	background:#f9fdff;
	padding:0 0 40px 0;
	border:1px solid #d5ebd4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.ser-inner1 h2, .ser-inner2 h2 {
	font-size:26px;
	margin:30px 0 10px 15px;
	color:#259124;
	position:relative;
	z-index:1;
}
.ser-inner2 h2 {
	float:left;
	margin-left:165px;
}
.ser-inner1 p, .ser-inner2 p {
	position:relative;
	z-index:1;
	width:58%;
	text-align:justify;
	margin:0 0 10px 15px;
}
.ser-inner2 p {
	width:63%;
	float:right;
	margin:0 15px 10px 0px;
}
.ser-inner1 a, .ser-inner2 a {
	color:#fe2525;
	font-size:15px;
	margin:0 0 0 15px;
}
.ser-inner2 a {
	margin-left:165px;
	position:relative;
	z-index:1;
}
.ser-inner1:before {
	background:url(../images/the-bio-digester.jpg) top right no-repeat;
	width:100%;
	height:197px;
	position:absolute;
	content:" ";
	top:20px;
	right:5px;
	z-index:0;
}
.ser-inner2:after {
	background:url(../images/commercial-bio-digester.jpg) top left no-repeat;
	width:100%;
	height:243px;
	position:absolute;
	content:" ";
	top:20px;
	left:5px;
	z-index:0;
}
#mrgn {
	margin-left:18px;
}
/* Footer */
footer {
	width:100%;
	float:left;
	margin:26px 0 0 0;
	font-size:14px;
	color:#fff;
}
.top-ftr {
	min-width:100%;
	float:left;
	padding:15px 0;
	background:#343434;
}
.ftr-nav {
	width:82%;
	float:left;
}
.ftr-nav a {
	margin:0 5px;
	color:#fff;
}
.follow {
	width:18%;
	float:left;
	text-transform:uppercase;
}
.btm-ftr {
	min-width:100%;
	float:left;
	background:#282727;
	padding:7px 0;
}
.copy {
	width:49%;
	float:left;
	margin-left:5px;
}
.design {
	width:49%;
	float:left;
	text-align:right;
	margin-right:10px;
}
.design a {
	color:#fff;
}
/* Inner Pages */
.slider-inner {
	width:100%;
	float:left;
	margin:1px 0 0px 0;
}
.captn {
	margin:10px 0 0 0;
	color:#ed3338 !important;
}
.page_head {
	border-bottom: 1px solid #eee;
	background: #f9f9f9;
	padding: 30px 0;
	width:100%;
	float:left;
}
.page_head h1 {
	font-size: 26px;
	color: #262626;
	float:left;
	text-indent:15px;
	text-transform:uppercase;
}
/* Breadcrumbs */

#breadcrumbs ul {
	float: right;
	font-size: 12px;
	padding: 0;
	margin-right:15px;
}
#breadcrumbs ul li {
	display: inline-block;
	color: #888;
	font-family: 'Open Sans', sans-serif;
	padding: 0 11px 0 0;
	margin: 0 0 0 5px;
	background: url(../images/breadcrumbs.png) no-repeat 100% 50%;
}
#breadcrumbs ul li:last-child a, #breadcrumbs ul li a {
	color: #292929;
}
#breadcrumbs ul li:first-child {
	padding-right: 0;
	margin-left: 0;
}
#breadcrumbs ul li:first-child, #breadcrumbs ul li:last-child {
	color: #888;
	background: none;
}
#breadcrumbs ul li:last-child {
	padding:0;
	background: none;
}
.features {
	margin:0px;
	padding:0px;
	width:96%;
}
.features li {
	list-style:none;
	font-family: 'Open Sans', sans-serif;
	line-height:36px;
	background:url(../images/list.jpg) center left no-repeat;
	padding:0 0 0 24px;
}
.contact-form {
	float:right;
	width:55%;
}
.contact-form p {
	margin-bottom:10px;
}
.contact-form label {
	width:120px;
	float:left;
	font-family: 'Open Sans', sans-serif;
}
.red {
	color:#F00;
}
.contact-form input[type=text], .contact-form textarea {
	width:350px;
	padding:5px;
	font-size:14px;
	font-family: 'Ropa Sans', sans-serif;
	border:none;
	border:1px solid #a9a9a9;
}
.contact-form input[type=text]:focus, .contact-form textarea:focus {
	border:1px solid #f58634;
	padding:5px;
}
.contact-form input[type=button] {
	float:right;
	margin:0 70px 0 0;
	background:#126996;
	border:none;
	color:#fff;
	cursor:pointer;
	padding:8px 20px;
	font-size:15px;
	font-family: 'Ropa Sans', sans-serif;
}
.contact-form input[type=submit]:hover {
	background:#f58634;
}
.table {
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	margin-top:20px;
	float:left;
}
.table th {
	background:#259124;
	color:#FFF;
	font-size:15px;
	padding:12px 5px;
	font-weight:normal;
	border:1px solid #CCC;
}
.table td {
	border:1px solid #CCC;
	padding:4px 5px;
	font-size:14px;
}
.example-image-link {
	display:inline-block;
	padding:2px;
	margin:0px 18px 36px 18px;
	background-color:#fff;
	border:1px solid #14ae64;
	line-height:0;
	-webkit-transition:background-color 0.1s ease-out;
	-moz-transition:background-color 0.1s ease-out;
	-o-transition:background-color 0.1s ease-out;
	transition:background-color 0.1s ease-out;
}
.example-image-link:hover {
	background-color:#14ae64
}
.example-image {
	width:150px;
}
.pdf {
	width:20%;
	float:left;
	margin:0 20px;
	text-align:center;
}
.pdf a {
	font-size:16px;
	color:#292929;
	line-height:18px;
}

.event-set{
	width:20%;
	float:left;
	text-align:center;
	margin-bottom:10px;
}
.event-set img{
	border:1px solid #14ae64;
	padding:2px;
}
.event-set h3{
	font-size:16px;
}
.back-btn{
	background:#126996;
	padding:4px 25px;
	color:#fff;
	font-size:16px;
	float:right;
}
.back-btn:hover{
	background:#f58634;
	text-decoration:none;
}
.videos{
	width:100%;
	float:left;
}
.videos p{
	float:left;
	margin:0 0px 0 20px;
}

