body {
	background-color: #609944;
	margin:0px;
	padding:0px;
	font: 11.5px verdana, arial, helvetica;
	color: #416271;
}
#csa {
	float:left;
	padding:1px 0 0 10px;
}
#bar {
	position:static;
	background-color:#ffffff;
	width:auto;
	height:50px;
	z-index:1;
}
#how-it-works {
	margin-left:50px;
}
#logobox {
	position:absolute;
	background-color:#333333;
	width:900px;
	height:75px;
}

#webim {
		position:fixed;	
	width:240px;
	height:200px;
	margin-left:910px;
	margin-top:40px;
}
#diagram p {
	margin:0;
}
#diagram h3 {
	margin:0;
	font-weight:bold;
}
#diagram {
	position:relative;
	margin-top:0px;
	height:400px;
}
#tagline {
	position:relative;
	font-family:"MgOpenCosmeticaBold", "Lucida Sans", "Lucida Grande", sans-serif;
	font-size:16px;
	width:500px;
	top:-170px;
	left: 320px;
	text-transform:uppercase;
	letter-spacing:3px;
	z-index:11;
}

div.border {
	display: block;
	padding: 8px;
	border: solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color: #FFFFFF;
}

#google_translate_element {
left:25px;
}

#paragraph1 {
	position:relative;
	top:5px;
	left:470px;
	width:400px;
	height:300px;
}


#leaf {
	position:relative;
	top:-200px;
	left:770px;
	width:122px;
	height:50px;
}
h1 {
	font-family:"MgOpenCosmeticaBold", "Lucida Sans", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	color:#609944;
	font-weight:bold;
}
h2 {
	color: #589637;
	font-family:"MgOpenCosmeticaBold", "Lucida Sans", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-size:1.5em;
	font-weight:normal;
}
h3 {
	color: #006600;
	font-family:"MgOpenCosmeticaBold", "Lucida Sans", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
}
h4 {
	padding:0 0 10px 0;
	margin:0px;
	font-size:14px;
	color:#609944;
}
p {
	text-align:justify;
	padding:2px 0 2px 0;
	margin:0px;
	line-height:15px;
}
p.white {
	color: #FFFFFF;
}
p.green {
	color:#d4f0ba;
}
p.clear {
	clear:both;
	padding:10px 0 0 0;
}
img.left_img {
	border:1px #cae6c6 solid;
	float:left;
	margin:0 10px 0 0;
}
img.box_img {
	float:left;
	padding:0 20px 0 0;
}
a img  
{  
border: none;  
}  

#main_container {
	width:900px;
	height:auto;
	margin:auto;
	background-color: #FFFFFF;
}
#main_products {
	width:700px;
	height:auto;
	margin:auto;
	background-color: #FFFFFF;
	
}

#specs1 {
	
	width:800px;
	height:auto;
	margin:auto;

	
	
}
#header {
	width:900px;
	height:auto;
	margin:auto;
}
#logo {
	position:relative;
	border:none;
	top:-5px;
	width:200px;
	height:193px;
	left:10px;
	z-index:10;
	
}


#logo2 {
	
	position:relative;
	top:190px;
	width:282px;
	height:105px;
	left:550px;
	z-index:10;
	
}
#banner {
	position:relative;
	z-index:1;
	margin-bottom:-15px;
	margin-top:-15px;
	height:434px;
	width:900px;
}

#banner4 {
	position:relative;
	z-index:1;
	margin-bottom:-15px;
	margin-top:-15px;
	height:434px;
	width:900px;
}
#banner2 {
	background-image:url(images/general-banner.jpg);
	background-size: 900px 434px;
	position:absolute;
	z-index:1;
	margin-bottom:0px;
	margin-top:0px;
	height:424px;
	width:900px;
}
#menu {
	width:900px;
	height:42px;
	padding:0px;
	clear:both;
	background-color:#333132;
}
#menu ul {
	list-style:none;
	padding:0 0 0 195px;
	margin: auto;
	display:block;
}
#menu ul li {
	list-style:none;
	display:inline;
	float:left;
	width:auto;
	height:42px;
	padding:0px;
	line-height:42px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#menu ul li a {
	height:42px;
	width:auto;
	float:left;
	text-decoration:none;
	padding:0 0 0 25px;
	margin:0px 3px 0px 3px;
	color:#fff;
	text-align:center;
}
#menu ul li a:hover {
	height:42px;
	width: auto;
	text-decoration:none;
	color: #fff;
	padding:0 0 0 25px;
	background:url(images/menu_arrow.gif) no-repeat left;
}
#menu ul li a.current {
	height:42px;
	width: auto;
	float:left;
	text-decoration:none;
	padding:0px;
	color: #fff;
	padding:0 0 0 25px;
	background:url(images/menu_arrow.gif) no-repeat left;
}
#banner h1 {
	color:white;
	margin:0;
	padding:0;
	background:#599637;
	display:block !important;
	padding:10px 20px 10px 10px;
	font-size:40px;
	line-height:50px;
	text-transform:uppercase;
	float:left;
}
#product-title {
	position:absolute;
	left: 340px;
	top: 135px;
}
#product-names {
	float:left;
	color:white;
	display:block;
	margin-top:23px;
	margin-left:20px;
	font-size:15px;
	font-family:"MgOpenCosmeticaBold", "Optima", "Lucida Sans", "Lucida Grande", sans-serif;
}
#gallery-intro {
	color:white;
	position:absolute;
	left: 410px;
	top: 220px;
	text-transform:uppercase;
	font-size:12px;
}
#gallery {
	position:absolute;
	left: 364px;
	top: 248px;
}
#gallery a {
	float:left;
	display:block;
	width:100px;
	height:75px;
	margin-right:6px;
}
#gallery a:hover img {
	border:2px solid #599637;
	margin:-2px;
}
#gallery .pointer {
	float:left;
	margin-right:5px;
	margin-top:20px;
}
#gallery img {
	border:0;
}
.second-row {
	padding-top:8px;
	clear:both;
	margin-left:46px;
}
h2 {
	margin:0;
}
.summary p {
	margin:0;
}
.inset {
	float:left;
	margin-right:15px;
	margin-bottom:5px;
}
.summary {
	float:left;
	width:425px;
}
table.specs {
	clear:both;
	border-collapse:collapse;
	width:100%;
	border-bottom:1px solid #AAD793;
	margin-bottom:4em;
	font-size:0.9em;
}
.specs td {
	padding:6px 1em 6px 0;
}
.specs .note {
	border-top:1px solid #AAD793;
}
thead {
	background:#DEE9D8;
}
.description {
	clear:both;
	padding-right:2em;
}
#subnav.products-subnav {
	left:400px;
}
.green_box {
	width:900px;
	height:434px;
	clear:both;
	background-position:50px 0px;
	alignment-adjust:middle;
}
.magic_box {
	width:900px;
	height:350px;
	clear:both;
	background-position:50px 0px;
}
.clock {
	float:left;
	padding:0px;
}
.text_content {
	width:350px;
	float:left;
	padding:20px 0 0 0;
}
.read_more {
	width:101px;
	height:29px;
	float:right;
	padding:10px;
	background:url(images/read_more_bg.gif) no-repeat center;
	line-height:29px;
	text-align:center;
}
.read_more a {
	text-decoration:none;
	color:#FFFFFF;
}
.read_more_link {
	width: auto;
	float:right;
	padding:3px 25px 3px 0;
	background:url(images/orange_bullet.gif) no-repeat right;
}
.read_more_link a {
	text-decoration:none;
	color:#f7941d;
}
#left_nav {
	width:320px;
	height:auto;
	padding:5px 0 0 0;
	float:left;
}
#left_nav ul {
	list-style:none;
	margin: auto;
	display:block;
	padding:0px;
}
#left_nav ul li {
	list-style:none;
	display:block;
	width:auto;
	height:29px;
	padding:0px;
	line-height:29px;
}
#left_nav ul li a {
	height:29px;
	display:block;
	width:280px;
	text-decoration:none;
	padding:0 0 0 35px;
	margin:7px 0 7px 0;
	color:#6898ac;
	background:url(images/left_nav_arrow.gif) no-repeat left;
	border-bottom:1px #bedf77 dashed;
	background-position:0px 0px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#main_content2 {
	background-color:#FFFFFF;
	width:900px;
	height:auto;
	clear:both;
}
#main_content {
	width:900px;
	height:auto;
	clear:both;
}
#left_content {
	width:320px;
	height:auto;
	margin:10px;
	float:left;
	padding:10px;
	background:url(images/left_content_bg.gif) repeat-x top;
}
#right_content {
	width:490px;
	height:auto;
	margin:10px 0 0 0;
	float:left;
	padding:10px;
}
#about_content {
	width:auto;
	height:auto;
	margin:10px 0 0 0;
	float:left;
	padding:20px;
	font: 11.5px verdana, arial, helvetica;
}
#right_nav {
	width:263px;
	height: auto;
	padding:20px 0 0 50px;
	float:left;
}
#right_nav ul {
	list-style:none;
	margin: auto;
	display:block;
	padding:0px;
}
#right_nav ul li {
	list-style:none;
	display:block;
	width:auto;
	height:29px;
	padding:0px;
	line-height:29px;
}
#right_nav ul li a {
	height:29px;
	display:block;
	width:263px;
	text-decoration:none;
	padding:0 0 0 35px;
	margin:7px 0 7px 0;
	color:#d4f0ba;
	background:url(images/right_nav.gif) no-repeat center;
	background-position:0px 0px;
}
#right_nav ul li a:hover {
	height:29px;
	display:block;
	width:263px;
	text-decoration:none;
	color: #d4f0ba;
	padding:0 0 0 35px;
	margin:7px 0 7px 0;
	background:url(images/right_nav_a.gif) no-repeat center;
	background-position:0px 0px;
}
#right_nav ul li a.current {
	height:29px;
	display:block;
	width:263px;
	text-decoration:none;
	padding:0px;
	color: #d4f0ba;
	padding:0 0 0 35px;
	margin:7px 0 7px 0;
	background:url(images/right_nav_a.gif) no-repeat center;
	background-position:0px 0px;
}
.products_box {
	height:auto;
	padding:0px 0 5px 0;
}
.search_box {
	width:267px;
	height:124px;
	float:left;
	margin:15px 10px 10px 0;
	background:url(images/search_box_bg.gif) no-repeat center;
	background-position:0px 0px;
}
.search_title {
	font-size:14px;
	color:#7ea743;
	padding:10px 0 0 15px;
	float:left;
	font-weight:bold;
}
input.search_input {
	width:170px;
	height:20px;
	background-color:#FFFFFF;
	border:1px #c0c485 solid;
	float:left;
	margin:15px 0 0 15px;
}
input.submit {
	float:left;
	padding:0 0 0 10px;
}
.subsearch {
	width:200px;
	float:left;
	color:#8b8e5d;
	padding:0 0 0 15px;
}
.contact_information {
	width:280px;
	float:left;
	padding:10px 0 0 10px;
}
.news {
	width:310px;
	clear:both;
	padding:10px 0 10px 0;
}
.news_icon {
	width:30px;
	float:left;
	padding:0 10px 0 0;
}
.news_content {
	width:260px;
	float:left;
	padding:0 0 0 10px;
	text-align:justify;
	line-height:13px;
}
.news_content span {
	color:#4ab7e8;
}
.services_box {
	height:120px;
	padding:10px 0 5px 0;
	margin:0px 0px 10px 0;
	border-bottom:1px #a7ef6e dashed;
}
.best_sol_box {
	width:277px;
	float:left;
}
.news_archive {
	width:190px;
	height: auto;
	padding:10px 0 0 10px;
	float:left;
}
.news_archive ul {
	list-style:none;
	padding:10px 10px 10px 10px;
	margin:0px;
	width:190px;
	float:left;
}
.news_archive ul li {
	list-style:none;
	width:180px;
	height: auto;
	padding:0px;
	line-height:26px;
}
.news_archive ul li a {
	width: 180px;
	text-decoration:none;
	padding:0 0 0 20px;
	margin:6px 0px 6px 0px;
	color:#000;
	text-align:left;
	background:url(images/bullet.gif) no-repeat left;
	background-position:0px 0px;
}
.news_archive ul li a:hover {
	width: 180px;
	text-decoration:underline;
	color: #000;
}
.contact_info_box {
	width:500px;
	height:116px;
	margin:5px;
	background:url(images/contact_info_bg.gif) no-repeat center;
}
.contact_info_title {
	font-size:14px;
	color:#7ea743;
	padding:10px 0 0 15px;
	font-weight:bold;
}
.contact_info {
	float:left;
	padding:15px 10px 5px 13px;
}
.adress {
	clear:both;
	padding:10px 0 0 20px;
}
#contact_form {
	width:310px;
	height:auto;
	padding:10px 0 0 60px;
}
.form_row {
	float:left;
	padding:4px 0 4px 0;
}
label {
	width:70px;
	float:left;
	padding:3px 5px 0 0;
	color:#59a5bf;
	text-align:right;
}
input.contact_input {
	width:220px;
	height:18px;
	float:left;
	border:1px #ced6ec solid;
	background-color:#dbedf3;
	color: #000;
}
textarea.contact_textarea {
	width:220px;
	height:80px;
	float:left;
	border:1px #ced6ec solid;
	background-color:#dbedf3;
	color: #000;
}
.send a {
	width:62px;
	height:24px;
	display:block;
	background:url(images/read_more_bg_white.gif) no-repeat center;
	background-position:0px 0px;
	line-height:22px;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:40px;
	float:right;
	margin:10px;
}
#wide_content {
	width:auto;
	padding:10px 20px 10px 20px;
}
#footer {
	clear:both;
	width: auto;
	min-height:47px;
	color: #fff;
	background-color:#416271;
}
.copyright {
	float:left;
	padding-left:10px;
	padding-top:10px;
}
.footer_links {
	float:right;
	padding-right:15px;
	padding-top:13px;
}
.footer_links a {
	text-decoration:none;
	color: #fff;
	padding-left:10px;
}
.footer_links a:hover {
	text-decoration:underline;
	color: #fff;

}
#main_container #main_content .img {
	text-align: center;
}
#main_content #webim {
	text-align: center;
}

.accred-logos { padding: 20px 0 0 0; }
.accred-logos img { float: right; }
.acred-pad { padding: 0 10px; }

.dist { color: #589637;
	font-family:"MgOpenCosmeticaBold", "Lucida Sans", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;}


.nojust {
	text-align: left;
	padding:2px 0 2px 0;
	margin:0px;
	line-height:15px;
}

.regdis { color: #333132;
	font-family:"MgOpenCosmeticaBold", "Lucida Sans", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal; }

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { #leaf {display: none;} }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { #leaf {display: none;} }