@charset "utf-8";
/* CSS Document */
*{ margin:0;}
div,p{ padding:0;}
ul,li{ padding:0; list-style:none;}
h1{ color:#f9f3bd; font-size:28px; font-weight:bold; padding:0 0 18px 0;}
h2{ font-size:16px; font-weight:bold; color:#FFFFFF;}
h3{ font-size:18px; color:#faf4be; padding:0 0 18px 0;}
h4{ font-size:12px; color:#faf4be; padding:16px 0;}
h5{ font-size:12px; color:#faf4be; padding:4px 0;}
p{ font-size:13px; color:#FFFFFF;}
img{ border:none;}
body{ padding:0; font-family:Arial, Helvetica, sans-serif;}
#header{ background:url(../images/header_bg.gif) left top repeat-x; width:100%; height:289px; float:left;}
.banner{ width:817px; height:287px; margin:0 auto; padding:0;}
#main_menu{ width:100%; float:left; height:46px; padding:0; background:url(../images/menu_under_bg.gif) left top repeat-x;}
.menu{ background:url(../images/menu_bg.gif) left top repeat-x; width:817px; margin:0 auto; height:46px;}
.menu li{ float:left; padding:0 1px; background:url(../images/menu_arrow.gif) right center no-repeat;}
.menu li a{ font-size:15px; color:#FFFFFF; text-decoration:none; padding:14px 45px; display:block; font-weight:bold;}
.menu li.active,.menu li a:hover{ background:url(../images/menu_hover.gif) left top repeat-x; color:#333333;}
.menu li.none{ background-image:none;}
#main{ width:817px; margin:0 auto; padding:0;}
.merquecontainer{ background:url(../images/marquee_img.gif) left top no-repeat; height:90px; width:100%; float:left; position:relative; margin:10px 0; padding:5px 10px 0 0px; text-align:center;}
#middle{ width:817px; float:left; position:relative; padding:0;}
.middle_top{ background:url(../images/middle_top.gif) left top no-repeat; width:817px; height:16px; float:left;}
.middle_bottom{ background:url(../images/middle_bottom.gif) left top no-repeat; width:817px; height:16px; float:left;}
.middle_bg{ background:#0763a2; width:759px; float:left; padding:7px 29px 0 29px; position:relative;}
.mid_top_text{ width:760px; float:left; padding:0; text-align:justify;}
.read a{ font-size:13px; color:#f7de00; font-weight:bold; text-decoration:none; display:block; float:right;}
.read a:hover{ text-decoration:underline;}
.mid_text_bottom{ width:760px; float:left; padding:20px 0 0 0; position:relative;}
.mid_text_bottom_left{ width:258px; float:left; padding:0;}
.con_top_left{ background:url(../images/contact_top_left.gif) left top no-repeat; width:13px; height:41px; float:left;}
.con_top_right{ background:url(../images/contact_top_right.gif) left top no-repeat; width:13px; height:41px; float:left;}
.con_top_bg{ background:#033557; width:219px; float:left; padding:10px 0 0 13px; height:31px;}
.con_mid_bg{ background:#054876; width:232px; float:left; position:relative; padding:19px 0 25px 26px;}
.con_bottom{ background:url(../images/contact_bottom.gif) left top no-repeat; width:258px; height:10px; float:left;}
.mid_text_bottom_right{ width:486px; float:left; padding:0 0 0 15px; position:relative;}
.house_top_bg{ background:#033557; width:446px; float:left; padding:10px 0 0 13px; height:31px;}
.house_mid_bg{ background:#054876; width:435px; float:left; position:relative; padding:19px 24px 25px 26px; text-align:justify;}
.house_bottom{ background:url(../images/house_bottom.gif) left top no-repeat; width:485px; height:10px; float:left;}
#footer{ width:100%; float:left; position:relative; padding:28px 0 0 0;}
.footer_left{ background:url(../images/footer_left.gif) left top no-repeat; width:15px; height:54px; float:left;}
.footer_right{ background:url(../images/footer_right.gif) left top no-repeat; width:15px; height:54px; float:left;}
.footer_bg{ background:url(../images/footer_bg.gif) left top repeat-x; width:725px; height:54px; float:left; padding:15px 0;}
.footer_menu{ width:717px; float:left; padding:0;}
.footer_menu li{ float:left; padding:0;}
.footer_menu li a{ font-size:12px; color:#ffffff; text-decoration:none; padding:0 4px; font-weight:normal; display:block;}
.footer_menu li a:hover{ text-decoration:underline;}
.main_copy{ width:721px; float:left; padding:0;}
.copy{ width:470px; float:left; padding:4px 0 0 5px; color:#FFFFFF; font-size:11px; font-weight:normal;}
.design{ color:#FFFFFF; font-size:11px; font-weight:normal; text-decoration:none; width:172px; float:right;}
.vit a{  padding:0; color:#FFFFFF; font-size:11px; font-weight:normal; text-decoration:none;}
.vit a:hover{ text-decoration:underline;}

.www a{ font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold; padding:0; font-weight:normal;}
.www a:hover{ text-decoration:underline;}
.home a{ font-size:12px; color:#FFFFFF; text-decoration:underline; padding:0; font-weight:normal;}
.home a:hover{ text-decoration:none;}
/*about us css*/
#main_about{ width:760px; float:left; padding:0; position:relative;}
.about_top_bg{ background:#033557; width:721px; float:left; padding:10px 0 0 13px; height:31px;}
.about_middle_bg{ background:#054876; width:710px; float:left; position:relative; padding:19px 24px 20px 26px; text-align:justify;}
.about_middle_bottom{ background:url(../images/ab_middle_bottom.gif) left top no-repeat; width:760px; height:13px; float:left;}
.ab_bottom_text{ width:100%; float:left; padding:0; text-align:justify;}

/*products css start*/
.product_img_top{ background:url(../images/product_img_top.gif) left top no-repeat; width:710px; height:13px; float:left;}
.product_img_bottom{ background:url(../images/product_img_bottom.gif) left top no-repeat; width:710px; height:13px; float:left;}
.product_img_bg{ background:url(../images/product_img_bg.gif) left top repeat-x; width:662px; height:143px; float:left; padding:10px 24px 0px 24px;}
.product_left{ width:191px; float:left; padding:0;}
.product_right{ width:326px; float:left; padding:0;}
.product_right_top{ background:url(../images/product_right_top.gif) left top no-repeat; width:326px; height:15px; float:left;}
.product_right_bottom{ background:url(../images/product_right_bottom.gif) left top no-repeat; width:326px; height:15px; float:left;}
.product_right_bg{ background:url(../images/product_img_bg1.gif) left top repeat-x; width:276px; float:left; padding:0 25px;}

.product_new_top{ background:url(../images/product_new_box_top.gif) left top no-repeat; width:710px; height:18px; float:left;}
.product_new_bottom{ background:url(../images/product_new_box_bottom.gif) left top no-repeat; width:710px; height:18px; float:left;}
.product_new_bg{ background:#1277bd; width:710px; height:18px; float:left;}
.product_new_bg li{ float:left; padding:0;}
.product_new_bg li a{ font-size:16px; color:#faf4be; text-decoration:none; font-weight:bold; padding:0 45px; display:block; font-style:italic;}
/*contact css start*/
.contact_left{ width:307px; border-right:1px dashed #ffffff; float:left; padding:12px 0 0 0; height:265px; line-height:25px;}
.contact_left a{ font-size:14px; font-weight:normal; color:#ffffff; text-decoration:none; padding:0;}

.contact_right{ width:352px; float:left; padding:20px 0 0 50px;}
.input{ background:url(../images/input_bg.gif) left top repeat-x; width:147px; height:19px; float:left; padding:3px 0 0 0; border:none; font-size:13px; color:#FFFFFF; text-decoration:none;}
.con_pad{ padding:28px 0 0 0;}
.name{ font-size:13px; color:#FFFFFF; font-weight:bold; text-decoration:none; padding:0;}

.con_box_top{ background:url(../images/contact_form_top.gif) left top no-repeat; width:324px; height:25px; float:left; padding:10px 0 0 22px;}
.con_box_bottom{ background:url(../images/contact_form_bottom.gif) left top no-repeat; width:346px; height:35px; float:left;}
.con_box_bg{ background:#033557; border-left:1px solid #3176a5; border-right:1px solid #3176a5; width:322px; float:left; padding:20px 0 0 22px;}


















