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

*{ margin:0; padding:0; border:none; list-style:none; text-decoration:none; outline:none; font-family:Arial, Helvetica, sans-serif;}
.spacer{ clear:both;}

#header-strip{ background:#151515; width:100%; display: block; }
#header{ width:1095px; display:block; margin:0 auto; height:89px;}
#header .logo{ float:left; display:block; width:307px; margin-top:30px;}
#header .top-right{ float:right; display:block; width:748px; margin-top:18px; }
#header .sitemap{float:right; display:block; background:#3d3d3d; width:100px; top:0; border-bottom-left-radius:7px; border-bottom-right-radius:7px; padding:5px; margin-right:25px;}
#header .sitemap a{ text-align:center; color:#fff; font-size:12px; display:block; }
#header .sitemap img{vertical-align:middle; margin-right:10px;}
#header .top-social{float:right; display:block; color:#fff; margin-top:12px; margin-right:20px;}
#header .top-social li{float:left; display:block; margin-left:10px; }
#header .top-contact{float:right; display:block; color:#fff; margin-top:17px; margin-right:10px; font-size:15px; font-weight:bold; }
#header .top-contact h1{ font-size:22px; font-weight:bold; display:inline-block}
/*banner*/
#banner-strip{ background:url(images/banner-bg.jpg) no-repeat center top; width:100%; display:block; height:500px; }

/*container*/
#container{ width:980px; display:block; margin:0 auto;}
#container h1{ font-size:30px; color:#000; text-align:center; display:block; text-transform:uppercase; margin-bottom:15px;}
#container span{ color:#e21715;}
#container p{ font-size:13px; line-height:22px; color:#000; text-align:center; display:block;  }

/*slider img*/
#slider{ background:url(images/slider-bg.png) no-repeat; width:100%; display:block; margin:0 auto;   }
#about-banner{ background:url(images/about-banner.jpg) no-repeat center top; width:100%; height:277px; display:block; margin-bottom:10px;}

/*footer*/
#footer-strip{ background: url(images/footer-strip.jpg) no-repeat center top; height:184px; display:block;}
#footer{ width:980px; display:block; margin:0 auto;}
#footer .footer-menu{ float:left; width:740px; display:block; margin-right:45px;}
#footer .footer-menu ul{ border-bottom:#d3d3d3 solid 1px; display:block; padding-bottom:30px; margin-top:100px;}
#footer .footer-menu li{ float:left; font-size:12px; text-transform:uppercase; padding:0 17px;}
#footer .footer-menu li a{ color:#282828;}
#footer .footer-menu li:first-child{ padding-left:0;}
#footer .footer-menu p{ float:left; font-size:12px; text-transform:none; padding-top:15px; color:#282828;}
#footer .footer-menu a{color:#282828;}
#footer .footer-menu a:hover{color:#000; text-decoration:underline;}

#footer .social-network{ float:right; width:185px; display:block;margin-top:55px; }
#footer .social-network li{ display:block; margin-bottom:7px;}

#product-banner{ background:url(images/product-banner.jpg) no-repeat center top; width:100%; height:334px; display:block;}
#product-strip { width:100%; margin:0 auto; display:block; background: url(images/pro-head-bg.png) no-repeat center top; border-bottom:#bdbdbd solid 1px;  overflow:hidden; padding:10px;}
#product-strip .left-head{ width:25%; display:block; float:left;}
#product-strip .left-head h1{ font-size:30px; color:#000; text-align:center; display:block; text-transform:uppercase; margin-top:25px;}
#product-strip .left-head span{ color:#e21715;}
#product-strip .right-content{ width:70%; display:block; float:right;}
#product-strip .right-content p{font-size:13px; line-height:22px; color:#000; text-align: justify; display:block;}


#product-list { width:100%; margin:0 auto; display:block;}


/*ABOUT US*/

/*banner*/
#banner-strip{ background:url(images/inner-bg.jpg) no-repeat center top; width:100%; display:block; height:340px; }
/*container*/
#container-ab { width:980px; display:block; margin:0 auto;}
#container-ab h1{ font-size:30px; color:#000; text-align:left; display:block; text-transform:uppercase; margin-bottom:15px;}
#container-ab span{ color:#e21715;}
#container-ab p{ font-size:13px; line-height:22px; color:#000;  display:block; margin-bottom:20px;}

.container { width:980px; display:block; margin:0 auto;}


.box  { border-radius:10px; border:#357a86 solid 1px; float:left; width:440px; margin-right:20px; padding:15px; height:260px; margin-bottom:20px;}
.box p { width:380px; float:right; text-align:justify; line-height:20px; }

.box h2{ font-size:19px; font-weight:400; }
.bullets h2{ margin-bottom:10px;}
.bullets ul { width:430px;}
.bullets li{ background:url(images/arrow.png) no-repeat left center; padding-left:20px; font-size:14px; line-height:30px;}