body {
background-color: #373636;
margin:0px;
padding:0px;
font: 10px  verdana, arial, helvetica;
color: #416271;
}
h1{
padding:5px 0 5px 0;
margin:0px;
font-size:18px;
color:#FFFFFF;
}
h2{
padding:5px 0 5px 0;
margin:0px;
font-size:18px;
color:#f7951e;
}
h3{
padding:0 0 5px 0;
margin:0px;
font-size:12px;
color:#59cef9;
}
h4{
padding:0 0 10px 0;
margin:0px;
font-size:14px;
color:#7ea743;
}
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 ;
}
#main_container{
width:900px;
height:auto;
margin:auto;
background-color:#FFFFFF;
}
#header{
width:900px;
height:96px;
margin:auto;
background-color:#d7dfe3;
}
#logo{
padding:15px 0 0 0px;
float:left;
}
/*----------------------MENU-------------------------*/
#menu{
width:900px;
height:42px;
padding:0px;
clear:both;
background-color:#2e4058;
}
#menu ul{
list-style:none;
padding:0 0 0 230px;
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;
}

/*---------------MIDDLE GRAY BOX-----------*/
.gray_box{
width:900px;
height:265px;
clear:both;
background:url(images/blue_box.jpg) no-repeat left #373636;
background-position:50px 0px;
}
.header_img{
float:left;
padding:0 0 0 130px;
}
.text_content{
width:350px;
float:left;
padding:30px 0 0 80px;
}
.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 SIDE NAVI-------------------------*/
#left_nav{
width:280px;
height: auto;
padding:5px 0 0 0; 
float:left;
}
#left_nav ul{
list-style:none;
margin: auto;k
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:#2e3e57;
background:url(images/left_nav_arrow.jpg) no-repeat left; 
border-bottom:1px #51483d dashed;
background-position:0px 0px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
/*--------------------------MAIN CONTENT-------------------*/
#main_content{
width:auto;
height:auto;
clear:both;
}
#left_content{
width:320px;
height:auto;
margin:10px;
float:left;
padding:10px;
background-color:#e8edef;
}
#right_content{
width:490px;
height:auto;
margin:10px 0 0 0;
float:left;
padding:10px;
}
/*-------------------TOP-RIGHT NAVI------------------------*/
.products_box{
height:110px;
padding:10px 0 5px 0;
border-bottom:1px #383637 solid;
}
.search_box{
width:267px;
height:100px;
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;
}
.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 #000000 dashed;
}
.best_sol_box{
width:277px;
float:left;
}
/*------------------NEWS ARCHIVE------------------------*/
.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_box.png) no-repeat center;
}
.contact_info_title{
font-size:14px;
color:#6e86ac;
padding:9px 0 0 15px;
font-weight:bold;
}
.contact_info{
float:left;
padding:15px 10px 5px 50px;
}
.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:#c4ccd8;
color: #000;
}
textarea.contact_textarea{
width:220px;
height:80px;
float:left;
border:1px #ced6ec solid;
background-color:#c4ccd8;
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:#D7DFE3;
}
.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: #000;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #000;
}



