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

html, body{ margin:0; padding:0;background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #666666;*overflow-x:hidden; }

/* TOP*/
.top{height:149px; margin:0; padding:0; background:url(../graphics/top-bg.jpg) no-repeat center}
.top_content{width:980px; margin:0 auto;}
.logo{width:193px; height:120px; float:left; margin-left:10px; margin-top:15px}
.tel{ float:right; width:300px; margin-top:30px;}
.tel h1 { color: #23408f; margin:0; padding:0; font-size:36px; font-weight:bold; font-family:Arial, Helvetica, sans-serif }

/* VIDEO+SLIDE*/
.vslide{height:249px; margin:0; padding:0; background:url(../graphics/flash-bg.jpg) repeat-x}
.vslide_content{width:980px; margin:0 auto;}
#video{float:left; width:320px; height:239px; background:url(../graphics/video-bg.jpg) no-repeat; padding-left:15px; padding-right:15px; padding-bottom:5px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; margin:0} 
@media screen and (-webkit-min-device-pixel-ratio:0) {
   #video { padding:0; margin-top:2px; margin-left:5px; background:none }
  .slide_content{margin-left:10px}
}


.slide_content{width:620px; float:left; height:239px; padding-left:10px}
#boxslide{font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold}
#boxslide h1{color: #FF0000; margin:0; padding:0; font-size:30px; font-weight:bold; font-style:italic; line-height:32px; margin-top:15px}
.slide_title{width:500px; height:31px; background:url(../graphics/slide-bg.png) no-repeat; }
.slide_title h1{color: #333f64; margin:0; padding:0; font-size:17px; font-weight:bold; line-height:31px; font-family:Arial, Helvetica, sans-serif}

/* MIDDLE PRODUCTS*/
.products{width:960px; margin:0 auto; height:222px; margin-top:10px}
.products2 {width:960px; margin:0 auto; height:200px; margin-top:10px}
.products a{text-decoration:none}
.product_pic{width:308px; float:left;margin-left:10px}
.product_pic h1{color:#8788bc; margin:7px;  padding:0px;  padding-bottom:10px;font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border-bottom:#8788bc 1px dashed; line-height:30px}
.product_pic1{width:308px; float:left;margin-left:10px;_margin-left:8px}
.product_pic1 h1{color:#3b4d76; margin:7px;  padding:0px;  padding-bottom:10px; font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border-bottom:#3b4d76 1px dashed; line-height:30px}
.product_pic2{width:308px; float:left;margin-left:10px;_margin-left:8px}
.product_pic2 h1{color:#525b6f; margin:7px;  padding:0px; padding-bottom:10px; font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border-bottom:#525b6f 1px dashed; line-height:30px}
.product_titlebox{width:960px; margin:0 auto;  font-family:Arial, Helvetica, sans-serif; margin:0 auto}
.product_title{width:944px; margin-left:10px; background:#333f64; float:left; color:#FFFFFF}
.product_titlemain{float:left ; width:500px; margin-left:20px}
.product_titlemain h1{color:#FFFFFF; margin:0; padding:0; font-size:22px }
.product_click{width:300px; line-height:30px; border-right:#FFFFFF 1px solid; float:left; padding-left:10px; font-size:13px}

.prod-img{width:118px; margin-left:10px; height:150px; margin-top:20px; float:left}
.prod-img a{border:0; text-decoration:none; width:118px}

.prod-img2{width:150px; margin-left:25px; height:150px; margin-top:20px; float:left}
.prod-img2 a{border:0; text-decoration:none; width:118px}

.prod-img3{width:250px; margin-left:25px; height:150px; margin-top:20px; float:left}
.prod-img3 a{border:0; text-decoration:none; width:118px}

.prod-img4{width:150px; margin-left:0px; height:150px; margin-top:20px; float:left}
.prod-img4 a{border:0; text-decoration:none; width:118px}

/* MIDDLE BASELINE*/
.baseline{ background:url(../graphics/baseline-bg.jpg) repeat-x top; margin:0; padding:0; float:left; width:100%}
.products_bottom{width:960px; margin:0 auto;  font-family:Arial, Helvetica, sans-serif; margin:0 auto }
#product_text{width:288px; float:left;margin-left:10px; background:#8788bc; padding:10px; color:#FFFFFF;}
#product_text1{width:288px; float:left;margin-left:10px; background:#3b4d76; padding:10px; color:#FFFFFF;_margin-left:8px}
#product_text2{width:288px; float:left;margin-left:10px; background:#525b6f; padding:10px; color:#FFFFFF;_margin-left:8px}
:focus { -moz-outline-style: none; outline:none }

/* CONTENT*/
.content{width:960px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; }
.content_main{ width:944px; margin-left:10px; background:#FFFFFF; float:left}

.content_left{width:303px; margin-left:10px; float:left}
.contact{border:#3d4556 1px solid; width:260px; padding:10px; font-family:Arial, Helvetica, sans-serif; margin-top:10px; float:left}
.contact a{text-decoration:none; color:#666666;}
.contact a:hover{color:#333f64}
.contact h2{margin:0; padding:0; margin-bottom:10px; font-size:16px}
.newsletter{width:283px; height:133px; background:url(../graphics/newsletter-bg.jpg) no-repeat; padding:10px; margin-bottom:10px; float:left} 
.newsletter h2{margin:0; padding:0; margin-bottom:10px; margin-top:15px;*margin-top:25px; font-size:16px}
.joinnewsinput{ font-size:11px; color:#77787b; height:14px; padding-top:0.4em; *padding-top:2px;  padding-left:5px; width:200px}
.joinnewsgo{background:url(../graphics/form-go-bg.jpg) left top no-repeat; width:31px; color: #333f64;cursor:pointer; border:0px; height:22px; font-size:11px;}

.content_right{width:600px; margin-left:5px; float:left; padding:10px; font-family:Arial, Helvetica, sans-serif; line-height:20px; _width:590px}
.content_right h1{color: #333f64; margin:0; padding:0; font-size:18px; font-weight:bold; line-height:31px; font-family:Arial, Helvetica, sans-serif}
.content_right h2{color: #ff0000; margin:0; padding:0; font-size:20px; font-weight:bold; line-height:31px; font-family:Arial, Helvetica, sans-serif}
.content_right a{text-decoration:underline; color:#666666;}
.content_right a:hover{color:#333f64}


/* FOOTER*/
.bottom{width:960px; margin:0 auto; font-family:Arial, Helvetica, sans-serif;}
.footer { width:944px; margin-left:10px; background:#7a85a2; float:left}
.footerline{ background:#d2d1e8;   height:12px; }

.leftlinks{ width:450px; float:left;  padding-left:20px; color:#FFFFFF; padding-right:10px; padding-bottom:10px; font-weight:normal}
.leftlinks h1{ background:none; margin-bottom:5px; border-bottom:#999999 1px dashed; font-weight:bold; padding:0; margin-top:15px; color: #333333; font-size:14px; line-height:18px}
.leftlinks a{color:#FFFFFF; text-decoration:none; font-size:11px; }
.leftlinks a:hover{color:#333333}
.leftlinks_list{width:150px; float:left}
.rightlinks{width:450px; float:left; color:#FFFFFF; padding-right:10px; padding-bottom:10px; font-weight:normal; font-size:11px}
.rightlinks h1{  background:none; margin-bottom:5px; border-bottom:#999999 1px dashed; font-weight:bold; padding:0; margin-top:15px; color: #333333; font-size:14px; line-height:18px}
.rightlinks a{color:#FFFFFF; text-decoration:none; font-size:11px; }
.rightlinks a:hover{color:#333333}
.copyright{width:220px; float:right; font-size:11px; color:#333333; margin-left:50px; margin-top:-20px; *margin-top:-40px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   .copyright{margin-top:-40px; }
  
}