html {overflow-y: scroll; height: 100%;box-sizing: border-box;}

*, *:before, *:after {
  box-sizing: inherit;
}

* :focus { outline: 0; }

body {background-color: #598311;
margin:0 0 0 0;
font-family: Arial, sans-serif;
font-size: 16px;
font-style: normal;
line-height:22px;
color: #000000;
	}

A:link, A:visited {color: #598311; text-decoration: none;}
A:hover {color: #598311; text-decoration: underline;}

.topnav {
color: #7cc107;
	}

a.topnav:link {color: #7cc107; text-decoration: none;}
a.topnav:visited {color: #7cc107; text-decoration: none;}
a.topnav:hover {color: #e4f208; text-decoration: none;}

h1 {font-family:Arial, sans-serif;
font-size: 22px;
line-height: 26px;
color: #598311;
	}
	
h2 {font-family:Arial, sans-serif;
font-weight:bold;
font-size: 18px;
color: #598311;
	}
	
h3 {font-family:Arial, sans-serif;
font-weight:bold;
font-size: 16px;
color: #3D5C05;
	}

ul.checkmark{
list-style:none;
}
	
ul.checkmark li {
background:url("../images/checkmark.gif") no-repeat 0 12%;
padding-left:34px;
}

.activetitle {font-family: Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #333333;
	}
	
.footer {font-family: Arial, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #aFaFaF;
	}

a.footer:link {color: #AFAFAF; text-decoration: none;}
a.footer:visited {color: #AFAFAF; text-decoration: none;}
a.footer:hover {color: #AFAFAF; text-decoration: underline;}

#headerbar{
position:relative;
width:100%;
background-color:#000000;
height:110px;
padding:0;
margin:0;
}

#header{
position:relative;
margin:auto;
width:100%;
max-width:1000px;
}

#logo{
position:relative;
padding-top:30px;
bottom: 14px;
float:left;
line-height:19px;
text-align:center;
}

#taglinetxt{
padding-top:12px;
float:none;
clear:both;
margin:auto;
text-align:center;
}

#topnav{
float:none;
padding-top:12px;
width:100%;
text-align:center;
line-height:18px;
}

#topnavmobile{
display:none;
}

.tagline{
color:#ffffff;
font-size:20px;
font-style:italic;
letter-spacing:.5px;
font-weight:300;
font-family:Lato,arial,sans-serif;
}

#homecontent{
width:100%;
background-image:url(../images/lime.jpg);
background-position:top center;
background-repeat:no-repeat;
min-height:523px;
font-size: 45px;
color:#293f01;
text-shadow: 0 0 14px #ffffff, 0 0 14px #ffffff, 0 0 14px #ffffff, 0 0 14px #ffffff, 0 0 14px #ffffff;
padding-top:360px;
text-align:center;
background-color:#ffffff;
}

#pgwrap{
clear:both;
background-color:#ffffff;
width:100%;
position:relative;
display:inline-block;
margin-bottom:-6px;
}

#pgcontent{
width:100%;
max-width:980px;
margin:auto;
position:relative;
margin-top:20px;
font-family:lato,arial, sans-serif;
}

#rightcol{
width:66%;
position:relative;
float:right;
padding:12px;
padding-bottom:22px;
}

#leftcol{
width:33%;
position:relative;
float:left;
padding:12px;
padding-bottom:30px;
}

#piccol{
width:33%;
position:relative;
float:left;
padding:12px;
padding-bottom:30px;
}

#piccol img{
border:1px solid #dddddd;
}

#blankbuffer{
display:block;
position:relative;
}

#quotation{
font-size:18px;
line-height:26px;
margin:auto;
max-width:285px;
text-align:center;
}

#footerwrap{
position:relative;
margin:auto;
width:100%;
background-image:url(../images/botfade.png);
background-position: top center;
background-repeat:repeat-x;
min-height:65px;
clear:both;
}

#footertxttop{
position:relative;
width:100%;
max-width:1040px;
color:#ffffff;
font-size:24px;
line-height:28px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
text-align:center;
margin:auto;
padding-top:28px;
}

#footertxtbottom{
position:relative;
width:100%;
max-width:1040px;
color:#ffffff;
font-size:28px;
line-height:32px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
text-align:center;
margin:auto;
padding-top:18px;
padding-bottom:28px;
}

#footer{
position:relative;
width:100%;
max-width:900px;
margin:auto;
padding-top:24px;
color:#cedab8;
font-size:16px;
line-height:30px;
padding-bottom:28px;
}

#footer a{
color:#cedab8;
}

#footer a:hover{
color:#ffffff;
text-decoration:none;
}

#footerinfo{
position:relative;
float:left;
}

#footercontact{
position:relative;
float:right;
}

#footermobile{
display:none;
}

#menucontrols{
float:right;
color:#7CC107;
font-size:22px;
padding:0 12px;
cursor:pointer;
width:150px;
height:50px;
position:relative;
margin:auto;
margin-top:14px;
}

#menucontrols:hover{
color:#e4f208;
}

#topnavmobile{
z-index:999;
display:none;
width:100%;
position:relative;
text-align:center;
font-size:17px;
font-family: Lato, Arial, sans-serif;
color:#ffffff;
font-weight:700;
letter-spacing:.25px;
line-height:30px;
background-color:#000000;
clear:both;
padding:12px 0;
-webkit-box-shadow: -4px 3px 4px 0px rgba(0,0,0,0.3);
-moz-box-shadow: -4px 3px 4px 0px rgba(0,0,0,0.3);
box-shadow: -4px 3px 4px 0px rgba(0,0,0,0.3);
}

.formfield{
color:000000;
padding:2px;
border:1px solid #aaaaaa;
width:170px;
}

.formfield:focus{
border:1px solid #333333;
}

.tfield{
color:000000;
padding:6px;
border:1px solid #aaaaaa;
width:100%;
}

.tfield:focus{
border:1px solid #333333;
}

.sendbutton{
margin-top:20px; padding:8px 12px; color:#ffffff; background-color:#598311; font-size:16px; font-family:Lato,arial,sans-serif; font-weight:400; border:none; border-radius:6px; cursor:pointer; letter-spacing:.3px;
}

.sendbutton:hover{
background-color:#3D5C05;
}

#ffield{
float:left;
padding-right:36px;
margin-bottom:14px;
}

/* for 880px or less */
@media screen and (max-width: 880px) {

#logo{
margin:0;
float:none;
position: relative;
padding:40px 0 0 0;
text-align:center;
width:100%;
}

#topnav{
float:none;
padding:10px 0 0 0;
width:100%;
text-align:center;
}

#topnav  ul{
display:none;
}

#menucontrols{
float:none;
margin:auto;
clear:both;
}

.tagline{
font-size:24px;
}

#topnav ul li:hover ul {
display: none;
opacity: 0;
visibility: hidden;
}

#homecontent{
font-size: 36px;
line-height:40px;
color:#293f01;
padding-top:290px;
}

#footer{
text-align:center;
}

#footerinfo{
float:none;
margin:auto;
}

#footercontact{
float:none;
margin:auto;
}

#headerbar{
height:190px;
}

#rightcol{
width:60%;
position:relative;
float:right;
padding:12px 30px 20px 20px;;
}

#leftcol{
width:40%;
position:relative;
float:left;
padding:12px 12px 20px 30px;
padding-bottom:30px;
}

#piccol{
width:40%;
position:relative;
float:left;
padding:12px 12px 20px 30px;
padding-bottom:30px;
}

}

/* for 640px or less */
@media screen and (max-width: 640px) {

#homecontent{
font-size: 30px;
padding-top:290px;
padding-left:12px;
padding-right:12px;
}

#footertxttop{
font-size:22px;
line-height:28px;
padding-left:12px;
padding-right:12px;
padding-bottom:12px;
}

#footertxtbottom{
font-size:26px;
line-height:30px;
padding-right:12px;
padding-left:12px;
}

#logo{
margin:0;
float:none;
position: relative;
padding:40px 0 0 0;
text-align:center;
width:100%;
}

#topnav{
float:none;
width:100%;
text-align:center;
}

#rightcol{
width:100%;
position:relative;
clear:both;
float:none;
padding:20px 30px 8px 20px;
}


#leftcol{
width:100%;
position:relative;
clear:both;
float:none;
padding:20px;
}

#piccol{
display:none;
}

#blankbuffer{
display:none;
}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

.tagline{
font-size:18px;
letter-spacing:.25px;
}

#footerinfo{
display:none;
}
#footercontact{
display:none;
}
#footermobile{
display:block;
}

#topnav{
margin-top:-20px;
}

#menucontrols{
margin-top:20px;
}

#topnavmobile{
padding:12px 0 20px 0;
}

#homecontent{
background-size:cover;
min-height:323px;
padding-top:160px;
}

#pgcontent{
margin-top:0px;
margin-bottom:20px;
}

#rightcol {
padding-left:30px;
padding-right:30px;
}

}