﻿html, body   {
    max-width: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}
body {
	background-color: #333333;
}
#mobilemenu {
	display: none;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1200px;
	padding: 1.25%; /* 15px*/
	background-color: #FFFFFF;
}
#header {
	position: relative;
	width: 100%;
}
#navigation {
	position: relative;
	width: 99.7%;
}
#slider {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}
#content {
	position: relative;
	width: 66.66666666666667%; /* 800px*/
	float: left;
	margin-bottom: 15px;
}
#form {
	position: relative;
	width: 32.08333333333333%; /* 385px*/
	float: left;
	margin-left: 1.25%; /* 15px*/
	margin-bottom: 15px;
}
.clear {
	position: relative;
	clear: both;
	margin-bottom: 15px;
}
#footer {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #598428;
}
.auto-style1 {
	vertical-align: bottom;
}
img {
	max-width:100%;
	height:auto !important;
}
.auto-style2 {
	font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
	color: #FFFFFF;
}
.auto-style3 {
	text-decoration: none;
}
.auto-style4 {
	color: #FFFFFF;
}

p {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: medium;
	color: #333333;
}
h1 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: medium;
	color: #6FA131;
	font-weight: bold;
}
h2 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: medium;
	color: #6FA131;
	font-weight: bold;
}
.float-right {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.green {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	color:#FFFFFF;
	font-family:arial;
	font-size:15px;
	padding:6px 24px;
	text-decoration:none;
}.green:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}.green:active {
	position:relative;
	top:1px;
}

/* 1024 */

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

#mobilemenu {
	display: none;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 97%;
	max-width: 1200px;
	padding: 1.25%; /* 15px*/
	background-color: #FFFFFF;
}
#header {
	position: relative;
	width: 100%;
}
#navigation {
	position: relative;
	width: 99.7%;
}
#slider {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}
#content {
	position: relative;
	width: 66.66666666666667%; /* 800px*/
	float: left;
	margin-bottom: 15px;
}
#form {
	position: relative;
	width: 32.08333333333333%; /* 385px*/
	float: left;
	margin-left: 1.25%; /* 15px*/
	margin-bottom: 15px;
}
.clear {
	position: relative;
	clear: both;
	margin-bottom: 15px;
}
#footer {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #598428;
}
.auto-style1 {
	vertical-align: bottom;
}
img {
	max-width:100%;
	height:auto !important;
}


}


/* MOBILE MEDIA QUERIES Nexus 7 Android landscape */

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

#mobilemenu {
	display: none;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 97%;
	max-width: 1200px;
	padding: 1.25%; /* 15px*/
	background-color: #FFFFFF;
}
#header {
	position: relative;
	width: 100%;
}
#navigation {
	position: relative;
	width: 99.7%;
}
#slider {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}
#content {
	position: relative;
	width: 66.66666666666667%; /* 800px*/
	float: left;
	margin-bottom: 15px;
}
#form {
	position: relative;
	width: 32.08333333333333%; /* 385px*/
	float: left;
	margin-left: 1.25%; /* 15px*/
	margin-bottom: 15px;
}
.clear {
	position: relative;
	clear: both;
	margin-bottom: 15px;
}
#footer {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #598428;
}
.auto-style1 {
	vertical-align: bottom;
}
img {
	max-width:100%;
	height:auto !important;
}


}


/* MOBILE MEDIA QUERIES iPad portrait */

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

#mobilemenu {
	width:100%;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 97%;
	max-width: 1200px;
	padding: 1.25%; /* 15px*/
	background-color: #FFFFFF;
}
#header {
	position: relative;
	width: 100%;
}
#navigation {
	display: none;
}
#slider {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}
#content {
	position: relative;
	width: 66.66666666666667%; /* 800px*/
	float: left;
	margin-bottom: 15px;
}
#form {
	position: relative;
	width: 32.08333333333333%; /* 385px*/
	float: left;
	margin-left: 1.25%; /* 15px*/
	margin-bottom: 15px;
}
.clear {
	position: relative;
	clear: both;
	margin-bottom: 15px;
}
#footer {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #598428;
}
.auto-style1 {
	vertical-align: bottom;
}
img {
	max-width:100%;
	height:auto !important;
}


}


/* MOBILE MEDIA QUERIES Nexus 7 Android portrait / Galaxy Tab */

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

#mobilemenu {
	width:100%;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 97%;
	max-width: 1200px;
	padding: 1.25%; /* 15px*/
	background-color: #FFFFFF;
}
#header {
	position: relative;
	width: 100%;
}
#navigation {
	display: none;
}
#slider {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}
#content {
	position: relative;
	width: 100%; /* 800px*/
	margin-bottom: 15px;
}
#form {
	position: relative;
	width: 100%; /* 385px*/
	margin-left: 0px; /* 15px*/
	margin-bottom: 15px;
}
.clear {
	position: relative;
	clear: both;
	margin-bottom: 15px;
}
#footer {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #598428;
}
.auto-style1 {
	vertical-align: bottom;
}
img {
	max-width:100%;
	height:auto !important;
}


}



/* MOBILE MEDIA QUERIES Mobile iPhone 6 */

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

#mobilemenu {
	width:100%;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 97%;
	max-width: 1200px;
	padding: 1.25%; /* 15px*/
	background-color: #FFFFFF;
}
#header {
	position: relative;
	width: 100%;
}
#navigation {
	display: none;
}
#slider {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}
#content {
	position: relative;
	width: 100%; /* 800px*/
	margin-bottom: 15px;
}
#form {
	position: relative;
	width: 100%; /* 385px*/
	margin-left: 0px; /* 15px*/
	margin-bottom: 15px;
}
.clear {
	position: relative;
	clear: both;
	margin-bottom: 15px;
}
#footer {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #598428;
}
.auto-style1 {
	vertical-align: bottom;
}
img {
	max-width:100%;
	height:auto !important;
}

p {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: small;
	color: #333333;
}
h1 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: small;
	color: #6FA131;
	font-weight: bold;
}
h2 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: small;
	color: #6FA131;
	font-weight: bold;
}
.float-right {
    float:left;
    padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}

}



/* MOBILE MEDIA QUERIES Mobile */

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

#mobilemenu {
	width:100%;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 97%;
	max-width: 1200px;
	padding: 1.25%; /* 15px*/
	background-color: #FFFFFF;
}
#header {
	position: relative;
	width: 100%;
}
#navigation {
	display: none;
}
#slider {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}
#content {
	position: relative;
	width: 100%; /* 800px*/
	margin-bottom: 15px;
}
#form {
	position: relative;
	width: 100%; /* 385px*/
	margin-left: 0px; /* 15px*/
	margin-bottom: 15px;
}
.clear {
	position: relative;
	clear: both;
	margin-bottom: 15px;
}
#footer {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #598428;
}
.auto-style1 {
	vertical-align: bottom;
}
img {
	max-width:100%;
	height:auto !important;
}
p {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: small;
	color: #333333;
}
h1 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: small;
	color: #6FA131;
	font-weight: bold;
}
h2 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: small;
	color: #6FA131;
	font-weight: bold;
}

}
