* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; font-size: 12px; line-height: 22px; font-family: arial, sans-serif; color: #242424; min-width: 100%; }

h1, h2, h3 { margin:5px;  padding:0;  color:#0C6; }

a { color: #2b9208; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }
a.more { color: #2b9208; text-decoration: underline; padding-left: 11px; background: url(images/arr-ico.png) no-repeat 0 5px; }
a.more:hover { text-decoration: none;  }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.shell {padding-top: 20px; padding-bottom:20px; width: 900px; margin: 0 auto; }
.container { background: #fff; box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -o-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ;  }
#header { height: 120px; padding-top: 10px; padding-left: 0px; padding-right: 17px;}
#logo { width: 400px; float: left; font-size: 0; line-height: 0; margin-left:20px;}
#logo a { height: 100px; display: block; background: url(../images/logo.jpg) no-repeat 0 0;  text-indent: -4000px;}
.search {float: right; width: 200px; margin-right:5px; margin-top:7px;}
#navmenu { height:50px; padding-top:0px; font-family: 'Ubuntu', sans-serif; font-weight: 700;  background:#333333; box-shadow: 0px 1px 20px  #5E5E5E; }
#navmenu ul li.first { margin-left: 0px !important;}
#navmenu ul li {float:left; font-size:16px; list-style:none; line-height: 40px; margin-left:0px; height:50px; width:140px; text-align:center; }
#navmenu li a {height: 50px; color:#fff; text-decoration:none; padding: 5px 5px 0 5px; display:block; }
#navmenu li a.active { background:#2DAD4F; height: 45px;}
#navmenu li:hover { background:#2DAD4F;}

.main {padding: 20px 30px 0px; }
.main h2 { font-size: 22px; color: #2d5900; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500; }
.main h3 { font-size: 17px; color: #2d5900; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500;  }
.main h4 { font-size: 15px; color: #2b9208; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500;  }
.main strong {color: #2DAD4F; font-weight: 600 bold;}
.main .par {color: #ff8040;font-size: 12px; font-weight: bold;}
.main .pas {color: #008000;font-size: 14px; }
.main section {clear:both; background: none; text-align: justify;}
.main ul { list-style: disc; list-style-position: inside; li color: green; }
.main ul li { padding-bottom: 6px; padding-left: 10px; }
.main ul li a { color: #2b9208; text-decoration: underline; } 
.main ul li a:hover { text-decoration:none; } 
.main .cols { padding-left: 0; padding-right: 0; }
.main .post  { padding-top: 28px; padding-left: 40px; }
.main .post h2 { padding-bottom: 15px; }
.main .post p { padding-bottom: 8px; }
.main .post p strong { display: block; }
.main .post-cnt1 {float:left; width:68%; text-align: justify; padding-right: 10px; padding-bottom: 20px;}
.main .post-cnt { float: right; width:28%; text-align:justify; padding-left: 0px; }
.main .howitworks {width: 100%;}
.main .howitworks .step1 {float: left; width: 27%;}
.main .howitworks .step2 {float: left; padding-left: 80px; width: 30%; left: 20px;}
.main .howitworks .step3 {float: right; width: 27%; }
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
#footer { background:#333333; color:#2DAD4F;  padding:10px; }
#footer p { line-height:0; text-align:center; padding:10px 20px;}
#footer a { margin:0; padding:10px 20px; color:#12A52F; text-decoration:none;}


#contact { display: block; width:100%; border:none; background-color:#FFF; position:relative; }
#contact h1 { margin: 10px 0 10px; color: #333333; }
#contact fieldset { padding: 20px; border: 1px solid #5e9537; margin: 0 0 20px; }
#contact legend { padding: 7px 10px; font-weight: bold; color: #000; border: 1px solid #5e9537; margin-bottom: 20px; }
#contact label { display: inline-block; float: left; height: 1em; line-height: 1em; padding: 6px 0 0; width: 100px; margin: 5px 0; clear: both; }
#contact input, #contact textarea { width: 75%; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; outline: none; border-radius: 5px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); }
#contact input:focus, #contact textarea:focus { border: 1px solid #ddd; background-color: #fff; color: #333; outline: none; position: relative; z-index: 5; box-shadow: 0 0 5px rgba(81, 203, 238, 1); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; }
#contact input.error, #contact textarea.error, #contact select.error { box-shadow: 0 0 5px rgba(204, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5); border: 1px solid #faabab; background: #fef3f3; }
#contact input.submit { width: auto; cursor: pointer; position: relative; border: 1px solid #282828; color: #fff; padding: 6px 16px; text-decoration: none; background: #555; background: -webkit-gradient( linear, left bottom, left top, color-stop(0.12, rgb(60,60,60)), color-stop(1, rgb(85,85,85)) ); background: -moz-linear-gradient( center bottom, rgb(60,60,60) 12%, rgb(85,85,85) 100% ); box-shadow: 0 2px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
#contact input.submit:hover { background: #282828 !important; transition: none; -webkit-transition: none; -moz-transition: none; }
#message {margin: 1em 0; text-align: center; display: block; position: relative;  clear: both; text-shadow: none; padding: 15px 15px 13px 15px; line-height: 17px;}
.successmessage { background: #d1f7b6; border: 1px solid #8bca61; color: #5e9537;  }
.errormessage { background: #ff8080; border: 1px solid #CC0000; color: #CC0000; }
.main .testimonial { font-size: 20px; padding-top: 20px; padding-bottom: 10px;  text-align: center; background: transparent; }
.main .testimonial strong.quote { font-size: 28px; font-family: georgia ,arial, helvetica, serif; position: relative; top: 10px; left: -6px; }
.main .testimonial hr{margin-top: 20px; margin-bottom: 20px; border: 1px #2DAD4F solid; }
.testimonial h2 { padding-bottom: 12px; }
.testimonial p { padding-bottom: 6px; }
.testimonial p.author { text-align: right; }
.etable{border:0px solid #8bca61; color:#004000;}
.etable tr { border:2px solid #8bca61;}
.etable th { border:2px solid #8bca61; background:#008000; color: #FFF;  }
.etable td { padding: 14px 14px 14px 14px; border:0px solid #8bca61; }
.etable ul { list-style:disc !important; list-style-position: outside }
.etable ul li { padding-bottom: 6px; padding-left: 0px; background:none !important;}
.etable ul li a { color: #2b9208; text-decoration: underline; } 
.etable ul li a:hover { text-decoration:none; }
