/* apply a natural box layout model to all elements */
/* http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font-family: 'Montserrat', sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}



/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a{color:#89b321;text-decoration:none;}
a:link {-webkit-tap-highlight-color: #fcd700;} 
a:hover {color:#336633;text-decoration:underline;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

header{
	width:832px;
	margin:auto;
	}
	
.headerimage{
	width:806px;
	margin:auto;
	
	}	
nav{
	width:806px;
	height:50px;
	margin:auto;
	border-bottom:1px dotted #999;
	line-height:50px;
	font-size:16px;
	color:#666;
	font-weight:400;
	}
	
nav a{
	color:#666;
	text-decoration:none;
	}
	
nav a:hover{
	color:#333;
	text-decoration:none;
	}	
	
	
article{
	width:806px;
	margin:25px auto;
	font-weight:400;
	font-size:13px;
	line-height:23px;
	font-family:Helvetica, Arial, sans-serif
	
	}
	
h1 {
	font-size:26px;
	padding-bottom:15px;
	color:#89b321;
	font-weight:400;
	font-family: 'Montserrat', sans-serif;
	}
	
h2 {
	font-size:20px;
	padding-bottom:15px;
	color:#89b321;
	padding-top:15px;
	font-weight:400;
	font-family: 'Montserrat', sans-serif;
	}	
	
	
.threeimgs{
	width:806px;
	margin:auto;
	overflow:auto;
	}	
	
.threeimgs h2 {
	font-size:17px;
	padding-bottom:5px;
	color:#89b321;
	padding-top:5px;
	font-weight:400;
	font-family: 'Montserrat', sans-serif;
	}			
.lawn{
	width:274px;
	margin:auto;
	float:left;
	}
	
.hedge{
	width:273px;
	margin:auto;
	float:left;
	}
	
.conifer{
	width:259px;
	margin:auto;
	float:left;
	}				
	
.quote h2 {
	font-size:29px;
	padding-bottom:20px;
	color:#ccc;
	font-weight:400;
	font-family: 'Montserrat', sans-serif;
	}		
	
footer{
	width:806px;
	height:50px;
	margin:auto;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	line-height:50px;
	font-size:11px;
	margin-bottom:20px;
	font-family:Helvetica, Arial, sans-serif;
	color:#999;
	}
	
.left{
	float:left;
}
.right{
	float:right;
}


ul {display:block;}

li {display:inline-block;
    padding:0px 20px 0px 0px
	}
.selected {
	color:#333;
	}
	
.galleryrowtop{
	width:806px;
	padding:15px 0px 0px 0px;
	overflow:auto;
	}
	
.galleryrow{
	width:806px;
	overflow:auto;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}	
	
.galleryimg{
	width:163px;
	float:left;
	}
	
.galleryimg2{
	width:153px;
	float:left;
	}
	
.clear{
	clear:both;
	}
	
fieldset {border: 0;font-family: 'Montserrat', sans-serif;color:#666;}								


input { 
background-color:#fff; 
color: #000;
width:450px;
height:20px; 
padding:20px 10px 20px 10px;
border:1px solid #CCC;
font: normal 13px Helvetica, sans-serif;
line-height:15px; 
}

input:focus
{ 
background-color:#f9f9f9;
outline:none;
border:1px solid #89b321;

}

textarea {
	width: 450px;
	height: 120px;
	border: 1px solid #CCC;
	padding: 5px;
	resize: none; 
	font: normal 13px Helvetica, sans-serif;
}

textarea:focus
{ 
background-color:#f9f9f9;
outline:none;
border:1px solid #89b321;

}


.submit
{
    background: url(images/send_button.png) no-repeat;
    height: 43px;
    width: 85px;
    border: none;
	cursor: pointer;
	outline: none;
	color:#000;

}

.submit:hover
 {
     background: url(images/send_button.png) 0 -43px no-repeat;
	 cursor: pointer;
	 outline: none;

 }
 
article button          {display:block;float:left;clear:both;border:0px;background:#89b321;-webkit-border-radius: 3px;
	border-radius: 3px;color: #fff;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 26px;}
article button:hover     {display:block;float:left;clear:both;border:0px;background:#336633;-webkit-border-radius: 3px;
	border-radius: 3px;color: #fff;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 26px;}	
/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

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