@import url(https://fonts.googleapis.com/css?family=Open+Sans:60);
body {
background-color: #D7DFE2;
margin:0px;
padding:0px;
font: 10px  verdana, arial, helvetica;
color: #000000;
}
h1{
padding:5px 0 5px 0;
margin:0px;
font-size:18px;
color:#FFFFFF;
}
h2{
padding:5px 0 5px 0;
margin:0px;
font-size:15px;
color:#f7951e;
}
h3{
padding:0 0 5px 0;
margin:0px;
font-size:12px;
color:#347521;
}
h4{
padding:0 0 10px 0;
margin:0px;
font-size:14px;
color:#7ea743;
}
p{
text-align:justify;
margin:0px;
padding:0px;
line-height:18px;
}
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 15px 0 0 ;
}
#main_container{
width:1100px;
height:auto;
margin:auto;
background-color:#FFFFFF;
}
#header{
width:1100px;
height:auto;
margin:auto;
}
#logo{
padding:0 0 0 10px;
float:left;
}
#logo img{
float:left;
}
#logo h1{
float:left;
color:#50A842; font-size:36px; font-family:'Lucida Sans'; 
margin:20px 0 0 15px; 
border-left:#006633 5px solid; padding:0 0 0 15px;
}
.ad_banner{
margin:30px 10px;
padding:0px;
width:auto;
height:auto;
float:left;
}
/*----------------------menu-------------------------*/
#menu{
width:1100px;
height:42px;
padding:0px;
clear:both;
background-color:#416271;
}
#menu ul{
list-style:none;padding:0 20px;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:"Eras Demi ITC"; font-size:16px;
}
#menu ul li a{
height:42px; width: auto;float:left;text-decoration:none;padding:0 15px; margin:0px 3px 0px 3px;color:#fff;text-align:center;
}
#menu ul li a:hover{
height:42px; width:auto; text-decoration:none; color:#FFFFFF; padding:0 10px; background-color:#347521;
/*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;*/
}

/*----------------middle green box-----------*/
.green_box{
width:635px;
height:160px;
float:left;
background-color:#FFFFFF;
}
.adbox{
width:210px;
height:160px;
margin:0 11px;
padding:0;
float:left;
}

.clock{
float:left;
padding:30px 20px 0 60px;

}
.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: #7C4EA5;
font-weight: bold;
}

#scroller{ background-color: #2471A7; color: #FFFFFF; height:20px; width:auto; font-size:12px; margin:0px; padding:0px;}
#scroller ul{margin:0px; padding:0px;}
#scroller li{ display:inline; margin:0px 10px; padding:0px; list-style:none; font-family:Calibri;}
/*----------------------left navigation-------------------------*/
#left_nav{
width:280px;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:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
#box_journal{
width:auto; 
height:auto;
margin:10px;
padding:0; 
float:left;
}
.news_box{
width:auto;
height:auto; 
margin:0px;
}
.news{
width:auto;
padding:10px 0;
}
.news_icon{
width:30px;
float:left;
padding:0 10px 0 0;
}
.news_content{
width:auto;
float:left;
padding:0px;
text-align:justify;
}
.news_content span{
color:#4ab7e8;
}
.news_box img{ float:left; margin:1px; width:68px; height:100px; border:0px;}
.news a{ border:none;}
.clear{clear:both;}
.ads{margin:0 0 20px 0; padding:0px; text-align:center;}
/*--------------------------main_content-------------------*/
#main_content{
width:auto;
height:auto;
clear:both;
margin:0px;
}
#left_content{
width:210px;
height:auto;
margin:0 5px;
float:left;
padding:0 5px;
}
#right_content{
width:620px;
height:auto;
margin:0;
float:left;
padding:0 10px;
}
#review_form table,tr,td{ /*border:#416271 solid 1px;*/}
#left_content h2{
background-color:#50A842; 
color: #FFFFFF;
padding: 5px 10px;
margin:10px 0 0 0;
}
/*----------------------top right navigation-------------------------*/
#right_nav{
width:210px;
height:auto;
margin:0 5px;
float:left;
padding:0 5px;
}
#right_nav h2{
background-color:#416271; 
color: #FFFFFF;
padding: 5px 10px;
}
#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; 
text-decoration:none;padding:0 0 0 35px; margin:7px 0 7px 0;color:#FFFFFF;background:url(../images/right_nav.gif) no-repeat center;
background-position:0px 0px; font-weight: bold;
}
#right_nav ul li a:hover{
height:29px;display:block;
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; font-weight: bold;
}
#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:0 0 5px 0;
border-bottom:1px #a7ef6e dashed;
}
.products_box h2{
color:#F7951E;
font-size:15px;
}
.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:200px;
float:left;
padding:10px 0 0 10px;
}

.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 list-------------------------*/
.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:481px;
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-------------------*/
#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-----------*/
#wide_content{
width:auto;
padding:10px 20px 10px 20px;
}


/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
height:37px;
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;
}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}


/* Demo CSS - You do not need this css in your own slider */

body{
	font-family:  helvetica, Tahoma, "Open Sans", arial;
	font-size:12px;
}

pre{
	font-family: "Source Code Pro", monospace;
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: whiteSmoke;
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

h2{
	font-size: 15px;
}

pre + h2{
	margin-top: 80px;
}

#container{
	max-width:620px;
	margin:0 auto;
	padding-bottom:80px;
}

#banner-fade,
#banner-slide{
	margin-bottom: 60px;
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:5px;
	background:#000000;
	color:#ffffff;
	text-decoration: none;
	font-size:12px;
	font-family:"Eras Demi ITC";
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:3px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}

/*--------------------------------------------import css for menu---------------------------------------*/


/* Menu CSS */#cssmenu,
#cssmenu > ul {
  background: url(../images/highlight-bg.png) repeat-x;
  padding-bottom: 3px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
  content: '';
  display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
  clear: both;
}
#cssmenu {
  width: auto;
  zoom: 1;
}
#cssmenu > ul {
  background: url(../images/menu-bg.png) repeat-x;
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu > ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#cssmenu > ul > li {
  float: left;
  position: relative;
}
#cssmenu > ul > li > a {
  padding: 5px;
  display: block;
  color: white;
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
  /*text-shadow: 0 -1px 0 #9e3825;
  text-shadow: 0 -1px 0 rgba(116, 37, 2, 0.7); */
  line-height: 18px;
}
#cssmenu > ul > li:hover > a {
  background: url(../images/hover.png) repeat;
  text-shadow: 0 -1px 0 #97321f;
  text-shadow: 0 -1px 0 rgba(122, 42, 26, 0.64);
}
#cssmenu > ul > li > a > span {
  line-height: 18px;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li > a:active {
  /*background: url(../images/active.png) repeat-x; */
}
/* Childs */
#cssmenu > ul ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100px;
  background: url(../images/highlight-bg.png) repeat;
  margin: 0;
  padding: 0;
  z-index: -1;
}
#cssmenu > ul li:hover ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
  color: #000;
  z-index: 2;
  top: 30px;
  left: 0;
}
#cssmenu > ul ul:before {
  content: '';
  position: absolute;
  top: -10px;
  width: 100%;
  height: 20px;
  background: transparent;
}
#cssmenu > ul ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  border-bottom: 4px solid #de553b;
}
#cssmenu > ul ul li a {
  padding: 4px 5px;
  display: block;
  color: #393939;
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
  width: 100px;
  border-left: 4px solid transparent;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  text-shadow: 0 1px 0 white;
}
#cssmenu > ul ul li a:hover {
  border-left: 4px solid #de553b;
  background: url(../images/hover.png) repeat;
  color: white;
  text-shadow: 0 1px 0 black;
}
#cssmenu > ul ul li a:active {
  background: url(../images/menu-bg.png) repeat-x;
}
#top_bar{width:auto; height:12px; background:url(../images/top-bar.jpg) repeat-x top left;}
a, img{border: none;}

.show_volume { width:auto; height:20px; margin:10px; padding:5px; float:left;}
.journal_box{ clear:both; margin:0; padding:0; width:auto; height:auto;}
.journal_text{ float:left; margin:0; padding:0; width:400px;}
.journal_image{ float:left; margin:0; padding:0; width:220px;}
.ad_space{ margin: 10px 0px; padding:0;}