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

@font-face {
  font-family: 'FontAwesome';
  src: url('fontsawe/fontawesome-webfont.eot?v=4.0.1');
  src: url('fontsawe/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'), url('fontsawe/fontawesome-webfont.woff?v=4.0.1') format('woff'), url('fontsawe/fontawesome-webfont.ttf?v=4.0.1') format('truetype'), url('fontsawe/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


body {
	background:url(../img/pattern.png) repeat left top;
	font-family: 'Source Sans Pro', sans-serif;
	color:#747474;
	font-size:14px;
}

#mainWrap {width:100%; margin:auto; overflow:hidden; position:relative;}

* , h1 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

a {text-decoration:none; color:#0d9825;}

li {
	list-style-type:none;
	font-weight:normal;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
	display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    *zoom:1;
}

.cols {
	float:left;
}

.container {
	max-width:1020px;
	margin:0px auto;
	position:relative;
}

.span2 {
	width:20%;
}

.span3 {
	width:25%;
}

.span4 {
	width:33.33%;
}

.span6 {
	width:50%;
}

.span9 {
	width:75%;
}

.span12 {
	width:100%;
}

.LT {
	float:left;
}
.RT {
	float:right;
}
.shadow { -moz-box-shadow: 0px 2px 4px #999; -webkit-box-shadow: 0px 2px 4px #999; box-shadow: 0px 2px 4px #999; }
.gradient { background:#fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea)); background: -moz-linear-gradient(top, #fff, #eaeaea); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea)"; }

#radios{
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=90);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.9;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.9;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.9;
}
p  {
	
	font-weight:normal;
	line-height:20px;
	padding-bottom:25px;
}

h1 {
	font-family: 'Roboto', sans-serif;
	font-size:46px;
	text-shadow:1px 2px rgba(0,0,0,.25);
	text-transform:uppercase;
	color:#fff;
	font-weight:normal;
	line-height:45px;
	padding-bottom:15px;
}

h3 {
	font-size:28px;
	color:#333;
	line-height:25px;
	padding-bottom:20px;
	font-weight:lighter;
	text-transform:uppercase;
}
h4 {
	font-size:24px;
	padding-bottom:30px;
	line-height:auto;
	text-transform:uppercase;
	font-weight:lighter;
}
.greenText:hover {
	color:#ffe800;
}

.greenText {
	text-transform:uppercase;
	color:#0d9825;
}

.yellowText {
	color:#ffe800;
}
 
.greenBtn {
	background-color:#0d9825;
	color:#fff;
	font-size:17px;
	line-height:25px;
	font-weight:bold;
	text-align:center;
	padding:14px 15%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(./border-radius.htc);
	position:relative;
	z-index: 0;
	border:1px solid #0d9825;
	display:inline-block;
}

.desktopHide {display:none;}

/*======================================================================
							HEADER 
=========================================================================*/


header {
	background-color:#fff;
	border-bottom:2px solid #0d9825;
	max-width:1020px;
	//padding:0 20px;
	position:relative;
	margin:auto;
	z-index:2;

}

header .logo {
	display:inline-block;
	margin-left:10px;
}

header .btnSupport {
	text-transform:uppercase;
	font-size:12px;
	color:#0d9825;
}

header a {color:#0d9825;}

header .btnSupport:hover {
	color:#333;
}

header .btnSupport span.icon {
	width:30px;
	height:30px;
	vertical-align:middle;
	display:inline-block;
	position:relative;
	background-color:#ffe800;
	margin-left:10px;
	vertical-align:middle;
}

header .btnSupport span.icon:before {
	display: inline-block;
	width: 30px;
	text-align: center;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'FontAwesome';
	line-height: 25px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\f075";
	color:#0d9825;
	font-size:18px;
}

header .btnSupport span.icon:after {
	content:'';
	position:absolute;
	bottom:0px;
	right:0px;
	width:0; 
	height:0; 
	border-right:6px solid #fff;
	border-top:6px solid transparent;
	border-left:6px solid transparent;
	border-bottom:6px solid #fff;
}

header nav {
	font-size: 0;
}

header nav ul.MainMenu {
	margin-top:10px;
	float:right;
}

header nav li {
	display:inline-block;
}


header nav li a {
	color:#000;
	border-right:1px solid #efefef;
	//font-size:14px;
	font-size:13px;
	text-transform:uppercase;
	//padding:20px 11px 30px;
	padding:20px 10px 30px;
	display:inline-block;
}

header nav li a:hover , header nav li a.active {
	color:#0d9825;
	background-image: -moz-linear-gradient(top, #f8f8f8, #c7e4cc); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c7e4cc),color-stop(1, #f8f8f8)); /* Safari & Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8', endColorstr='#c7e4cc'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8', endColorstr='#c7e4cc')"; /* IE8 */
}

header nav li:first-child a {
	border-left:1px solid #efefef;
}

.menuClearance{
	padding-bottom: 12px;
    padding-top: 20px;
    position: relative;
    text-align: center;
    top: 18px;
}

/*======================================================================
							Home Banner
=========================================================================*/

#sliderContent {padding-top:40px;}

#mainHeaderWrap {
	max-width:1440px;	
	margin:auto;
	position:relative;
	padding-top:20px;
}

#carousel-wrapper {
    position: absolute;
    height:595px;
    width:100%;
	margin:auto;
	top:0;
}

#carousel {
	overflow: hidden;
	left:0 !important;
}

#carousel img {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    float: left;
    max-width: 1440px;
    height: 595px;
}

#thumbs-wrapper {
	margin-top:15px;
    padding: 0 15px;
    max-width:310px;
    position: relative;
}

#thumbs {
    overflow: hidden;
}

#thumbs a, #thumbs img  {
    display: block;
    float: left;
}

 #thumbs img {
    border: none;
    position: relative;
    top: 0;
    left: 0;
    width: 87px;
    margin: 6px 2px 0;
    overflow: hidden;
}
 
#thumbs a:hover, #thumbs img.selected {
    border-color:#090;
}

#prev, #next {
    display: block;
    width: 10px;
    height: 71px;
    position: absolute;
    top: 0;
}

#prev {
	 	background: transparent url('../img/headerslider_left.png') no-repeat 0 0;
    left: 0;
}
#next {
    background: transparent url('../img/headerslider_right.png') no-repeat 0 0;
    right: 0;
}            
#ActivLeftWrap{
	float:left;
	padding-top:10px;
	width:33%;
}
#ActivRightWrap{
	float:right;
	padding-top:10px;
	width:65%;
}
.ActivLeftWrapImg1{
	padding-bottom:10px;
	width:100%;
}
.ActivLeftWrapImg2{
	width:100%;
}
#prev.disabled, #next.disabled {
    display: none !important;
}
       
.homeSlier {
	height:594px;
}	

.homeSlier .HeaderText {
	width:43%;
}

/*======================================================================
							HOME CONTENT
=========================================================================*/
.GreenBox {
	width:100%;
	margin:auto;
	background: #0D9825 url(../img/greenbg.jpg) no-repeat center top;
	height:175px;
}

#packages > div.span2 {
	display:inline-block;
	text-align:center;
	width:22.5%;
	padding:20px;
}

#packages h4 {
	font-size:18px;
	color:#fff;
	font-weight:lighter;
	padding-bottom:5px;
	border-bottom: 1px dashed #94c494;
	text-transform:uppercase;
	display:inline-block;
}

#packages h2 {
	font-size:50px;
	line-height:52px;
	font-weight:600;
	padding-bottom:5px;
	color:#FFE800;
}
#packages .span2 span {
	font-size:19px;
	font-weight:300;
	padding-bottom:5px;
	text-transform:uppercase;
	color:#FFE800;
}
.galleryImage{
	float:left;
	border:5px solid #0D9825;
	height: 340px;
}
.gal{
	border:5px solid #FFE800;
}
.galleryImgDescr{
	color:#fff;position:absolute;top:100px;	
}

/*========== Vertical Slider ===========*/

#packages > div.span4 {
	display:inline-block;
	width:32.5%;
	top: -250px;
	right: 0;
	position:absolute;
	background-size: 100%;
	z-index:30;
	text-align:center;
	overflow:hidden;
}

#packages .NewsWrap {
	background-color:#fff;
	padding: 0 7% 20px;
}

.NewsWrap > img { margin-bottom:15px;}

#packages .NewsWrap p {
	padding-bottom:0;
}

#packages .fancyCorner {
	position:relative; 
	padding:20px 60px 20px 20px;
	text-align:left;
}

#packages .fancyCorner h3 {
	color:#0d9925;
	text-transform: uppercase;
	font-weight:400;
	padding-bottom: 0;
}

.fancyCorner > img  {
	position: absolute;
	z-index: -1;
	width:100%;
	height:100%;
	top:0;
	right:0;
}

.newsSlider {
	position:relative;
	border-top:1px solid #ebebeb;
	margin-bottom:20px;	
	text-align:left;
}

.newsSlider ul.news {
	padding:0;
	width:100%;
}

.newsSlider li {
	border-bottom:1px solid #ebebeb;
	padding:5px 0px 10px;
	font-size:13px;
	line-height:18px;
	color:#333333;
	text-align:left;
	height:105px;
}

.newsSlider li span {
	color:#FFC716;
}

.newsSlider p b {
	line-height:19px;
	display:block;
}
.newsSlider .greenBtn {
	margin-top:-10px;
}

.pager {
	margin:5px 0px 15px;
}

.pager a {
	margin: 0 2px;
	line-height:0px;
	display:inline-block;
}

.pager a span {
	background:#f3f3f3;
	width:10px;
	height:10px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	behavior: url(border-radius.htc);
	text-decoration: none;
	font-size:0px !important	;
	color:transparent;
	display:inline-block;
	position:relative;
	z-index: 0;
	border: 1px solid #f3f3f3;
}

.pager a.selected  span {
	background:#333;
	color:#333; 
	border: 1px solid #333;
}

/*========== Center Slider ===========*/

.galleryWrap {
	width:100%;
	overflow:hidden;
}

#gallery {
	width:200%;
	overflow:hidden;
	height:330px;
}

.centerSlider img {
	width:auto;
	float:left;
}

/*.centerSlider li.selected {
	outline:12px solid #ffe800;
	overflow: hidden;
}*/
/*.centerSlider li > img {
	width:100%;
}*/
/*.centerSlider_Text {
	position:absolute;
	bottom:0px;
	width:90%;
	padding:0px 5%;
	text-align:center;
	color:#fff;
}
.centerSlider_Text p {
	color:#fff;
}

*/
/*========== Client Slider ===========*/

#Clients { padding:20px 0 40px; text-align:center; }

#Clients .caroufredsel_wrapper {height:80px !important;}

#ourClients {height:120px; }

#ourClients img {
	display:inline-block;
	margin:0px 40px;
	vertical-align:middle;
}



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

.content {
	padding:70px 0px;
}

.sideTab {
	text-align:center;
}

.tabs {
	margin-bottom:30px;
	border-right:1px solid #d1d1d1;
	margin-bottom:30px;
}

.tabs li {
	display:block;
	padding:10px 0px 10px 10%;
	font-size:16px;
	color:#333;
	text-align:left;
	border-bottom:1px solid #d1d1d1;
	border-right:5px solid transparent; 
	cursor:pointer;
}

.tabs li.selected {
	color:#0c8c21;
	border-right:5px solid #ffe800;
	margin-right:-1px;
	background:#fff;
}

.sideAd {
	margin:5px auto 30px;
	text-align:center;
	width:80%;
}

.mobileAd {
	display:none;
}

.tabContainer {
	padding-left:30px;
}


/*======================================================================
							INNER 
=========================================================================*/
.bannerAbout {
	width:100%;
	background:url(../img/bannerAbout.jpg) no-repeat center top;
	height:300px;
}

.plantation {
	background: #007135;
	background-size:100%;
	padding:15px 10px;
}
.plantation li a {
	font-size:13px;
	text-transform:uppercase;
	padding:10px 10px 15px;
	color:#fbfbfb;
	border-top:1px solid #add1be;
	display:block;
}
.plantation li:first-child a {
	border-top:none;
}
.imgPoabsGroup{
	width:100%;
}
.activities,.quarrying{
	margin-top:10px;
	float:left;
}
.imgActivities{
	float:left;	
	margin-top: 10px;
}
.activities li,.quarrying li{
	padding:10px 15px;
	list-style:square inside;
}
.qualityList{
	margin-bottom:10px;
}
.qualityList li{
	padding:10px 15px;
	list-style:decimal inside;
}

.advantagesList{
	margin-bottom:10px;
	padding-left:20px;
}
.advantagesList li{
	padding:10px 15px;
	list-style:circle outside;
}

.qualityImg{
	width:100%;	
}
.quarryingImg,.processImg1{
	width:100%;	
}
.comparisonImg{
	width:100%;	
	margin-top:30px;
}
.processImg4{
	width:100%;	
	margin-bottom:10px;
}
#processImgTitle{
	text-align:center;
	width:100%;	
	padding-bottom:10px;
}
#processImgWrap2{
	float:left;
	width:45%;
	margin-right:30px;
}
#processImgWrap3{
	float:left;
	width:45%;
}
.processImg2,.processImg3{
		width:100%;
		margin:0px;	
	}
#alignCenter{
	text-align:center;
	margin-bottom: 15px;
}	
.process p{
	clear:both;	
}
#AboutSlideWrap {
	width:339px;
	float:right;
	margin:0 0 10px 10px;
	position:relative;
}

#AboutSlideWrap > a {
	background: rgba(0,0,0,.5);
	height:100%;
	width:40px;
	text-align:center;
	position:absolute;
	top:0;
	display:inline-block;
	vertical-align:middle;
	padding-top:45%;
	visibility:hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

#AboutSlideWrap:hover a {visibility:visible; }

#AboutSlideWrap #imgAbout img {margin:0;}

#AboutSlideWrap #AboutPrev {
	right:0;
}
#AboutSlideWrap #AboutNext {
	left:0;
}

.Tbl{
    border-collapse: collapse;
    margin-top: 20px;
    text-align: left;
    width: 100%;
	margin-bottom:20px;
}

.Tbl th{
	border-bottom: 2px solid #0C8C21;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 8px;
}
.Tbl td{
	border-bottom: 1px solid #9ED1A6;
    padding: 6px 8px;
}
.alignCntr{
	text-align:center;	
}
.tdBorder{
	border-bottom:1px dashed #0C8C21 !important;
}
.imgComparison{
	width:30%;
	float:left;
	margin-right:20px;	
}
#officeAdrsTitle{
	font-size:20px;
	border-bottom:2px solid #0C8C21;
}
#locationName{
	display:none;	
}
#officeAdrs{
	padding:10px 0;
	font-size:13px;
	border-bottom:1px dotted #0C8C21;
}
#officeAdrs h5{
	font-weight:bold;
	font-size:13px;
}
#contactLeft{
	float:left;width:68%;	
}
#contactLeft form{
	margin-top:15px;	
}
#contactLeft input,textarea,select{
	width:90%;	
	margin-bottom:10px;
	border:1px solid #cccccc;
	padding:5px;
}
#contactLeft button{
	padding:5px;
	background:#0C8C21;
	border:1px solid #666;
	color:#ffffff;
	margin-bottom:15px;
}
#contactRight{
	float:right;background:#fff;width:30%;padding:10px;	
}
#warning{
	background: none repeat scroll 0 0 #FFF1F0;
    color: #D85030;	
	border:1px solid #D85030;
	padding:5px;
	margin-bottom:15px;
	display:none;
	width:90%;
}
#success{
	background: none repeat scroll 0 0 #F2FAE3;
    color: #659F13;
	border:1px solid #659F13;
	padding:5px;
	margin-bottom:15px;
	display:none;
	width:90%;
}
#loading{
	background:url(../img/loading.gif);
	background-repeat:no-repeat;
	height:56px;
	display:none;	
}

.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; width: 20%; }
.gallery li a { display: block; margin: 5px; }
.gallery li img { display: block; width: 100%; height: auto; }


#map_canvas {
    width: 100%;
    height: 100%;
}

/*======================================================================
							FOOTER
=========================================================================*/
footer {
	background-image:url(../img/footerbg.png);
	background-position:center top;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-color:#000000;
	padding-top:50px;
	color:#fff;	
	
}

footer p , footer h4 {
	color:#fff;	
}

footer .cols { padding:1.5%;}

footer .social a {
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	behavior: url(border-radius.htc);
	border: 1px solid #f3f3f3;
	width:25px;
	height:25px;
	box-shadow:0px 1px 0px 0px rgba(255,255,255,.11);
	display:inline-block;
	text-align:center;
	margin-right:5px;
	background-color:rgba(0,0,0,.30);
	-webkit-transition: background 0.3s, color 0.6s;
	-moz-transition: background 0.3s, color 0.6s;
	transition: background 0.3s, color 0.6s;
}

footer .social a.fb:hover {
	background-color:#357bc7;
	border: 1px solid #357bc7;
	box-shadow:0px 0px 0px 0px rgba(255,255,255,.11);
}
footer .social a.tweet:hover {
	background-color:#73d2da;
	border: 1px solid #73d2da;
	box-shadow:0px 0px 0px 0px rgba(255,255,255,.11);
}
footer .social a.rss:hover {
	background-color:#73d2da;
	border: 1px solid #73d2da;
	box-shadow:0px 0px 0px 0px rgba(255,255,255,.11);
}
footer .social a.google:hover {
	background-color:#73d2da;
	box-shadow:0px 0px 0px 0px rgba(255,255,255,.11);
}

footer .social a img {
	vertical-align:middle;
	margin-top:4px;
}

.facebook img {width:100%;}


.twitterFeed li {
	background: url(../img/twitter.png) no-repeat left 6px;
	padding-left:25px;
}

footer .bottom {
	border-top:1px solid #3d3d3d;
	margin-top:50px;	
	padding-top:15px;
	padding-bottom: 40px;
	margin-bottom:0;
}

footer .bottom  a.greenText {
	text-transform:none;
}

#offices { 
	background:#cfcfcf;
	bottom:-80%;
	text-align:center;  
	padding:10px; 
	position:absolute;  
	width:100%;
	height:auto;
}

#offices iframe { width:100%; height:100%; margin:auto;}

a.ourOffice {
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#000;
	background:url(../img/footernbtn.png) no-repeat center top;
	width:94px;
	height:46px;
	padding-top:28px;
	display:block;
	text-align:center;
	margin:-56px auto 10px;
}
.OrganicImg1{
	width:100%;
}
.OrganicImg2,.OrganicImg4{
	margin:20px 30px 10px 0;
	width:46%;	
}
.OrganicImg3,.OrganicImg5{
	margin:20px 0 10px 0;
	width:46%;	
}
#OrganicWrap2{
	width:100%;	
}
.OrganicImg6{
	margin-right:20px;
	width:100%;
}
#OrganicWrap3{
	float: left;
    margin-right: 30px;
    width: 46%;
}
#readyMixWrap1{
	float: left;
	margin-top: 15px;
    margin-right: 30px;
    width: 23%;	
}
.readyMixImg1{
	width:100%;
}
#readyMixWrap2{
    float: left;
    margin-top: 15px;
    width: 66%;	
}

#clientsWrap{
	float:left;
	padding-top: 25px;
}

.clientsWrapInner{
	width:100%;
	overflow: hidden;
	padding-bottom: 40px;
}
.clientsImgWrap{
	width:50%;
	float:left;
}

@media screen and (max-width: 1024px){

	body {
		font-size:14px;
		line-height:20px;
		
	}

	h1 {
		font-size:38px;
		line-height:40px;
		padding-bottom:20px;
	}

	h3 {
		font-size:22px;	
		line-height:22px;
		padding-bottom:10px;
	}

	h4 {
		font-size:22px;
		padding-bottom:15px;
	}

	p {padding-bottom:10px;}

	.desktopHide {display:inline-block;}
	
	.container {
		max-width:1020px;
		margin:0px auto;
		position:relative;
		padding-left:10px;
		padding-right:10px;
	}

	header {padding:0 10px; margin:0 10px;}
	header .logo { margin-left:0px;}
	header .logo img {width:200px;} 
	header nav li a {
		padding:18px 8px;
	}
	
	.content {padding:40px 0 25px; }

	.homeSlier .HeaderText {width:45%; }


	#packages > div.span2 {padding:20px 15px; width:21%;}
	#packages > div.span4 {width:35%; margin-right:10px; top:-200px;}

	.NewsWrap > img {display:none;}
	.menuClearance{
		line-height: 18px;
		padding-bottom: 1px;
		padding-top: 20px;
		top: 18px;
	}
	.galleryImage{
		height:160px;	
	}
	#panel {
        position: absolute;
        top: 5px;
        left: 50%;
        margin-left: -180px;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #999;
     }
}

@media screen and (max-width: 768px) {

	header {padding:0 10px; margin:0 5px;}
	header .logo { margin-left:0px;}
	header .logo img {width:150px;} 
	header nav li a {
		padding:16px 5px;
		font-size:12px;
	}
	.ActivLeftWrapImg1,.ActivLeftWrapImg2{
		padding:0px;	
	}
	.OrganicImg2,.OrganicImg3,.OrganicImg4,.OrganicImg5,.OrganicImg6{
		width:auto;
		margin-right:0px;
	}
	#OrganicWrap3{
		width:100%;	
		margin-right:0px;
	}
	#OrganicWrap1,#OrganicWrap2,#OrganicWrap3{
		text-align:center;	
	}
	.menuClearance{
		line-height: 17px;
		padding-bottom: 1px;
		padding-top: 17px;
		top: 17px;
	}
}


@media screen and (max-width: 600px) {

	body {
		font-size:13px;
		line-height:20px;
		
	}

	h1 {
		font-size:22px;
		line-height:25px;
		padding-bottom:10px;
	}

	h3 {
		font-size:22px;	
		line-height:22px;
		padding-bottom:10px;
	}

	h4 {
		font-size:22px;
		padding-bottom:15px;
	}

	p {padding-bottom:10px;}
	

	.container {
		max-width:1020px;
		margin:0px auto;
		position:relative;
	}

	.cols , footer .cols {
		float:none;
		width:100%;
		padding:3%;
		margin-bottom:10px;
	}

	.logo { margin-left:10px;}
	.logo img {width:160px;} 

	
	.content {
		padding:20px 0 15px; 
	}


	
	.mobileAd {
		display:block !important;
		text-align:center;
	}
	.mobileAd > img {margin-bottom:20px;}


	.sideTab .sideAd {display:none;}
	.sideAd {width:auto; vertical-align:middle; margin:15px;}

	.homeSlier {height:367px;}

	.homeSlier .HeaderText {width:auto; margin:auto;}

	#carousel-wrapper {height:290px !important; top:77px; overflow:hidden;}

	#carousel , #carousel-wrapper .caroufredsel_wrapper {height:290px !important;} 

	#carousel img {width:auto; height:100%;}

	#sliderContent {width:97%; margin:auto; padding-top:0;}

	#mainHeaderWrap {padding-top:0px; }

	#mainHeaderWrap header {display:none;}

	#gallery img {height:150px; width:auto;}

	.sideTab {margin-bottom:0;}
	.sideTab .sideAd , .sideTab .plantation {display:none;}
	.sideAd .mobileShow {display:block;}
	.tabs {margin-bottom:0; border-right:0;}
	.tabs li {display:inline-block; padding:10px; font-size:14px; }

	#prev, #next {height:44px; background-size:100% 100%;}

	#thumbs-wrapper {max-width:195px; }

	
	
	#thumbs img {width:49px; }

	#ourClients img {margin:0 20px;}

	footer {
		padding-top:10px;
	}

	footer .bottom {
		margin-top:10px;
		padding-bottom:50px;
	}

	footer .bottom span {
		display:block;
		text-align:center;
		float:none;
	}

	.GreenBox {
		background-image: none;
		padding:15px 0px;
		height:auto;
		text-align:center;
	}

	.GreenBox #packages .span2 {	
		display:inline-block;
		width:180px;
		border:1px dashed #94C494;
		margin:5px;
	}

	.GreenBox #packages .span4 {
		float:none;
		width:100%;
		position:relative;
		margin:10px auto;
		top:auto;
	}

	.newsDiv {margin:0 auto; float:none;}

	.bannerAbout {height:150px;} 

	#AboutSlideWrap {float:none; margin:15px auto; width:300px; overflow:hidden;}

	#AboutSlideWrap > a {display:block;}
	.imgActivities{ float:none;}
	#ActivLeftWrap{
		text-align:center;
		width:auto;	
	}
	
	#ActivRightWrap{
		width:100%;
	}
	.ActivLeftWrapImg1,.ActivLeftWrapImg2{
		width:auto;	
	}
	
	#readyMixWrap1{
		float:none;
		text-align:center;
		width:100%;	
	}
	#readyMixWrap2{
		clear:both;
	}
	.imgComparison{
		width:auto;
	}
	#contactLeft,#contactRight{
		float:none;
		width:100%;
	}
	.menuClearance{
		position: inherit;
    	text-align: left;
	}
	.menuClearance br{
		display:none;
	}

	.clientsImgWrap{
		width:100%;
		float:none;
	}
	
}

@media screen and (max-width: 350px) {
	.imgActivities{
		width:100%;	
		float:none;
	}
	.ActivLeftWrapImg1,.ActivLeftWrapImg2{
		width:100%;	
	}
	
	.OrganicImg2,.OrganicImg3,.OrganicImg4,.OrganicImg5,.OrganicImg6{
		width:100%;
	}
	#processImgWrap2,#processImgWrap3{
		width:100%;
		margin-right:0px;
	}
	.imgComparison{
		width:100%;
		float:none;
	}
	.gallery li { float: none; width: 100%; }
	.clientsImgWrap{
		width:100%;
		float:none;
	}
}