@charset "utf-8";
/* CSS Document */
.imgresponsive{ width:100%;  height:auto; }
.logoimg{ max-width:294px !important; }
.hometop, .homebottom{ display:none; }
.NAVBut{display: none; }
#nav li.navmobileanchor{ display: none !important;}
.section{ padding: 0px 0 20px 0 !important; }
#home{ padding-top:145px !important;}
@media screen and (max-width: 980px) {
.section{ /*padding:50px 0; top: 145px; margin-bottom: -145px !important;*/  } 
#nav .menu{ display: none; }
.NAVBut{display: block; float:right; width: 10%; }
 
#header .logo{ width: 85% !important; left:5px !important; } 
#header .inner { width: 96% !important; }

.header_banner img{ width: 100% !important; height:auto !important; }
.header_banner span{ width: 100% !important; height:auto !important; }
.content { width: 96% !important; margin:5px auto !important; padding:0px !important; }
.content .right img{ padding: 0px !important; max-width: 345px; }
.content .right{ text-align:center !important;}
h1{ padding-top: 25px; }

#contactform tr {    display: table;  width:100%;    }               
#contactform td { padding:25px 0 25px 0 !important; margin:25px 0 25px 0 !important; display: table-row; } 
#contactform input.field{ width: 90% !important; }
#contactform textarea{ width: 90% !important; max-width: 90% !important; }
#contactform table{ width: 96% !important; }
table{border-collapse:separate; border-spacing: 3px; /* Apply cell spacing */}

.responsivenav{ display:block !important; }
#nav li.navanchor a{ display: none !important;}
#nav li.navanchor{ display: none !important;}
#nav li.navmobileanchor{ display: block !important;}
#nav ul.menu {
    float: none !important;
    list-style: none;
    padding-top: 0;
	position:absolute;
	top: 110px;
	left:0;
	background: #88C84B;
	width: 100%;
}
#nav ul.menu li {
    float: none !important;
	border-bottom: 1px dashed #ffffff;
	width: 100%;
	padding: 10px 5px !important;
	margin:0 !important;
}
#nav ul.menu li.last, #nav ul.menu li.navanchor {
    float: none !important;
	border-bottom: none !important;
	width: 100%;
}

#nav ul.menu li a{ color: #ffffff !important; border: none !important; }
}
@media screen and (max-width: 759px) {
#home .content{ background: none !important; height:auto !important; }
.hometop, .homebottom{ display:block; }
.homebottom{ text-align:center !important;}
.homebottom img{ padding: 0px !important; max-width: 345px; }
.content .left{ width: 100% !important; float:none !important; padding:0 !important;}
.content .right{ width: 100% !important; float:none !important; padding:0 !important; margin-left: 0px !important;}
#home .content .left{ padding-top: 5px !important;}

}

@media (min-width: 760px) and (max-width: 980px) {
.content .left{ width: 50% !important; float:left !important; padding:0 !important;}
.content .right{ width: 50% !important; float:left !important; padding:0 !important; margin-left: 0px !important;}
#home .content .left{ padding-top: 100px !important; }
#home .content {
    background: url(images/homebg.gif) top left no-repeat;
	background-size:contain;
}
}

@media (max-width: 980px) {

nav ul {
  display: none;
}

nav li {
  width: 100%;
}

.nav-mobile {
  display: inline-block;
}
}
 @media (min-width: 981px) {
#nav .menu{ display: block; }
nav ul { display: block !important; }
}

@media screen and (max-width: 335px) {
body { overflow-x: hidden; }
	
}