@charset "utf-8";
/* CSS Document */

* {margin:0}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

body{ font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:12px; color:#333333; }
#headerlogo { height:100px; width:100%; background:#6b98a1; clear:right}
#wrap { width:870px; margin:0 auto;  }
#logo { height:15px; padding-top:26px; }

#feature { background:url(images/bg-feature_06.jpg) repeat-x; height:257px; width:100%; clear:right }
#featurewrap {width:950px; margin:0 auto; padding-top:26px} 
.picfeature { width:296px; height:350px; float:left; margin-top:-119px} 
.picfeaturea { width:296px; height:291px; float:left; margin-top:-60px} 

.input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;padding:5px; border:1px solid #666666}
.textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:5px; border:1px solid #666666}
.quote { width:486px; float:left; margin-right:60px}

#content { width:950px; margin:20px auto; line-height:18px; clear:right}
.left{ width:580px; float:left; padding:5px 5px 5px 40px}
.right {width:300px; float:right; padding:5px;}
.form { width:215px; height: 221px; background:url(images/dropform_03.jpg)}
.innerform {width:120px; padding-top:62px; float:right; line-height:22px; padding-left:10px;}
.innerforminput { border:none; border-bottom:solid 1px #666666; width:100px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:none}
.innerformtextarea { border:none; border-bottom:solid 1px #666666; width:100px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:none}
.submit { border:none; font-family:Georgia, "Times New Roman", Times, serif; background:none; margin-top:8px; color:#0099FF}
.submit:hover { color:#99CC00; cursor:pointer}
#address { clear:right; padding-bottom:20px;width:205px; font-size:11px; padding-left:10px;}
#client { clear:right; padding-bottom:20px;width:270px; font-size:11px; padding-left:10px;}
#client ul { padding-left:30px; line-height:16px; margin-bottom:10px; list-style:url(images/icon.jpg) outside; padding-right:20px;}

#footer { width:870px; height:40px; margin:30px auto; color:#0099FF; clear:right;}
#footer a{color:#99CC00; text-decoration:none}
#footer a:hover { color:#333333 }

.nav { width:500px; font-weight:bold; font-size:14px; margin-left:250px; padding-top:26px;  height:40px}
.nav ul { padding-left:2px; padding-right:2px; list-style:none}
.nav ul li { float:left; margin-right:25px;}
.nav a { color:#fff; text-decoration:none}
.nav a:hover { color: #FFCC33}

#tech { padding-left:2px; padding-right:2px; margin-top:10px; list-style: none}
#tech li { margin-bottom:10px; text-align: center; float:left; width:260px; border:dotted 1px #CCCCCC; margin-right:15px; padding:5px; display:block }
#tech li img {margin-left:5px }

#techa { padding-left:2px; padding-right:2px; list-style: none}
#techa li { }

.error { height:20px; margin-top:8px; margin-bottom:8px;  padding:5px; background: #FF66FF; border:1px solid #FF3399;  color:#000000; font-weight:bolder}
.ok {  height:20px; margin-top:8px; margin-bottom:8px; padding:5px; background: #99CC33; border:1px solid #999900; color:#000000; font-weight:bolder}

.hotnews { padding:16px; margin-top:10px;font-size:11px; background-color:#FFFF66; border:1px dashed #FFCC00}
.hotnews h1 { font-size:14px; color:#333333}
.hotnews ul { list-style:url(images/bullett.jpg); margin-top:10px;}