@charset "utf-8";
body { margin:0; padding:0; width:100%; background: #fff url('images/qsbg.jpg') repeat-x 50% top;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto;}
.resize { width:990px; margin:0 auto;}

/********** header **********/
.header { }
.block_header {margin:0 auto; padding:0; width:964px; }

/* menu */	
.menu { padding:0; margin:22px 0 0 0; width:362px; float:right; height:36px; background:url('images/menu_bg.gif') no-repeat 50% top;}
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { text-align:center; width:73px; float:left; margin:3px 0 0 0; padding:5px 8px;}
.menu ul li a {  margin:0; padding:13px 2px; color:#fff; font:normal 13px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { color:#CC0000; font:bold 13px Arial, Helvetica, sans-serif; text-decoration:none; padding:0; margin:0;}
.menu ul li a.active {color:#CC0000; font:bold 13px Arial, Helvetica, sans-serif; text-decoration:none;  padding:0; margin:0;}

/********** slider **********/
.slider { width:964px; height:194px; margin: 0 auto; padding:0; background:url('images/qsheader.jpg') no-repeat 50% top;}
#logoh a span { visibility: hidden}
#logoh a{width: 350px;height: 194px;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0;display: block;text-decoration: none;float: left;}
.slider h2 { float:right; font:normal 18px Arial, Helvetica, sans-serif; color:#000; margin:0;  padding:65px 40px 0 0; text-align: right;}

/*simple text*/
.slider div.slice1 { margin:0 auto;  padding:8px;}
.slider div.slice1 div.slice2 { margin:0 auto; padding:1px; }
.slider div div div { margin:0; padding:0;  border:0;}
.slider div div div p.img { float:right; padding:9px 25px 0 10px; margin:0;}
.slider div div div h2 { width:440px; float:left; border-bottom:1px solid #8d8d8d; font:normal 38px Arial, Helvetica, sans-serif; color:#8d8d8d; margin:0 0 20px 0;  padding:5px 10px 10px 2px; line-height:1.2em;}
.slider div div div h2 span {  font:normal 23px Arial, Helvetica, sans-serif; color:#bbbbbb;}
.slider div div div p { font:normal 11px Arial, Helvetica, sans-serif; color:#8b8b8b; margin:0;  line-height:1.8em; padding:10px 10px 0 2px;}
.slider div div div p span {font:bold 15px Arial, Helvetica, sans-serif; color:#8b8b8b; line-height:1.8em;}

/********** body **********/
.body { background: url('images/body_bg.gif') repeat-y 50% top; padding:0; width:962px; margin: 5px auto 10px auto; }
.body_top { background:url('images/body_top.gif') no-repeat 50% top; margin:0; padding: 0; padding:0 ;}
.body_bottom { margin:0; padding:0; width:962px; min-height:500px; background:url('images/body_bottom.gif') no-repeat 50% bottom;}
.body h2 { color:#de0031; font:normal 18px  Arial, Helvetica, sans-serif; margin:0; padding:20px 0 0 25px;}
.body h3 { font: bold 14px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:15px 0 0 0; text-align:center;}
.body h4 { font: bold 18px Arial, Helvetica, sans-serif; color:#000; margin:0px 0; padding:2px 0px 10px 0px;}
.body h5 { font: normal 22px Arial, Helvetica, sans-serif; color:#cecece; padding:10px 5px; margin:5px 0;}
.body img { float:left; margin:2px 10px; padding:0;}
.body img.port { float:left; margin:15px 40px 2px 10px; padding:0;border: 2px #c0c0c0 solid;}
.body img.rt {float:right; margin: 0px 25px 10px 10px; padding:0;border: 2px #c0c0c0 solid; }
.body p { font:normal 14px  Arial, Helvetica, sans-serif; color:#fff; line-height:1.2em; padding:2px 20px 0 0; margin:0;}
.body p.next { font:normal 14px  Arial, Helvetica, sans-serif; color:#fff; padding:20px 5px 5px 5px; margin:0;}
.body p.bottom {height: 43px;font: bold 14px Arial, Helvetica, sans-serif; color: #fff; text-align: center; padding: 15px 0 0 0;}
.body p.blk { width: 900px; padding: 8px 0 8px 0; border: 0px solid #de0031;margin: 0 auto;font :bold 16px  Arial, Helvetica, sans-serif; color:#000; text-align: center;}
.body p.grey2 { font:normal 14px  Arial, Helvetica, sans-serif; color:#000000; line-height:1.8em; padding:5px; margin:0;}
.body a { font-weight: bold;text-decoration:underline; color:#000;}
.body a:hover { text-decoration:underline; color:#fff;}
.body em { font: italic 13px Arial, Helvetica, sans-serif; color:#aeaeae;}
a:link.sub { padding: 0; color: #de0031; text-decoration: none; font: normal 14px Arial, Helvetica, sans-serif;}
a:hover.sub { color: #ffffff; text-decoration: none; }
a:link.email { color: #fff; font: bold 14px Arial, Helvetica, sans-serif;}
a:hover.email {color: #000;}

/*center*/
.center { width:942px; margin:0; padding:30px 20px 10px 25px;}
.center ul.recent { margin:10px 20px 10px 10px; padding:0; list-style:none;}
.center li.recent { vertical-align:top; padding:5px 0 5px 20px; margin:0; font: normal 14px Arial, Helvetica, sans-serif; color:#f0f0f0; background:url('images/right_ul_li.gif') no-repeat left 50%;
}

/*left*/
.left { width:630px; float:left; margin:0; padding:30px 20px 10px 25px;}
.left ul.recent { margin:10px 20px 10px 20px; padding:0; list-style:none;}
.left li.recent { padding:5px 0 5px 25px; margin:0; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; background:url(images/right_ul_li.gif) left no-repeat;}

/*right*/
.right { width:206px; float:right; margin:0; padding:30px 30px 10px 25px;}
.right p.data { background:#272727; width:85px; margin:10px 2px; padding:5px 2px; font:bold 14px Arial, Helvetica, sans-serif; color:#ebb219; text-align:center;}
.right ul.recent { margin:10px 5px; padding:0; list-style:none;}
.right li.recent { padding:15px 0 15px 45px; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#fff; background:url(images/recent_ul_li.gif) left no-repeat;  border-bottom:1px dashed #828282;}
.right ul { list-style:none; margin:5px 15px; padding:0;}
.right li { background:url(images/right_ul_li.gif) left no-repeat; padding:8px 20px; margin:0;}
.right li a { font: normal 13px Arial, Helvetica, sans-serif; color:#cecece; text-decoration:none;}
.right li a:hover { color:#df7e00; text-decoration:underline;}
.right img.rt {margin: 0 0 30px 0; border: 2px #c0c0c0 solid; }

/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#2e2e2e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:220px; display:block; padding:5px 0; font:normal 14px  Arial, Helvetica, sans-serif; color:#000;}
#contactform input.text { font: normal 14px Arial, Helvetica, sans-serif; width:300px; border:1px solid black; margin:5px 0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { font: normal 14px Arial, Helvetica, sans-serif; width:300px; border:1px solid black; margin:10px 0; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 0px; border:1px solid black; color:#de0031;}
p.response { text-align:center; color:#fff; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** footer **********/
.footer {  margin:0 auto; padding:0; background: #e0e0e0 url('images/footer_bg.gif') repeat-x 50% top; height:83px;}
.footer_resize { width:962px; margin:0 auto; padding:10px 0 0 0;}
.footer ul { margin:0; padding:23px 10px; list-style:none; float:left; font:bold 13px  Tahoma, Helvetica, sans-serif; line-height:1.8em;}
.footer ul li { margin:0; padding:0 10px; float:left;}
.footer p { margin:0; padding:10px 20px; text-align: right;float:right; color:#595959; font:normal 13px  Tahoma, Helvetica, sans-serif; line-height:1.8em;}
.footer a { color:#000; font:normal 13px  Tahoma, Helvetica, sans-serif; text-decoration:none; line-height:1.8em;}
.footer a:hover { color: #000;text-decoration:underline;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px dashed #828282; padding:0; margin:8px 0; background:none;}
li2.bg2, .bg2 { clear:both; border-top:1px solid #828282; padding:0; margin:20px 0; background:none;}