/********************** Reset **********************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:justify;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input, textarea, select {font-size:100%;}
legend {color:#000;}
.left{float:left;}
.clear{clear:both;}
.right{float:right;}
span.noshow  {display:none; margin:0;}
a{outline:none;}

/* ========================================================================== */

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#fcfcfc;  }
.main{ width:950px;  margin:0 auto;  }
.border_main{ width:900px; border:1px solid #f0f0f0; margin-top:30px;   height:auto; float:left; padding: 0px 25px; background-color:#FFF; background-color:#FFF;} 
.top_header{width:900px;  padding-top:20px; padding-bottom:15px; float:left; }
.logo{ float:left; width:185px; height:96px; margin-left:4px;}



/*****BANNER***/
.banner{ width:880px;  border:1px solid #f0f0f0; padding:9px; float:left;}
#banner-slideshow { position: relative; overflow: hidden; width: 880px; height: 250px; }
#banner-img { width: 880px; height: 250px; transition: opacity 0.8s ease-in-out; }

/***********CONTENT***************/
.title_tab{padding:14px 0px; border-bottom:1px solid #eeeeee;}
.content{  width:900px;  padding-bottom:25px; float:left; }
.content_lt{ float:left; width:490px; margin-top:15px; line-height:22px;}
.content_lt p{  text-align:justify; padding:7px 0;}

.content_lt p span{ margin:5px 0px 0px 10px;}

.content_rt{float:left; width:390px; margin-left:20px; margin-top:15px;}
.rt_img_area{width:390px; float:left;}
.rt_img01{ float:left;}
.rt_img01 img{ border:1px solid #ececec;}
.rt_img02{ float:left; margin-left:12px;}
.rt_img02 img{ border:1px solid #ececec;}

.clients{width:388px;  margin-top:20px; border:1px solid #ececec; height:118px; float:left;}



/********************ABOUT*******************************/
.about_content_lt{ float:left; width:490px; margin-top:15px;}
.about_content_lt p{ line-height:24px; text-align:justify;}
.about_content_lt p span{ margin:5px 0px 0px 10px;}
.abt_img{ float:left; margin-right:8px;}
.detail_img{ margin:5px 0px 15px 0px;}

.about_content_rt{float:left; width:395px; margin-left:15px; margin-top:15px;}
.about_content_rt p{ line-height:24px; text-align:justify; margin:0 15px 0 15px;  width:365px; background:#f5f5f5 url('images/rt_title_bdr.gif') top repeat-x;}
.about_content_rt h2{font-size:16px; color:#3070d9;   background-color:#f8f8f8; height:25px; padding-top:5px;  }
.about_content_rt .detail_bg{background-color:#f5f5f5; padding-bottom:10px;}
.about_content_rt .title{font-size:16px; color:#3070d9;   background-color:#f8f8f8; height:25px; padding-top:5px; margin-top:15px;}
.blue_txt{ color:#2d87cd;}

.about_content_lt h2{background-color:#f8f8f8; border-bottom:1px solid #ebebeb; height:25px; padding-top:5px; margin-top:15px; }
.product_title{background-color:#f8f8f8; border-bottom:1px solid #ebebeb; height:25px; padding-top:5px; }
.about_content_lt h1{ font-size:20px; color:#000;  padding:2px 0px 10px 0px; border-bottom:1px solid #e1e1e1; }
.about_content_rt h1{ font-size:20px; color:#ff8c00;  padding:2px 0px 10px 0px;  }

.quality_content_lt{  float:left; width:545px; border-right:1px solid #d7d7d7; padding-right:15px;}
.quality_content_lt h2{font-size:16px; color:#3070d9;  padding-top:12px;  }
.quality_content_lt h1{ font-size:20px; color:#000;  padding:2px 0px 10px 0px; border-bottom:1px solid #e1e1e1; }
.quality_content_lt p{ line-height:24px; text-align:justify;}
.quality_content_rt{float:left; width:260px; margin-left:20px; margin-top:15px;}

.quality_control_img{border:5px solid #e1e1e1;}
.quality_certificate_img{border:5px solid #e1e1e1; margin-top:8px;}

.certificate_img{margin:13px 65px 0 65px;}
.contact-split{width:375px;   line-height:24px; float:left; }
.contact_content_lt{ float:left; width:375px; margin-top:15px;}
.contact_content_rt{float:left; width:498px; margin-left:26px; margin-top:15px;}
.contact_content_lt h1{ font-size:20px; color:#000;  padding:2px 0px 10px 0px; border-bottom:1px solid #e1e1e1; }
.contact_content_rt h1{ font-size:20px; color:#ff8c00;  padding:2px 0px 10px 0px;  }
.contact_content_lt  a.mail{ color:#000; text-decoration:none;}
.contact_content_lt a:hover.mail { color:#3070d9;  text-decoration:underline;}

.contact-form-border{ background-color:#f5f5f5;  width:495px; }
.contact-form-border h2{color:#3070d9;   background-color:#f5f5f5; height:25px; padding-top:5px; }
.contact_title_bdr{ background:url('images/rt_title_bdr.gif') repeat-x; padding-top:12px;}

.contact-form{margin:5px 0px 20px 10px;  background:url('images/rt_title_bdr.gif') top repeat-x;}
* html .contact-form{margin:5px 0 20px;}
.contact-form  dl{ clear:both; padding-top:14px; *padding-top:7px; line-height:25px;}
.contact-form dt{ width:140px; float:left; margin-left:30px;}
* html .contact-form dt{ margin-left:20px;}
.contact-form dd{ float:left;}
.contact-form dd input{ border:1px solid #dcdcdc; padding:1px 5px; width:188px; height:21px; line-height:21px;}
.contact-form dd em{ font-style:normal; padding:0 15px; *padding-top:-5px; vertical-align:text-top; float:left;}
/*.contact-form label { position: absolute; text-align:left; width:170px; padding:0; margin:16px 0 0 25px;}*/
/*.contact-form .field, .contact-form textarea { margin:16px 0 0 180px; border:1px solid #dcdcdc; padding:1px 5px;}*/
/*.contact-form .field{width:147px;}*/
.contact-form textarea{width:250px; height:80px;  overflow:auto; border:1px solid #dcdcdc; padding:1px 5px;}
.contact-form .submit{cursor:pointer; padding:0px 0; margin:15px 0 20px 204px;  width:54px; height:20px; border:none;}

.infra_plant{ color:#000; }
.infra_plant li{ line-height:22px; list-style:disc; padding:0px 4px 0px 4px; margin-left:25px;}
.client_content{ float:left; width:900px;  }
.client_content img{ float:left; margin-left:12px; margin-right:8px; margin-top:22px;  }
.content_img{ float:left; width:206px; height:148px; background:#e1e1e1; padding:3px; margin-right:10px;}
.infra_img{ float:left; width:147px; height:110px; background:#e1e1e1; padding:3px; margin-right:10px; }

.social_img{ float:left; width:147px; height:110px; background:#e1e1e1; padding:3px; margin:0px 15px 0px 55px;}

.red_txt{float:right; color:#ff0000; font-size:11px; margin-top:-34px; }
.men_wear{float:left; width:900px; line-height:22px;}
.men_wear p{ text-align:justify; margin-top:8px;}
/*********************COMPANY************************/
.company_content_about{float:left; width:880px;  line-height:22px;}
.company_content_about .txt{ margin-top:0px;}
.company_content_about p{  text-align:justify; padding:7px 0;}
.company_content_about p span{ margin:5px 0px 0px 10px;}


.company_content_lt{ float:left; width:600px; line-height:22px;}
.company_content_lt .txt{ margin-top:0px;}
.company_content_lt p{  text-align:justify; padding:7px 0;}
.company_content_lt p span{ margin:5px 0px 0px 10px;}
.company_content_rt{float:left; width:260px; margin-top:15px; margin-left:40px;}
.company_content_rt img{ margin-top:37px;}


.photo{margin:4px 0 0 20px; }
.photo_bg{ background:url('images/img_bg.jpg') no-repeat; width:136px; height:88px; margin-top:25px; padding:6px 11px; float:left;   }
.photo_bg_rt{ background:url('images/img_bg.jpg'); width:136px; height:88px; margin-top:25px; margin-left:22px; padding:6px 11px;  float:left;  }

.photo-over{ width:135px; height:99px; position:absolute; z-index:10; /*background:url('images/spacer.png') no-repeat;*/}
.photo-over:hover{background:url('images/gallery-over.png') no-repeat;}
.product_button{height:30px; float:right;}
.product_next_button{ margin-right:10px;}


.page_sec{ background-color:#ededed; height:14px; line-height:14px; font-size:10px; float:left; text-align:right; color:#646464; width:884px; padding:3px 8px; margin-top:15px;}
.page_sec span{padding:3px 5px; color:#929191; margin-left:5px;}
.page_sec a{ color:#646464; text-decoration:none;  margin-left:5px; padding:3px 5px;}
.page_sec a:hover{ color:#FFF; font-weight:bold; background-color:#318bce;}
.page_sec .active{ color:#FFF; font-weight:bold; background-color:#318bce;}

 a.info{ color:#3070d9; text-decoration:none;}
a:hover.info { color:#3070d9;  text-decoration:underline;}
.slide_img img{ margin-left:12px; }

/*********************FOOTER************************/

.footer{ width:912px; height:30px; float:left; background-color:#f0f0f0; padding:0 20px; margin-bottom:30px; }
.footer_lt{ color:#909090; float:left; font-size:11px; margin-top:7px;}
.footer_rt{ float:right; margin-top:5px;}

.error_msg{color:Blue;font-size:11px;letter-spacing:0px;}