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

@import url('reset.css');

body{
	font-family: "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#545454;
	background:url(../images/bg-texture-dark.jpg) repeat;
}

a{
	color:#098912;
	text-decoration:none;
}
a:hover{
	color:#2fc00d;
	text-decoration:none;	
}

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

/***************** PARAGRAPHS AND HEADINGS ********************/
.greentext{
	color:#098912;
}

p{
	margin:15px 0px 15px 0px;
	line-height:18px;
}

h1{
	float:left;
	font-size:55px;
	color:#ffffff;
	font-weight: bold;
	letter-spacing: -2px;
	padding:15px 15px 15px 15px;
	background-color:rgba(102,195,34,0.9);
}

.ie h1{
	background-color:rgb(102,195,35);
}


h2{
	font-size:42px;
	line-height:46px;
	color:#5a5a5a;
	font-weight:normal;
	letter-spacing:-2px;
	margin:0px 0px 20px 0px;
}

h3{
	font-size:18px;
	color:#5a5a5a;
	font-weight:bold;
	line-height: 22px;
	margin:30px 0px 15px 0px;
}

h4{

}

h5{

}

h6{

}

strong{
	font-weight:bold;
}
em{
	font-style:italic;
}

/************************** HEADER ******************************/
header{
	width:100%;
	height:110px;
	/*background-color:rgba(108,243,27,0.9);
	border-bottom:solid 6px rgba(242,255,131,0.9);*/
	background-color:rgba(255,255,255,0.9);
	border-bottom:solid 6px rgba(102,195,34,0.9);
	float:left;
}
.ie header{
	background-color:rgb(255,255,255);
	border-bottom:solid 6px rgb(102,195,34);
}

#logo{
	margin-top:10px;
	float:left;
}

div#header-b{
	width:100%;
	height:17px;
	margin-bottom:40px;
	background:url(../images/content-shadow-b.png) repeat-x;
	float:left;
}

/************************* NAVIGATION ***************************/
nav#main-nav{
	margin-top:89px;
	float:right;
}
.ie nav#main-nav{
	margin-top:86px;
}
nav#main-nav a{
	display:inline;
	color:#0a7411;
	margin:0px 0px 0px 10px;
	padding:5px 8px 5px 8px;
}
.ie nav#main-nav a{
	display:block;
	float:left;
}
nav#main-nav a:hover{
	text-decoration:none;
	background:rgba(157,231,103,0.9);
}
.ie nav#main-nav a:hover{
	background:rgb(153,251,93);
}
nav#main-nav a#current-page{
	background:rgba(102,195,34,0.9);
	color:#ffffff;
}
.ie nav#main-nav a#current-page{
	background:rgb(102,195,34);
}

/************************* MAIN CONTENT AREA ********************/
div#main-content-t{
	width:100%;
	height:17px;
	margin-top:40px;
	background:url(../images/content-shadow-t.png) repeat-x;
	float:left;
}
div#main-content-b{
	width:100%;
	height:17px;
	background:url(../images/content-shadow-b.png) repeat-x;
	float:left;
}
div#main-content{
	width:100%;
	float:left;
}
div#main-content-bg{
	width:100%;
	padding:60px 0px 60px 0px;
	background:url(../images/bg-texture.jpg) repeat;
	float:left;
}

div#headingtext p{
	float:left;
	width:643px;
	background:rgba(255,255,255,0.9);
	padding:15px 15px 15px 15px;
	margin:0px 0px 0px 0px;
	color:#000000;
}
.ie div#headingtext p{
	background:rgb(255,255,255);
}

div#bgimage{
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center top;
	background-size: cover;
	background-attachment: fixed;
	float:left;
}

/************************* FOOTER *******************************/
footer{
	width:100%;
	height:120px;
	background:url(../images/bg-texture-dark.jpg) repeat;
	color:#929292;
	font-size:12px;
	line-height:16px;
	float:left;
}
div#footer-t{
	width:100%;
	height:17px;
	background:url(../images/content-shadow-b.png) repeat-x;
	float:left;
}

div#copyright{
	margin-top:10px;
	float:left;
}
div#footer-contact{
	margin-top:10px;
	float:right;
}
div#footer-contact p{
	text-align: right;
}
footer a{
	color:#929292;
}
footer a:hover{
	color:#dddddd;
}

a#heronymo{
	color:#565656;
}
a#heronymo:hover{
	color:#dddddd;
}

/************************** HOME ********************************/
div.bg-home{
	background-image:url(../images/headerimg-home.jpg);
}

div.bg-home div#header-b{
	margin-bottom:90px;
}
div.bg-home div#main-content-t{
	margin-top:90px;
}

/************************* SERVICES ******************************/
div.bg-services{
	background-image:url(../images/headerimg-services.jpg);
}

div.service{
	width:300px;
	height:250px;
	float:left;
}
div.service h3{
	width:280px;
	display:block;
	font-size:20px;
	letter-spacing:-1px;
	color:#ffffff;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	margin-top:-1px;
	background:#0bbe18;
}
div#softscaping{
	margin:0px 30px 0px 30px;
}

div.separator{
	width:100%;
	height:2px;
	margin:40px 0px 40px 0px;
	background:#dedede;
	font-size:1px;
	line-height:1px;
	float:left;
}

div#callustoday{
	width:100%;
	float:left;
}
div#callustoday h2{
	text-align: center;
}
div#callustoday p{
	text-align: center;
	font-size:18px;
	line-height:22px;
}

/************************* ABOUT US ******************************/
div.bg-aboutus{
	background-image:url(../images/headerimg-aboutus.jpg);
}

div#aboutus-text{
	width:100%;
	float:left;
}

div#aboutus-images{
	width:100%;
	margin-top:40px;
	float:left;
}
div#aboutus-images img{
	float:left;
}

/************************** GALLERY *******************************/
div.bg-gallery{
	background-image:url(../images/headerimg-gallery.jpg);
}

div.gallery-item{
	width:310px;
	height:150px;
	margin-top:15px;
	overflow: hidden;
	background:url(../images/gallery/gallery-item-bg.jpg) no-repeat;
	float:left;
}
div.gallery-row{
	width:100%;
	float:left;
}
div.gallery-row div.gallery-item:nth-child(even){
	margin-right:15px;
	margin-left:15px;
}
.gallery-item-hidden{
	display:none;
}

/************************** CONTACT US ****************************/
div.bg-contactus{
	background-image:url(../images/headerimg-contactus.jpg);
}

div#contact-options{
	width:360px;
	background:#f0f0f0;
	float:right;
}
div#contact-options h4{
	width:330px;
	font-size:18px;
	letter-spacing:-1px;
	font-weight: normal;
	background:#e8e8e8;
	margin:0px 0px 15px 0px;
	padding:15px 15px 15px 15px;
}
div#contact-options p{
	width:330px;
	padding:15px 15px 15px 15px;
}
div#contact-options ul li{
	width:330px;
	padding:0px 15px 0px 15px;
	line-height: 18px;
}

input, textarea{
	font-family: "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:18px;
}

form p{
	margin-top:25px;
}
input{
	width:220px;
	margin-top:4px;
	padding:5px 5px 5px 5px;
	background:#f0f0f0;
	border:1px solid #afafaf;
}
textarea{
	width:560px;
	height:150px;
	margin-top:4px;
	padding:5px 5px 5px 5px;
	background:#f0f0f0;
	border:1px solid #afafaf;
}
span.form-error{
	color:#b90000;
}
input#contactform-submit{
	width:auto;
	font-size:14px;
	padding:7px 25px 7px 25px;
	background:#414141;
	border:1px solid #181818;
	color:#ffffff;
	cursor: pointer;
}