#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu {
	position: relative;
	top:0;
	left:0;
	text-align: right;
	width: 100% !important;
}
#cssmenu:after,
#cssmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#cssmenu #menu-button {
	display: none;
}
#cssmenu ul{
	position:relative;
	padding: 0 212px 0 0;
	margin: 0 auto !important;
}
#cssmenu ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	text-align: center;
	line-height: 24px;
}
#cssmenu a{
	text-decoration: none;
	text-transform: capitalize;
font-family: "Lucida Bright", "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	display: block;
	margin: 0;
	padding: 14px 19px 13px 19px;
	background: rgba(255,255,255,0.1);
}
#cssmenu a:hover, #cssmenu a:focus {
	background: rgba(255,255,255,0.3);
}
#lirequest a{
	background: rgb(227,133,67);
	background: -moz-linear-gradient(top, rgb(227,133,67) 0%, rgb(173,47,24) 100%);
	background: -webkit-linear-gradient(top, rgb(227,133,67) 0%,rgb(173,47,24) 100%);
	background: linear-gradient(to bottom, rgb(227,133,67) 0%,rgb(173,47,24) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e38543', endColorstr='#ad2f18',GradientType=0 );
	border-radius: 1px;
	box-shadow: 0 0 0pt 3pt #243a09;
	border: 2px solid #bfd0b5;
	position: absolute;
	right:0;
	top: -3px;
	margin:0;
	padding:15px 18px 19px 18px;
	text-shadow: 0px 0px 4px #ad2f18;
	text-decoration: none;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 18px;
}
#lirequest a:hover, #lirequest a:focus{
	background: rgb(199,89,45);
	background: -moz-linear-gradient(top, rgb(199,89,45) 0%, rgb(153,41,21) 100%);
	background: -webkit-linear-gradient(top, rgb(199,89,45) 0%,rgb(153,41,21) 100%);
	background: linear-gradient(to bottom, rgb(199,89,45) 0%,rgb(153,41,21) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C7592D', endColorstr='#992915',GradientType=0 );
	text-shadow: 0px 0px 4px #992915;
}









@media all and (max-width: 1300px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1300px), 
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1300px), 
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1300px), 
only screen and (min-device-pixel-ratio: 2) and (max-width: 1300px), 
only screen and (min-resolution: 192dpi) and (max-width: 1300px), 
only screen and (min-resolution: 2dppx) and (max-width: 1300px) {

body{
    min-width: 0;
zoom:85%;
/*-moz-transform: scale(.85);*/
    background: url(../images/background-2.jpg) center top no-repeat scroll #67b243;
    background-size: 150% auto;
}
#contactinfo{
    float: none;
    margin: 50px auto 0 auto;
    width: 775px;
    max-width: 80%;
}
#contactinfo ul {
    float: left;
    width: 50%;
    box-sizing: border-box;
}
#contactinfo img {
    width: 50%;
}
#formdiv{
	zoom: 117.65%;
    width: 750px;
    max-width: 80%;
    margin: 50px auto;
}
#footer .width{
display: block;
position: relative;
}
#left, #center, #right{
width: auto;
display: inline-block;
width: 30%;
min-width: 0px;
}
#left{
float:left;
}
#center{
margin:0 auto;
}
#right{
float:right;
}
#footer ul{
display: block;
}
#footer #left:before, #footer #right:before{
content:"";
display: block;
padding-bottom: 15%;
}


}




/* ********************** if editing width here, also edit width in menu_script.js file ********************** */

@media all and (max-width: 900px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 900px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 900px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 900px), only screen and (min-device-pixel-ratio: 2) and (max-width: 900px),
only screen and (min-resolution: 192dpi) and (max-width: 900px), only screen and (min-resolution: 2dppx) and (max-width: 900px) {
body{
width: 100%;
min-width: 10px;
zoom:100%;
/*-moz-transform: scale(1.0);*/
}
#contactinfo{
    width: 100%;
    max-width: 100%;
}
#formdiv{
	zoom: 100%;
    width: 100%;
    max-width: 100%;
}
.width, .section, #control{
width: 100%;
min-height: 10px;
margin:0;
padding:0;
}
#photo{
position: relative;
padding: 120px 0 150px 0;
margin-bottom: -150px;
text-align: center;
	background: #67b243;
	/*background: url(../images/background.jpg) left -900px top -150px no-repeat fixed #67b243;*/
	background: url(../images/background-2.jpg) center top -175px no-repeat fixed #67b243;
	background-size: 600%;
}
#photo div{
position: relative;
top:0;
left:0;
display: block;
clear: both;
margin: 30px auto 10px auto;
}
#photo .width{
min-height: 10px;
margin: 0px;
}
#logo{
display:none;
}
#logo img{
display:none;
position: relative;
margin: 0 auto;
top:0;
left:0;
}
#quality{
}
#quality img{
width: 90%;
margin: 0 auto;
}
#callnow{
margin: 0 auto;
padding: 15px 20px 30px 20px;
}
#greenmenu{
position: relative;
top: -110px;
width: 90%;
margin: 0 auto -110px auto;
padding: 10px 0;
}
#greenmenu ul{
}
#greenmenu li{
margin: 0 auto;
display: inline-block;
width: 162px;
max-width: 49%;
}
#greenmenu a{
font-size: 18px;
margin: 0 auto;
padding: 10px 0;
}
#greenmenu a:after{
content: none;
display: none;
}
#greenmenu img{
width: 100%;
max-width: 100px;
}
h1, #lawnmowing p, #sprinkler p, #aboutus p,
#lawnmowing h1, #sprinkler h1, #aboutus h1, #contactus h1, #testimonies h1{
	padding: 0px 0 15px 0;
text-align: center;
}
h2{
text-align: center;
}
h1{
font-size: 40px;
text-shadow: 0px 0px 3px #000;
}
h2{
font-size: 30px;
text-shadow: 0px 0px 2px #333;
}
#aboutus h1, #aboutus h2, #contactus h1, #contactus h2{
text-shadow: none;
}
p, #lawnmowing p, #sprinkler p, #testimonies p, #contactus p, #aboutus p{
padding: 0 20px;
font-size: 20px;
text-align: left;
}
#lawnmowing .main, #sprinkler .main, #aboutus .main{
position: relative;
top:0;
left:0;
height: 300px;
width: auto;
margin: 0 auto;
border: 3px solid white;
border-width: 3px 0 3px 0;
box-shadow: 0px 0px 6px #000;
}
#lawnmowing .main{
display: none;
}
#sprinkler .main{
height: auto;
width: 100%;
}
#aboutus .main{
position: relative;
z-index: 11;
height: auto;
width: 100%;
margin: 0 0 -35px 0;
}
.icon{
position: relative;
top:0;
left:0;
text-align: center;
margin-top: 40px;
}
#lawnmowing{
margin-top: 150px;
padding-top:0;
border-top: none;
}
#columns{
margin:0;
padding:0;
}
#columns img{
position: relative;
display: block;
margin: 0 auto;
box-shadow: 0px 0px 6px #000;
width: 100%;
border: 3px solid white;
border-width: 3px 0 3px 0;
/*width: 250px;*/

}
#columns ul{
list-style-position: inside;
}
.column{
display: block;
width: 100%;
margin:0;
padding: 0 0 30px 0; 
}
#col1, #col2, #col3{
position: static;
}
#sprinkler{
padding: 0 0 30px 0;
}
#ourwork{
	background: rgba(224,207,180,0.6);
text-shadow: 0px 0px 3px #333;
}
#ourwork h1{
text-shadow: 0px 0px 5px #000;
}
#ourwork p{
padding: 0 30px;
}
#gallery{
padding-bottom: 30px;
text-align: center;
}
#gallery > a{
	display: inline-block;
	margin: 0 8px 20px 8px;
	border: 3px solid #fff;
	box-shadow: 0px 0px 4px #333;
}
#gallery > a > img{
	width: 120px;
	height: 120px;
}
#testimonies{
text-align: center;
padding-bottom: 40px;
}
#testimonies p{
margin: 10px 40px 0 10px;
font-size: 18px;
padding: 15px 20px;
}
#testimonies p:before {
    border-top: 5px solid transparent;
    border-left: 30px solid #fff;
    border-bottom: 17px solid transparent;
}
#testimonies .main{
float: none;
position: initial;
margin-top: 20px;
display: block;
}
#testimonies .clear{
display: none;
}
#testimonies:after{
content:"";
display: block;
clear: both;
width: 1px;
height: 1px;
}
#orangemenu, #orangemenu.stick{
position:fixed;
top: auto;
bottom:0;
margin:0;
padding:0;
z-index: 999;
min-width:120px;
box-shadow: 0px 0px 3px #243A09;
background: #67B243;
}
#orangemenu span{
display: none;
}
#orangemenu li, #orangemenu.stick li{
bottom:0;
}
#orangemenu li#firstorange{
	margin: 0 100px 0 0;
}
#orangemenu a{
	box-shadow: 0 0 2px 1px #243a09;
	border: 2px solid #eee;
border-width: 2px 2px 0px 2px;
width: 30px;
margin-top: -10px;
padding: 4px 10px 6px 10px;

}
#orangemenu img{
margin: 0;
	width: 22px;
	height: 24px;
}
#aboutus, #aboutus .width{
padding: 0 0 0px 0;
}
#contactus{
background:none;
margin:0;
padding:0;
}
#contactus .icon, #contactus h1{
display:none;
}
#contactinfo{
float:none;
margin: 0 auto;
width: 100%;
border-top: 4px solid #fff;
}
#contactinfo ul{
width: 100%;
padding-top: 20px;
}
#contactinfo li{
font-size:17px;
}
#contactinfo li#phone{
font-size: 20px;
}
#contactinfo img{
width: 100%;
}
#formdiv{
margin: 0 auto -10px auto;
border-width: 4px 0 4px 0;
width: 100%;
box-shadow: none;
border-radius: 0;
}
#formdiv form:before{
content:"Contact Us";
text-transform: uppercase;
display: block;
text-align: center;
font-size: 40px;
color: #007C85;
}

#formdiv input, #formdiv textarea{
border-radius: 0px;
box-shadow: none;
}
#formdiv #city{
width: 100%;
}
#formdiv #state{
width: 30%;
}
#formdiv #zip{
width: 60%;
}
#formdiv #context{
margin:15px 0 4px 0;
}
#formdiv #time{
	width: 100%;
}
#formdiv #code{
	width: 60%;
float:left;
font-size: 18px;
}
#formdiv textarea{
height: 190px;
font-size: 19px;
}
#formdiv .button, #formdiv .button:hover, , #formdiv .button:focus{
font-size: 16px;
box-shadow: 0 0 0 2px #000;
	margin: 16px 0 16px auto;
border: 2px solid #fff;
	padding: 8px 10px;
width: 150px;
text-align: center;
}
#formdiv #captcha{
position: relative;
left:-20px;
top: 6px;
}



#footer{
	position: relative;
	z-index:6;
	background: #67b243;
	padding:0;
	clear: both;
}
#footer .leaf{
display:none;
}
#footer .width{
display: block;
position: relative;
}


#left, #center, #right{
display: block;
width: 100%;
min-width: 0px;
float: none;
margin:0;
padding: 20px 0;
}
#left{
display:none;
}
#left ul{
margin:0;
padding: 0 20px;
display: block;
}
#center{
margin:0 auto;
padding: 40px 0 30px 0;
}
#center img{
width: 90%;
}
#right{
}
#right p{
margin:0;
}
#footer #left:before, #footer #right:before{
display: none;
}
#copyright{
	padding: 1px 0 32px 0;
	background: #c8592d;
	text-align: center;
}
#copyright p{
	font-size: 16px;
}
#copyright span{
display: block;
text-align: center;
}
#copyright span:after{
display: none;
}
#copyright #twinfalls{
}
#copyright #wl{
}
#copyright #natek{
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 13px;
color: #FBE4DC;
}





















#cssmenu, #cssmenu *{
	text-align: left !important;
	box-shadow:none !important;
}
#cssmenu br{
	display:none;
}
 #cssmenu {
	width: 100%;
	box-shadow: 0px 3px 6px #000 !important;
	padding-left:0px;
	position: fixed;
	top:-1px;
	z-index: 999;
  }
#cssmenu, #cssmenu ul {
background: rgb(124,193,80);
background: -moz-linear-gradient(top, rgb(124,193,80) 0%, rgb(90,168,58) 18%, rgb(124,193,80) 44%);
background: -webkit-linear-gradient(top, rgb(124,193,80) 0%,rgb(90,168,58) 18%,rgb(124,193,80) 44%);
background: linear-gradient(to bottom, rgb(124,193,80) 0%,rgb(90,168,58) 18%,rgb(124,193,80) 44%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cc150', endColorstr='#7cc150',GradientType=0 );
}
#cssmenu ul {
	width: 100%;
	margin:0 0 5px 0;
	padding:0;
	display: none;
	z-index: 999;
	box-shadow: 4px 4px 4px #000;
  }
  #cssmenu ul li {
	background: none;
	border: none;
	margin: -1px 0;
    width: 100%;
    float: none;
    text-align: left;
  }
#lirequest a{
	border-radius: 0;
	box-shadow:0;
	border:0;
	position: initial;
}
#cssmenu ul > li > a, #lirequest a{
	font-weight: 400;
    border-bottom: 0;
	padding: 14px 15px 12px 15px;
}
#cssmenu ul li a:hover, #cssmenu ul li a:focus{
	color: #133304;
	background: #66A149;
	background: rgba(139,190,115,0.5);
}
ul li#lirequest a:hover, ul li#lirequest a:focus{
	color: #fff;
	background: rgb(199,89,45);
	background: -moz-linear-gradient(top, rgb(199,89,45) 0%, rgb(153,41,21) 100%);
	background: -webkit-linear-gradient(top, rgb(199,89,45) 0%,rgb(153,41,21) 100%);
	background: linear-gradient(to bottom, rgb(199,89,45) 0%,rgb(153,41,21) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C7592D', endColorstr='#992915',GradientType=0 );
	text-shadow: 0px 0px 4px #992915;
}



  #cssmenu #menu-button {
	width: 100%;
	height: 100px; /*          full bar height!          */
	display: block;
	margin-right: 25px;
	padding: 27px 17px;
	background:url(../images/mobilelogo.png) left 16px top 16px no-repeat;
background-size:240px;
	cursor: pointer;
	box-shadow: 0px 0px 6px #000 !important;
	color: #67B243;
	font-size: 1px;
	font-size: 0px;
	font-weight: normal;
  }
  #cssmenu #menu-button:after, #cssmenu #menu-button.menu-opened:after {
    position: absolute;
    top: 45px; /*          expand button - top/bottom position!          */
    right: 20px;/* this *****************/
    display: block;
    height: 8px;
    width: 28px; /*          expand button - width!          */
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';
  }
  #cssmenu #menu-button:before, #cssmenu #menu-button.menu-opened:before {
    position: absolute;
    top: 34px; /*          expand button - top/bottom position!          */
    right: 20px;/* this *****************/
    display: block;
    height: 2px;
    width: 28px; /*          expand button - width!          */
    background: #fff;/* this *****************/
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after{
    height: 7px;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
}
#cssmenu #menu-button.menu-opened:before {
	background-color: #eee;
	top: 36px; /*          expand button - top/bottom position!          */
	height: 2px;
}


}