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

body{ margin:0px; padding:0px; background-color:#ae0a03;}
*{ margin:0px; padding:0px; border:none; vertical-align:top;}
li,ul,ol{ margin:0px; padding:0px; list-style:none;}
p,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; text-align:left;}
img{ margin:0px; padding:0px; border:none;}
.clear{ margin:0px; padding:0px; clear:both;}

#main{ width:100%; float:left; margin:0px; padding:0px; background:url(../images/main-bg.png) left top repeat-x; height:120px; position:absolute;}
#wrapper{ width:1010px; margin:0 auto; position:relative;}
#header{ width:1010px; float:left; margin:50px 0px 0px 0px; padding:0px;}
#head{ width:1010px; float:left; margin:0px; padding:0px; background-color:#FFFFFF;}
.logo{ width:399px; float:left; margin:0px; padding:0px;}


#right-brands{ width:246px; float:right; margin:25px 10px 0px 0px; padding:0px; }
#right-brands p{ width:246px; float:right; margin:0px; padding:0px; font-size:14px; color:#d60303; font-family:Arial; line-height:22px; text-align:right; font-weight:bold; }
#right-brands h1{ width:59px; float:left; margin:5px 10px 0px 0px; padding:0px; }
#right-brands h2{ width:105px; float:right; margin:5px 0px 0px 0px; padding:0px; }

#menu{ width:990px; float:left; margin:0px 0px 2px 10px; padding:0px; background-color:#f7f6f6; height:35px;}
#menu ul{ margin:0px; padding:8px 0px 0px 0px; list-style:none;}
#menu li{ margin:0px; padding:0px; list-style:none; font-size:14px; color:#000000; font-family:Calibri; line-height:22px; text-align:center; border-right:#999999 solid 1px; display:inline; text-transform:uppercase; }

#menu li a{ margin:0px; padding:8px 29px; list-style:none; font-size:14px; color:#000000; font-family:Calibri; text-align:center; display:inline; text-transform:uppercase; display:block; display:inline; text-decoration:none; }
#menu li a:hover{ color:#FFFFFF; background-color:#870b05; border:none; text-decoration:none; }
#menu li:last-child{ border:none; }

#banner-area{ width:1010px; float:left; margin:0px; padding:0px; background-color:#870b05; height:370px;}

#contan-area{ width:1010px; float:left; margin:0px; padding:0px; background-color:#f7f6f6; height:auto; }

#contan{ width:930px; float:left; margin:30px 0px 0px 0px; padding:0px 40px 0px 40px; }
#contan h1{ width:930px; float:left; margin:0px; padding:0px; font-size:22px; color:#d60303; font-family:Calibri; font-weight:bold; }

#contan p{ width:930px; float:left; margin:15px 0px 0px 0px; padding:0px; font-size:14px; color:#333333; font-family:Arial; line-height:24px;}
#contan h2{ width:100px; float:right; margin:15px 0px 15px 0px; padding:0px; font-size:14px; color:#d60303; font-family:Calibri; font-weight:bold; }
#contan h2 a{ font-size:14px; color:#d60303; font-family:Calibri; text-decoration:underline;}
#contan h2 a:hover{ color:#000000; text-decoration:none; }


.bor{ width:1010px; float:left; margin:0px; padding:0px; background-color:#FFFFFF; height:1px;}



/*-----------------------------------------------product-contan-----------------------------------*/

#our-contan{ width:1010px; float:left; margin:0px; padding:0px; background-color:#f7f6f6; height:auto; }

#our-pro-con{ width:930px; float:left; margin:20px 0px 20px 0px; padding:0px 40px 0px 40px; height:auto;}

#our-pro-list{ width:930px; float:left; margin:0px; padding:0px;}

#our-pro-list h1{ width:930px; float:left; margin:0px; padding:0px 0px 8px 0px; font-size:22px; color:#d60303; font-family:Calibri; font-weight:bold; text-transform:uppercase; border-bottom:#CCCCCC solid 1px; }

#our-pro-list ul{ width:170px; float:left; margin:0px 5px 0px 0px; padding:0px; list-style:none;}

#our-pro-list li{ width:135px; float:left; margin:0px 30px 0px 0px; padding:5px 0px 5px 20px; font-size:14px; color:#424141; font-family:Calibri; background:url(../images/arrow.jpg) left top no-repeat; background-position:0px 10px; text-transform:uppercase; border-bottom:#9cb1d6 dashed 1px;}

#our-pro-list li a{ font-size:14px; color:#424141; font-family:Calibri; text-decoration:none;}
#our-pro-list li a:hover{ color:#CC0000; }

#our-pro-con-img{ width:236px; float:right; margin:0px; padding:0px;}

#footer-area{ width:100%; float:left; margin:0px; padding:0px; background-color:#000000; height:60px;}
#footer{ width:1010px; margin:auto; padding:0px;}
#footer h1{ width:440px; float:left; margin:25px 0px 0px 20px; padding:0px; font-size:14px; color:#FFFFFF; font-family:Arial; text-align:left; font-weight:normal;}
#footer h2{ width:400px; float:right; margin:25px 20px 0px 0px; padding:0px; font-size:14px; color:#FFFFFF; font-family:Arial; text-align:right; font-weight:normal;}
#footer h2 a{ font-size:14px; color:#FFFFFF; font-family:Arial; text-decoration:underline;}
#footer h2 a:hover{ color:#CC0000; text-decoration:none;}



/*--------------------------------------------Contact---------------------------------------------*/
#contact-area01{ width:930px; float:left; margin:15px 0px 0px 0px; padding:0px; font-size:14px; color:#333333; font-family:Arial; line-height:24px;}

#contact-area{ width:350px; float:left; margin:15px 0px 0px 35px; padding:0px; font-size:14px; color:#333333; font-family:Arial; line-height:24px;}



.contact-logo{ width:350px; float:left; margin:0px 0px 0px 0px; padding:0px;}

#contact-area h1{ width:350px; float:left; margin:5px 0px 0px 0px; padding:0px; font-size:14px; color:#CC0000; font-family:Arial; line-height:24px;}

#contact-area p{ width:350px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; font-size:14px; color:#333333; font-family:Arial; line-height:24px; border-bottom:#999999 dashed 1px;}

#contact-area h2{ width:350px; float:left; margin:10px 0px 0px 0px; padding:0px 0px 0px 25px; background-position:0px 0px; font-size:14px; color:#CC0000; font-family:Arial;  background:url(../images/pone.png) left top no-repeat; background-position:0px 5px;}

#contact-area h3{ width:350px; float:left; margin:10px 0px 0px 0px; padding:5px 0px 0px 30px; background-position:0px 0px; font-size:14px; color:#CC0000; font-family:Arial;  background:url(../images/mail.png) left top no-repeat; background-position:0px 5px;}

#contact-area p a{ font-size:14px; color:#333333; font-family:Arial; text-decoration:underline;}
#contact-area p a:hover{ color:#CC0000; text-decoration:none;}


.contact-right{ width:446px; float:right; margin:85px 20px 0px 0px; padding:0px; border:#EAEAEA solid 4px;}


/*--------------------------Our-Products-------------------------------*/


.our-product-area{ width:930px; float:left; margin:0px; padding:0px; font-size:22px; color:#d60303; font-family:Calibri; font-weight:bold; }


.text-product-area{ width:930px; float:left; margin:20px 0px 0px 0px; padding:0px; font-size:14px; color:#333333; font-family:Arial; line-height:24px;}



/*----------------Left-menu-------------*/

.our-product-left{ width:210px; float:left; margin:0px 0px 35px 0px; padding:0px;}

.range-title{ width:170px; float:left; margin:8px 0px 0px 0px; padding:0px 0px 0px 40px; font-size:16px; color:#FFFFFF; font-family:Calibri; line-height:35px; text-align:left; text-transform:uppercase; border-bottom:#CCCCCC solid 2px; background:url(../images/icone.png) left top no-repeat #d60303; background-position:17px 12px;}

.ss-steel{ width:150px; float:left; margin:0px; padding:0px;}

.ss-steel a{ width:150px; float:left; margin:8px 0px 0px 0px; padding:0px 0px 0px 40px; font-size:15px; color:#ae0a03; font-family:Calibri; line-height:35px; text-align:left; text-transform:uppercase; background:url(../images/icon.png) left top no-repeat; background-position:17px 12px; border-bottom:#9cb1d6 solid 1px; text-decoration:none;}

.ss-steel a:hover{ width:150px; float:left; margin:8px 0px 0px 0px; padding:0px 0px 0px 40px; font-size:15px; color:#000000; font-family:Calibri; line-height:35px; text-align:left; text-transform:uppercase; background:url(../images/icon.png) left top no-repeat; background-position:17px 12px; border-bottom:#9cb1d6 solid 1px; text-decoration:none;}

.our-product-left ul{ width:210px; float:left; margin:0px; padding:0px; list-style:none;}

.our-product-left li{ width:160px; float:left; margin:0px 30px 0px 10px; padding:5px 0px 5px 20px; font-size:14px; color:#424141; font-family:Calibri; background:url(../images/arrow.jpg) left top no-repeat; background-position:0px 10px; text-transform:uppercase; border-bottom:#9cb1d6 solid 1px;}

.our-product-left li a{ font-size:14px; color:#424141; font-family:Calibri; text-decoration:none;}
.our-product-left li a:hover{ color:#CC0000; }

.our-product-left .active{ font-size:14px; color:#CC0000; font-family:Calibri; text-decoration:none;}

.range-area-tit{ width:710px; float:left; margin:0px; padding:0px;}

/*----------------Left-menu-------------*/



.our-product-right-title{ width:345px; float:right; margin:0px; padding:0px; }

.our-product-right-title a{  margin:8px 10px 0px 0px; padding:0px 0px 0px 40px; font-size:16px; color:#FFFFFF; font-family:Calibri; line-height:35px; text-align:left; text-transform:uppercase; border-bottom:#CCCCCC solid 2px; background:url(../images/icone.gif) left top no-repeat #ae0a03; background-position:17px 12px; display:block; text-decoration:none; }

.our-product-right-title a:hover{ margin:8px 10px 0px 0px; padding:0px 0px 0px 40px; font-size:16px; color:#FFFFFF; font-family:Calibri; line-height:35px; text-align:left; text-transform:uppercase; border-bottom:#CCCCCC solid 2px; background:url(../images/icone.gif) left top no-repeat #000000; background-position:17px 12px; text-decoration:none;}



.our-product-right-title-01{ width:345px; float:left; margin:0px 0px 0px 20px; padding:0px; }

.our-product-right-title-01 a{ margin:8px 10px 0px 0px; padding:0px 0px 0px 40px; font-size:16px; color:#FFFFFF; font-family:Calibri; line-height:35px; text-align:left; text-transform:uppercase; border-bottom:#CCCCCC solid 2px; background:url(../images/icone.gif) left top no-repeat #ae0a03; background-position:17px 12px; display:block; text-decoration:none; }

.our-product-right-title-01 a:hover{ margin:8px 10px 0px 0px; padding:0px 0px 0px 40px; font-size:16px; color:#FFFFFF; font-family:Calibri; line-height:35px; text-align:left; text-transform:uppercase; border-bottom:#CCCCCC solid 2px; background:url(../images/icone.gif) left top no-repeat #000000; background-position:17px 12px; text-decoration:none;}

.sub-pro{ width:662px; float:right; margin:15px 10px 0px 0px; padding:0px 0px 0px 25px; font-size:16px; color:#CC0000; font-family:Calibri; line-height:35px; text-align:left; text-transform:uppercase; border-bottom:#EAEAEA solid 1px; border-top:#EAEAEA solid 1px; background-color:#F5F5F5; border-left:#CC0000 solid 3px;}

#our-product-right{ width:710px; float:right; margin:0px; padding:0px;}
#our-product-right h1{ width:221px; float:left; margin:15px 0px 0px 15px; padding:0px;}

#our-product-right h2{ width:221px; float:left; margin:10px 0px 10px 15px; padding:0px; text-align:center; font-size:14px; color:#d60303; font-family:Calibri; line-height:22px; text-align:center; text-transform:uppercase; font-weight:normal;}

.new-title{ width:642px; float:right; margin:8px 10px 0px 0px; padding:0px 0px 0px 40px; font-size:16px; color:#FFFFFF; font-family:Calibri; line-height:35px; text-align:left; text-transform:uppercase; background:url(../images/icone.png) left top no-repeat #d60303; background-position:17px 12px; display:block; text-decoration:none;  }

/*----------------------------Quality-----------------------------*/

.quality-sub-text{ width:690px; float:right; margin:0px; padding:0px 0px 25px 0px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#333333; line-height:22px; text-align:justify; font-weight:normal; border-bottom:#9cb1d6 solid 1px;}

.quality-sub-text ul{ width:690px; float:right; margin:8px 0px 0px 0px; padding:0px; text-decoration:none; list-style:none;}
.quality-sub-text li{ margin:0px; padding:0px 0px 0px 35px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; list-style:none; background:url(../images/new-icon.gif) left top no-repeat; background-position:8px 5px;}






.about-img-area{ width:690px; float:right; margin:0px; padding:0px;}

.about-img-text{ width:435px; float:left; margin:0px; padding:0px 20px 0px 0px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#333333; line-height:22px; text-align:justify; font-weight:normal;}

.about-img{ width:233px; float:right; margin:0px; padding:0px; border:none; text-align:center;}





/*----------------------------New-----------------------*/


.con-left{ width:930px; float:left; margin:0px; padding:0px;}
.con-left-tit{ width:930px; float:left; margin:0px 0px 15px 0px; padding:0px; font-size:22px; color:#d60303; font-family:Calibri; font-weight:bold; }
.con-left-text{ width:670px; float:left; margin:0px; padding:0px; font-size:14px; color:#333333; font-family:Arial; line-height:24px; text-align:justify;}

.con-left-more{ width:100px; float:right; margin:15px 0px 15px 0px; padding:0px; font-size:14px; color:#d60303; font-family:Calibri; font-weight:bold; }
.con-left-more a{ font-size:14px; color:#d60303; font-family:Calibri; text-decoration:underline;}
.con-left-more a:hover{ color:#000000; text-decoration:none; }

.con-right{ width:236px; float:right; margin:0px; padding:0px;}


.footer-menu{ width:930px; float:left; margin:15px 0px 5px 0px; }
.footer-menu01{ width:350px; float:left; margin:0px; padding:0px; font-size:16px; color:#000000; font-family:Calibri; font-weight:bold; text-transform:uppercase; }
.footer-menu02{ width:320px; float:left; margin:0px; padding:0px; font-size:16px; color:#000000; font-family:Calibri; font-weight:bold; text-transform:uppercase; }
.footer-menu03{ width:152px; float:left; margin:0px; padding:0px 0px 0px 60px; font-size:16px; color:#000000; font-family:Calibri; font-weight:bold; text-transform:uppercase; }


/*----------------------Product-box-------------------------*/

.product-box{ width:200px; float:right; padding:0px; margin:10px 0px 0px 0px;}


/*----------------------Building-Hardware-------------------------*/


.building-hardware-text{ width:690px; float:right; margin:0px; padding:0px 0px 13px 0px; font-size:13px; color:#333333; text-align:justify; font-family:Arial, Helvetica, sans-serif; line-height:24px; font-weight:normal;}


.building-hardware{ width:710px; float:right; margin:0px; padding:0px;}
.building-hardware ul{ width:300px; float:left; margin:10px 0px 20px 0px; padding:0px; text-decoration:none; list-style:none;}
.building-hardware li{ margin:0px; padding:0px 0px 0px 40px; text-decoration:none; list-style:none; font-size:13px; color:#000000; font-family:Arial, Helvetica, sans-serif; line-height:22px; background:url(../images/bullet.gif) left top no-repeat; background-position:20px 7px; font-weight:normal;}

.building-hardware li a{ margin:0px; padding:0px; text-decoration:none; list-style:none; font-size:13px; color:#000000; font-family:Arial, Helvetica, sans-serif; }
.building-hardware li a:hover{ margin:0px; padding:0px; text-decoration:none; list-style:none; font-size:13px; color:#CC0000; font-family:Arial, Helvetica, sans-serif; }

.building-box{ width:235px; float:left; margin:8px 20px 0px 30px; padding:0px 0px 0px 10px; font-size:15px; color:#FFFFFF; font-family:Calibri; line-height:30px; text-align:left; text-transform:uppercase; background-color:#d60303; display:block; text-decoration:none;  }







.map{ width:606px; float:left; margin:15px 0px 0px 0px; padding:0px; background-color:#FFFFFF; }


.map-text-bg{ margin:0px; padding:0px; border-right:#FFFFFF solid 1px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:26px; text-align:center; font-weight:bold; border-bottom:#9cb1d6 solid 1px; background-color:#666666;}

.map-text{ margin:0px 0px 0px 0px; border-right:#EAEAEA solid 1px; padding:0px 15px 0px 15px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; line-height:22px; text-align:justify; font-weight:normal; border-bottom:#9cb1d6 solid 1px; text-transform:uppercase; background-color:#EAEAEA;}