/*
Theme Name: Snapt Green
Theme URI: http://www.snapt-ui.com
Description: The theme for the Snapt website
Version: 4.0
Author: Snapt
Author URI: http://www.snapt-ui.com/
Tags: green, grey, snapt, custom
*/
                      
body{font-size:62.5%;font-family:Arial, Helvetica, sans-serif;background:#fff;color:#444;text-align:center; line-height: 20px; margin:0; padding: 0; font-size: 0.8em;}

a{outline:none;color:#6ba32f; text-decoration:none;}

#menu{float: left; list-style:none;height:45px;text-indent:0;padding:0; margin-top: 23px; margin-left: 150px; z-index: 9999}
#menu li{float:left; margin-right:30px; text-align:center;line-height:7px;position:relative;}
#menu a{text-decoration:none;color:#777;border:0;}

#page{ width: 980px; margin: auto; background-color: #fff; padding: 10px; background: #fff ; text-align: left;}

#header{width:auto; text-align:center;margin:0; background: #fff;}
#headerMid { margin: auto; width: 990px; text-align: left; padding-top: 0px; }
a#clientSite { position: absolute; top: 0; }

div#middleBox { background: #8fcb24 url("images/mid/mid_bg.png") repeat-x top left; height: 305px; padding-top: 24px; }
div#middleBox .holder { margin: auto; width: 980px; padding: 0px; text-align: left; } 
div#middleBox .off, div#middleBox .on { cursor: pointer; position: relative; top: -300px; background-color: white; height: 15px; width: 15px !important; width: 30px; display: block; border: 5px solid #639515; float: left; margin-left: 20px; margin-top: 260px; margin-bottom: -260px; -moz-border-radius: 100%; -webkit-border-radius: 100%; }
div#middleBox .on { background-color: #b8ea6a;  -moz-box-shadow: 0 8px 15px -4px rgba(255, 255, 255, 0.4) inset, 0 -10px 19px -2px #8E3 inset; }                                                                  
                                                                  
                    

div#middleSmall { background: #8fcb24 url("images/mid/small_bg.png") repeat-x top left; height: 60px; padding-top: 10px; line-height: 30px; } 
div#middleSmall .holder { margin: auto; width: 980px; padding: 10px; text-align: left; } 
div#middleSmall h2 { color: #2c5106; font-size: 2.4em; float: left} 
div#middleSmall h3 { color: white; font-size: 1.4em; margin-left: 325px; padding-top: 3px; text-shadow: #777 2px 1px 2px;} 

div.noticeBox { background-color: #f6ffef; border-top: 1px solid #80c84f; border-bottom: 1px solid #80c84f; padding: 5px; margin: 10px; }

div.releaseList { width: 500px; -moz-border-radius: 5px; position: relative; top: -240px; padding: 20px; background-color: white; margin: auto; border: 7px solid #777; }


h1,h2,h3{ font-family: Helvetica, "Helvetica Neue", Arial, sans-serif ; margin-top: 0; font-weight: 100;}
h1 { font-size: 1.8em; color: #779854; font-weight:300; letter-spacing: -1px; }
.hlite { color: #74ac00; }

div#middleBox h2 { color: #2c5106; font-size: 2.4em; } 
div#middleBox h3 { color: white; font-size: 1.4em; padding-top: 3px; text-shadow: #777 2px 1px 2px; } 


div.box { width: 270px; margin-right: 40px; margin-left: 10px; margin-top: 10px; float: left; font-family: Verdana, Arial, sans-serif; color: #666; font-size: 0.85em;  }
div.box h2 { font-size: 1.4em; font-weight: bold; color: #333 !important; margin: 0; }
div.box div.img { float: left; height: 150px; padding-right: 10px; } 

div.blogNews { font-family: Verdana, Arial, sans-serif; margin-right: 20px; margin-left: 20px; margin-top: 10px; float: left; font-family: Verdana, Arial, sans-serif; color: #666; font-size: 0.85em;  } 
div.blogNews h2 { font-size: 1.4em; font-weight: bold; color: #333; } 
div.blogNews ul { list-style: none; text-indent: 0; padding: 0; } 

div.product { border-top: 1px solid #e2e2e2; padding: 10px; font-size: 0.8em;} 
div.product div.img { float: left; margin-right: 10px; padding-right: 10px; border-right: 3px solid #cecece; }
div.product div h2 { color: #333; font-size: 1.8em; }
                                                                  
                                                                  
                                                                  
                                                                  
                                              
                                                                  
                                                                  

.rightPane { width: 250px; float: right; margin-left: 15px; }
.leftPane { float: left; width: 660px;  border-right: 1px solid #cecece; }
div.post { border-bottom: 1px solid #cecece; padding-bottom: 5px; margin-bottom: 10px; padding: 10px; padding-right: 20px; font-family: Verdana, Arial, sans-serif; color: #666;}

div.post small { font-size: 0.7em; color: #777 }     
div.post h2 { color: #777; margin: 0 }     

.entry .postmetadata { border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;  padding: 10px; }

.rightPane ul { list-style: none; padding: 0; }
h2.widgettitle { font-size: 1.6em; border-bottom: 1px solid #cecece; padding-top: 30px;} 

.intro{font-weight:400;font-size:1.2em;}
.contactBox{width:400px;border:1px solid #ccc;-moz-border-radius:10px;-webkit-border-radius:10px;text-align:left;}
ul li,ol li{margin-bottom:10px;}
ul.prettyList,ul.prettyList li{list-style-type:none;list-style-image:url(images/bullet_green.png);text-indent:2px;font-size:0.95em;}
#footer{background:#fff;border:none; text-align: right; width: 950px; margin: auto; color: #777}
small{font-family:Arial, Helvetica, Sans-Serif;font-size:0.9em;line-height:1.5em;}
.entry p a:visited{color:#b85b5a;}
.sticky{background:#f7f7f7;padding:0 10px 10px;}
.sticky h2{padding-top:10px;}
code{font:1.1em 'Courier New', Courier, Fixed;}
acronym,abbr,span.caps{font-size:0.9em;letter-spacing:.07em;cursor:help;}
.clear{clear:both;}
h3.comments{margin:40px auto 20px;padding:0;}
p img{max-width:100%;padding:0;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
.alignright{float:right;}
.alignleft{float:left;}
acronym,abbr{border-bottom:1px dashed #999;}
blockquote{padding-left:20px;border-left:5px solid #ddd;margin:15px 30px 0 10px;}
blockquote cite{display:block;margin:5px 0 0;}
.center{text-align:center;}
.screen-reader-text{position:absolute;left:-1000em;}
.navigation{display:block;text-align:center;margin-top:10px;margin-bottom:60px;}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:10px;}
.wp-caption img{border:0 none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
#header a,a img{border:0;}
img.centered,.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.hidden,hr{display:none;}

.jCarouselLite ul li {margin-right: 10px; }

.notice{ -moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; margin: 5px; background-color: #fffbe2; border: 1px solid #ffd200; padding: 3px; margin-top: 20px;}

#translation_bar { float: right; } 
#translation_bar a { padding-right: 5px; position: relative; top: 3px; }