/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris
 * License URL: http://www.fontspring.com/fflicense/exljbris
 *
 *
 */

@font-face {
    font-family: "MuseoSlab500";
    font-style: normal;
    font-weight: normal;
    src: url("../type/Museo_Slab_500-webfont.eot#iefix") format("embedded-opentype"),
		 url("../type/Museo_Slab_500-webfont.woff") format("woff"), 
		 url("../type/Museo_Slab_500-webfont.ttf") format("truetype"),
		 url("../type/Museo_Slab_500-webfont.svg#MuseoSlab500") format("svg");
}
body#home a#homenav,
body#groundworks a#groundnav,
body#agri a#agrinav,
body#lubricant a#lubnav,
body#about a#aboutnav,
body#contact a#contactnav{
color: #fff;
background: #730000;
margin:0;
padding: 0 12px 0 12px;
}
html, body, #inner-wrapper { height: 100%; }

body > #inner-wrapper {height: auto; min-height: 100%;}
/* =============================================================================
   General
   ========================================================================== */
body {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000;
   	font-family: 'Lato', Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
	font-style: normal;
    font-weight: normal;

}

a{
	color:#999999;
	font-style: normal;
    font-weight: normal;
	outline:0;
	text-decoration:none;
	
	
}
a:active,a:focus {
	outline: none;
}

a:hover{
	color:#999999;
	text-decoration:none;

}
a:active{
	color:#999999;
	text-decoration:none;

}
a:visited{
	color:#fff;
	text-decoration:none;

}


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

.cf:after {
    clear:both;
}

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


/* =============================================================================
   header
   ========================================================================== */
	 
#wrapper{
	border-top:2px solid #0b1e2e;
	display: block;	    
}

#inner-wrapper{
	width:960px;
	
	padding-bottom: 240px; 
	margin:0 auto;
}

header{
	margin:0;
	height:100px;
	

}
#logo{
	border:none;
	float: left;

	
	margin:35px 0 10px 0;
	
	
	
}

#call-us{
    color: #730000;
	
	float:right;
    font-size:20px;
    font-weight:700;
	
 
	padding:18px 0 30px 0;
  
	
}


#call-us span {
    color: #2a2740;
  	font-weight:100;
    font-size: 20px;
		font-family: 'Lato', Arial,Helvetica,sans-serif;
		float:left;

    margin: 0;
	padding:0 20px  0 21px;
	text-transform:uppercase;
    
}



/* =============================================================================
   Navigation
   ========================================================================== */



nav a:link {
     color:#0b1e2e;
	-webkit-transition: color 0.5s ease-in;
	-moz-transition: color 0.5s ease-in;
	-o-transition: color 0.5s ease-in;
	-ms-transition: color 0.5s ease-in;
	transition: color 0.5s ease-in;
	text-decoration: none;
	text-transform:uppercase;
	display:block;
	padding: 0 12px 0 12px;
	font-size:13px;
	
}
 
nav a:visited {
     color:#0b1e2e;
    } 

nav a:hover {

     color:#730000;
	  background: #ccc;
	
    }  
nav a:active {
     color:#730000;
    }  
	
 
nav a:focus{
     color:#730000;
    }  
		
  

nav ul li {
    display: block;
    float: left;
    width: auto;
}


nav ul li:first-child{ 
padding:0;
    
}


nav ul {
	float:right;
    height: 30px;
	margin:20px 0 10px 0;
	line-height:30px;
    overflow: hidden;
    position: relative;
	list-style: none;
  
   
  }

/* =============================================================================
   Slider
   ========================================================================== */  
  
 #slider {
	
   overflow: hidden;
	
	width: 960px;
	height: 300px;
	position:relative;
	
	margin-top:10px;
	padding:0;

}
#slider-image{
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	width: 10000px; 
	height: 300px;
	padding:0;
	margin:0;

}
#slider-image section {
	float: left;
	width: 960px;
	height: 300px;
	padding:0;
	margin:0;
	
}
 
img{
	padding:0;
	margin:0;
}

.ie6 #slider-image, .ie7 #slider-image {
	margin-top: 0;
} 

.captions {
   z-index:200;
   position:absolute;
   top:150px;
   width:300px;
   margin-left:20px;
   color:#fff;
   background-color:#0b1e2e;
   opacity:0.75;
   padding:17px;
   
}
.captions h2{
	padding-bottom:15px;
	font-size:20px;
	text-transform:uppercase;
   
  }
  
.captions p{
	font-size:14px;
	line-height:17px;
	padding-bottom:15px;
	 
   
  }
.captions a{
	color:#CCCCCC;
	font-weight:bold;

	 
   
  }

/* =============================================================================
   controls
   ========================================================================== */
#controls{
 	 width:960px;
	 margin:0 auto;
	 padding-top:20px;
 	 font-family: 'Lato', Arial,Helvetica,sans-serif;
  	 font-size: 13px;
 	line-height:15px;
}
 

#controls .col:first-child{
	margin-left:0;

}



#controls .col{
	width:290px;
	float:left;
	margin-left:45px;
	display:block;
	text-decoration:none;
	color:#666666;
	background-color:#FFFFFF;
}


/* =============================================================================
  Buttons
   ========================================================================== */

#buttons h3{
	border-top:#ccc thin solid;
	border-bottom:#ccc thin solid;
	background-color:#FFFFFF;
	color:#0b1e2e;
	padding:10px 10px 10px 0;
	text-transform:uppercase;
	font-size:16px;
	
}

#buttons p{
	padding-top:20px;
	margin:0;
	background-color:#FFFFFF;
	position:relative;
	
}
#buttons .link{
	display:inline-block;
	color:#0b1e2e;
	font-weight:bold;

}

#buttons ul{
	padding-left:25px;
	padding-top:10px;
	text-transform:uppercase;
}
#buttons ul li{
	padding-top:5px;
	line-height:19px;
}

#buttons{
	display:block;
	opacity: 0.8;
	
	filter: progid:DXImageTransform.Microsoft.Chroma(color='white')
                progid:DXImageTransform.Microsoft.Alpha(opacity=80);
				
    -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=80)";

}

#buttons:active{
	opacity:1;


     
	filter: progid:DXImageTransform.Microsoft.Chroma(color='white')
                progid:DXImageTransform.Microsoft.Alpha(opacity=100);
				
        -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=100)";

        
				background-color:#FFFFFF;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;

	}
	
	#buttons.active{
	opacity:1;


     
	filter: progid:DXImageTransform.Microsoft.Chroma(color='white')
                progid:DXImageTransform.Microsoft.Alpha(opacity=100);
				
        -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=100)";

        
				background-color:#FFFFFF;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;

	}

#buttons:hover {
	opacity:1;

       
	filter: progid:DXImageTransform.Microsoft.Chroma(color='white')
                progid:DXImageTransform.Microsoft.Alpha(opacity=100);
				
        -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=100)";

	background-color:#FFFFFF;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;

	
}


.view-more{
	
	margin: 30px 0 0 0;
	display:block;
	text-transform:uppercase;
	color:#730000;
	font-weight:bold;
	font-size:16px;
	       
	filter: progid:DXImageTransform.Microsoft.Chroma(color='white')
                progid:DXImageTransform.Microsoft.Alpha(opacity=100);
				
        -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=100)";

	
	
	
}
.view-more:visited{
	color:#730000;
	font-weight:bold;
}
 
/* =============================================================================
  Pages General
   ========================================================================== */
 
 .border{
	clear:both;
 	border-top:#DEDEDE thin solid;
	padding-top:20px;
	width:960px;
	}
 .title{
 	
    color:#0b1e2e;
	
    font-size:50px;
	
    font-family: "MuseoSlab500",Georgia, "Times New Roman", Times, serif;
    padding:30px 0 20px 30px; 
   } 
   
#colomn-works{
	border-bottom:#ccc thin solid;
    margin-bottom:10px;
	padding-bottom:30px;
  
}

#colomn-works h2{
   font-size:30px;
   padding-top:30px;
   margin-right: 20px;
}

#colomn-works p{
  	padding-top:30px;
  	font-size:14px;
  	color:#666666;
 }
 
    
   #colomn-works article:first-child{
   
   width:280px;
   float:left;
   margin-left:0;
   }
      #colomn-works article{
   
   width:650px;
   float:left;
    margin-left:30px;
	
   }

   
   #colomn-works h4{

	padding:30px 0 10px 0;
	font-size:16px;
	color:#0b1e2e;
	text-transform:uppercase;
   
   
   }
   #colomn-works p{
   font-size:15px;
   line-height:17px;
   
   
   }
   
   
   
  
   #colomn-works ul{
   padding-left:25px;
	font-size:13px;
	text-transform:uppercase;
	color:#666666;
   	
 
   
   }
   
      #colomn-works .con{
   
   color:#730000;
   font-size:16px;
   text-transform:uppercase;
   font-weight:bold;
   
   }
         #colomn-works .con a{
   
   color:#730000;
   
   }
     #colomn-works li{
	 
  line-height:19px;
	padding-top:10px;
	
   	
 
   
   }
   



#colomns article{
	width:300px;
	float:left;
	margin:10px 0 35px 28px;


}

#colomns article:first-child {
	margin-left:0;

}
#colomns article h4{

	border-top:#ccc thin solid;
	border-bottom:#ccc thin solid;
	padding:10px;
	margin:10px 0 10px 0;
	font-size:16px;
	color:#0b1e2e;
	text-transform:capitalize;
}

#colomns article p{
	padding-top:20px;
 	 font-family: 'Lato', Arial,Helvetica,sans-serif;
  	font-size: 13px;
 	line-height:15px;
	color:#666666;
	


}
 
   #colomns ul{
   padding-left:25px;
   margin-top:20px;
	font-size:13px;
	text-transform:uppercase;
	color:#666666;
   	
 
   
   }
    #colomns li{
	 
  
	padding-top:10px;
	
   	
 
   
   }
   
   #gallery article{
	width:300px;
	float:left;
	margin:20px 0 10px 28px;


}

#gallery article:first-child {
	margin-left:0;

}

.title-gallery{
  
	background-color:#730000;
	padding:8px;
	margin:7px 0 10px 0;
	width:360px;
	cursor:pointer;
	font-size:16px;
	line-height:16px;
	color:#fff;
	text-transform:uppercase;
	
	

  } 
  
.close{

cursor:pointer;
color:#730000;
font-style:italic;
}
   
   /* =============================================================================
   About
   ========================================================================== */
   
   #about-title{
	padding:30px 0 30px 10px;
	margin-right:20px;
	font-size:55px;
	 color:#0b1e2e;
	font-family: "MuseoSlab500",Georgia, "Times New Roman", Times, serif;
	  
	}
   

   
 #about-colomn article:first-child{
   	width:450px;
	margin-top:25px;
	margin-left:0;
	float:left;
   
   
   }
  #about-colomn article{
	float:left;
	width:450px;
	margin-top:25px;
	margin-left:55px;
	 font-family: 'Lato', Arial,Helvetica,sans-serif;
  	font-size: 14px;
 	line-height:16px;
	color:#666666;
	
   
   
   }
   #about-colomn h4{
   	border-top:#ccc thin solid;
	border-bottom:#ccc thin solid;
	padding:10px;
	font-size:16px;
	color:#0b1e2e;
	text-transform:capitalize;
	
   
   }
    #about-colomn p {
   	
	padding:20px 10px 10px 10px;
	
   
   }
   
   
   
  
/* =============================================================================
   contact form
   ========================================================================== */
 

#contact-wrapper{
	margin-top:20px;
	

}
#contact-info h3{
	border-top:#ccc thin solid;
	border-bottom:#ccc thin solid;
	padding:10px 0 10px 0;
	font-size:16px;
	color:#0b1e2e;
	margin-bottom:20px;
	text-transform:uppercase;

}
#contact-info h4{


	font-size:15px;
	color:#730000;
	margin:10px 0 20px 0;
	text-transform:uppercase;

}

#contact-info{
	margin-right:50px;
	width:280px;
	float:left;
	font-size:14px;


}
#contact-info img{
	margin:0 20px 20px 0;
	}
	 
#contact-info .address p{
 padding-top:7px;
 

}

#contact-form {
	width:630px;
	padding:0 0 20px 0;
	
	position:relative;
	float:left;
	line-height:14px;
}
#contact-form h3{
	border-top:#ccc thin solid;
	border-bottom:#ccc thin solid;
	padding:10px 0 10px 0;
	font-size:16px;
	color:#0b1e2e;
	margin-bottom:20px;
	text-transform:uppercase;
	line-height:18px;

}

#contact-form h4 {
	
	padding:10px 0 20px 0;
	
}


#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
	font-size:13px;
	margin-bottom:2px;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea {
	width:610px;
	border: 1px solid #CEE1E8;
	margin-bottom:15px;
	padding:4px;
}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
	border: 1px solid #AFCDD8;
	background-color: #EBF2F4;
}

#errors {
	border:solid 1px #E58E8E;
	padding:10px;
	margin:25px 0px;
	display:block;
	width:437px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#FFE6E6;
	display:none;
}

#errors li {
	padding:2px;
	list-style:none;	
}

#errors li:before {
	content: ' - ';	
}

#errors #info {
	font-weight:bold;
}

#errors #info:before {
	content: '';	
}

#success {
	border:solid 1px #83D186;
	padding:25px 10px;
	margin:25px 0px;
	display:block;
	width:437px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3;
	font-weight:bold;
	display:none;
}

#errors.visible, #success.visible {
	display:block;	
}
#contact-form textarea {
	height:150px;
	resize: none;
}

#contact-form label {
	display:block;
}

#contact-form .required {
	font-weight:bold;
	color:#730000;	
	font-size:14px;
}

#contact-form #submit{
	width: 100px;
	background-color: #730000;
	color:#FFF;
	border:none;
	display:block;
	float:right;
	margin-bottom:0px;
	margin-right:6px;
	
}

#contact-form #submit:hover {
	background-color:#AFCDD8;
}

#contact-form #submit:active {
	position:relative;
	top:1px;
}

#contact-form #loading {
	width:32px;
	height:32px;
	background-image:url(../images/loading.gif);
	display:block;
	position:absolute;
	right:130px;
	bottom:16px;
	display:none;
}


#req-field-desc {
	font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
	color:#CCC;
	font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color:#CCC;
	font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
	color:#CCC;
	font-style:italic;
}




   
/* =============================================================================
	footer
   ========================================================================== */

#footermain{
  	height:240px;
	 position: relative;
	
	margin-top: -210px; 
	padding-top:30px;
 	border-top:#E3E3E3 solid thin;
 	background-image: linear-gradient(bottom, rgb(250,250,250) 20%, rgb(240,240,240) 60%, rgb(240,240,240) 80%);
	background-image: -o-linear-gradient(bottom, rgb(250,250,250) 20%, rgb(240,240,240) 60%, rgb(240,240,240) 80%);
	background-image: -moz-linear-gradient(bottom, rgb(250,250,250) 20%, rgb(240,240,240) 60%, rgb(240,240,240) 80%);
	background-image: -webkit-linear-gradient(bottom, rgb(250,250,250) 20%, rgb(240,240,240) 60%, rgb(240,240,240) 80%);
	background-image: -ms-linear-gradient(bottom, rgb(250,250,250) 20%, rgb(240,240,240) 60%, rgb(240,240,240) 80%);

/*background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.2, rgb(250,250,250)),
	color-stop(0.6, rgb(240,240,240)),
	color-stop(0.8, rgb(240,240,240))
);*/
  
  } 



#footermain h4{
	border-top:#ccc thin solid;
	border-bottom:#ccc thin solid;
	padding:10px;
	font-size:16px;
	color:#0b1e2e;
	text-transform:capitalize;

}
#footermain p{
	padding:10px;
	 font-family: 'Lato', Arial,Helvetica,sans-serif;
  	font-size: 12px;
 	line-height:14px;
	color:#666666;

}
#footermain ul {
  width:960px;
  margin:0 auto;
}
 
#footermain li:first-child{
	width:290px;
	margin-left:0;

}
#footermain li {
	list-style:none;
	width:290px;
	float:left;
	margin-left:45px;
	


}
#footer-bottom{
	clear:both;
	background:#0b1e2e;
	height:30px;

}

.footercolomn{
	padding:10px;

}
.email img{
	float:left;
	margin-right:30px;
	margin-top:11px;
}


.phone img{
	float:left;
	margin-right:30px;
	margin-top:9px;

}
	

.address img{
	float:left;
	margin-right:30px;
	margin-top:9px;
	
}
#coming-wrapper{
	width:820px;
	margin:0 auto;

}

#colomn-one {
	float:left;
	margin-top:110px;
	

}
#colomn-two {
	
	margin-left:100px;
	

}

#colomn-two p{
	
	padding-top:5px;
	

}

.comingsoon{
font-size:24px;
padding-top:20px;
padding-bottom:20px;
font-family:'Lato', Arial,Helvetica,sans-serif;
color:#730000;
}

.lub-title{
	float:left;
	width:400px;
	padding:30px 0 30px 10px;
	margin-right:20px;
	margin-left:20px;
	font-size:55px;
	 color:#0b1e2e;
	font-family: "MuseoSlab500",Georgia, "Times New Roman", Times, serif;
}
#lub-colomn h4{
	
	padding:10px;
	font-size:16px;
	color:#0b1e2e;
	text-transform:capitalize;
	
}
#lub-colomn a{
	color:#730000;
}
#lub-colomn p{
	padding:10px;
	 font-family: 'Lato', Arial,Helvetica,sans-serif;
  	font-size: 14px;
 	line-height:16px;
	color:#666666;
	height:300px;
}