body{margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:12px; color:#000; font-weight:400}
img{ border:0;}
.top-panel { width:96%; padding: 0 2%; background:#493889; position:relative; z-index:9; height:10px;}
.top-panel-1 {width:100%; padding:0 0 11px 0; background:url(../images/top-panel-bg.png) no-repeat center top; position:relative; z-index:9; float: left}
.logo-panel { float:left; width:389px;}
.social-icon{ width: auto; float:right; font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; padding:8px 0}
.social-icon img{ vertical-align:middle; padding:0 5px 0 0}
/* index Page Css Start Here */
.story { height: 900px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; box-shadow: 0 0 50px rgba(0,0,0,0.8);}

#first { background: url(../images/main-bg.jpg) 60% 0 no-repeat fixed; }
#second { background: url(../images/about-bg.jpg) 60% 0 no-repeat fixed; }
#third { background: url(../images/product-bg.jpg) 60% 0 no-repeat fixed; }
#four { background: url(../images/production-bg.jpg) 60% 0 no-repeat fixed; }
#five { background: url(../images/quality-bg.jpg) 60% 0 no-repeat fixed; }
#seven { background: url(../images/future-bg.jpg) 60% 0 no-repeat fixed; }
#six { background: url(../images/contact-bg.jpg) 60% 0 no-repeat fixed; }

/* Introduction */
#first article { width: 100%; top:50px; padding: 102px 0 0 0; position: absolute; /*background: url(../images/bg.png) 0 0 repeat;*/color: #000;}
#first p{ color: #fff; margin: 0 0 15px 0; font-size: 17px; line-height: 24px; text-align:center}
#first p a{color: #fff;}
/* Background Only */
#second .article {  width: 100%; top: 0px; padding: 50px 0; position: absolute;/* background: url(../images/bg.png) 0 0 repeat;*/ color: #fff; }
#second p { color: #fff; margin: 0 0 15px 0; font-size: 12px; line-height: 20px; text-align: justify }
#second p a{color: #fff;}
#second ul.inside-bullet{ color:#fff; font-size:12px;}
/* Photograph */
#third .article { width: 100%; top: 0px; padding: 50px 0; position: absolute; /*background: url(../images/bg2.png) 0 0 repeat;*/ color: #000;}
#third p { color: #000; margin: 0 0 15px 0; font-size: 12px; line-height: 20px; }
#third p a{color: #000;}
#third h1{ margin:0; padding:0 0 15px 0; font-size:32px; font-family: 'Open Sans', sans-serif; color:#000;font-weight:300;}


/* Photograph */
#four .article { width: 100%; top: 0px; padding: 50px 0; position: absolute; /*background: url(../images/bg2.png) 0 0 repeat; */color: #fff;}
#four p { color: #fff; margin: 0 0 15px 0; font-size: 12px; line-height: 20px; }
#four p a{color: #fff;}

/* Photograph */
#five .article { width: 100%; top: 0px; padding: 50px 0; position: absolute; /*background: url(../images/bg2.png) 0 0 repeat; */color: #fff;}
#five p { color: #fff; margin: 0 0 15px 0; font-size: 12px; line-height: 20px;}
#five p a{color: #fff;}

/* Photograph */
#seven .article { width: 100%; top: 0px; padding: 50px 0; position: absolute; /*background: url(../images/bg2.png) 0 0 repeat; */color: #fff;}
#seven p { color: #fff; margin: 0 0 15px 0; font-size: 12px; line-height: 20px;}
#seven p a{color: #fff;}

/* Photograph */
#six .article { width: 100%; top: 0px; padding: 50px 0; position: absolute; /*background: url(../images/bg2.png) 0 0 repeat; */color: #000;}
#six p { color: #000; margin: 0 0 15px 0; font-size: 12px; line-height: 20px;}
#six p a{color: #000;}
#six h1{ margin:0; padding:0 0 15px 0; font-size:32px; font-family: 'Open Sans', sans-serif; color:#000;font-weight:300;}

.center-div{width: 1000px; margin: 0 auto; position:relative}
.left-div{width: 220px; float: left;}
.right-div{width: 460px; float: left;}
.title-div{ width:386px; float:right; background: url(../images/menu-bg.png) repeat left top; padding:20px 25px; font-family: 'Open Sans', sans-serif; color:#fff; font-size:28px; font-weight:300; position:absolute; top:212px; right:0;}

.menu{width: 100%; float: left; }
.menu-center{width: 1000px; margin: 0 auto; }
.menu ul{float:left;padding: 16px; margin: 0; list-style:none; display:block; background:url(../images/menu-bg.png) repeat left top; position:fixed; z-index: 10; left: auto; top:225px; width:170px; }
.menu ul li{ display:block;}
.menu ul li a.home{ background:url(../images/home-icon.png) no-repeat left 3px; float:left; padding:10px 0 8px 40px; width:100px;}
.menu ul li a.about{ background:url(../images/about-icon.png) no-repeat left 6px; float:left; padding:10px 0 10px 40px; width:100px;}
.menu ul li a.product{ background:url(../images/product-icon.png) no-repeat left 6px; float:left; padding:10px 0 10px 40px; width:100px;}
.menu ul li a.production{ background:url(../images/production-icon.png) no-repeat left 6px; float:left; padding:10px 0 10px 40px; width:100px;}
.menu ul li a.quality{ background:url(../images/quality-icon.png) no-repeat left 6px; float:left; padding:10px 0 10px 40px; width:100px;}
.menu ul li a.future{ background:url(../images/future-icon.png) no-repeat left 6px; float:left; padding:10px 0 10px 40px; width:130px;}
.menu ul li a.contact{ background:url(../images/contact-icon.png) no-repeat left 6px; float:left; padding:10px 0 10px 40px; width:100px;}

.menu ul li a{ font-family: 'Cuprum', sans-serif; font-weight:400; float: left;padding: 10px 0; font-size: 17px; color: #fff; text-decoration:none; text-transform:uppercase;}
.menu ul li a:hover{color: #fff}
.link-arrow{position:absolute; bottom: 50px; top: autp; text-align: center; width: 100%}
/* index Page Css End Here */
h1{ margin:0; padding:0 0 15px 0; font-size:32px; font-family: 'Open Sans', sans-serif; color:#fff;font-weight:300;}
ul.tabbing{ margin:0; padding:0; list-style-type:none; font-size:12px;}
ul.tabbing li{ display: inline; font-weight:700; padding:0 10px;  background:url(../images/tab-divider.gif) no-repeat right 4px;}
ul.tabbing li a{ text-decoration:none; color:#fff;}
ul.tabbing li.first{ padding:0 10px 0 0;}
ul.tabbing li.last{ background-image:none;}
ul.tabbing li.active a{ padding:0 0 10px 0; background:url(../images/tabbing-active.gif) no-repeat center bottom;}
#tab-1, #tab-2, #tab-3, #tab-4, #tab-5{ padding:25px 0 0 0 }
#tab-1 p, #tab-2 p, #tab-3 p, #tab-4 p, #tab-5 p{ color:#fff;}
ul.inside-bullet{ padding:0; margin:0; list-style-type:none; }
ul.inside-bullet li{ padding:5px 0 10px 30px;}
ul.inside-bullet li.mgt{ padding:5px 0 10px 0px;}
ul.inside-bullet li.first{ background:url(../images/about-bullet1.png) no-repeat left 5px; }
ul.inside-bullet li.second{ background:url(../images/about-bullet2.png) no-repeat left 5px; }
ul.inside-bullet li.third{ background:url(../images/about-bullet3.png) no-repeat left 5px; }
ul.inside-bullet li.fourth{ background:url(../images/about-bullet4.png) no-repeat left 5px; }
ul.inside-bullet li.red1{ background:url(../images/red-bullet1.png) no-repeat left 5px; }
ul.inside-bullet li.red2{ background:url(../images/red-bullet2.png) no-repeat left 5px; }
ul.inside-bullet li.red3{ background:url(../images/red-bullet3.png) no-repeat left 5px; }
ul.inside-bullet li.red4{ background:url(../images/red-bullet4.png) no-repeat left 5px; }
ul.inside-bullet li.yellow1{ background:url(../images/yellow-bullet1.png) no-repeat left 5px; }
ul.inside-bullet li.blue1{ background:url(../images/blue-bullet1.png) no-repeat left 5px; }
ul.inside-bullet li.pink1{ background:url(../images/pink-bullet1.png) no-repeat left 5px; }

.red{ color:#d00505; font-weight:700;}
.yellow{ color:#be8f00; font-weight:700;}
.blue{ color:#336699; font-weight:700;}
.pink{ color:#cc3366; font-weight:700;}
.purple{ color:#493889; font-weight:700;}

ul.tabbing-pro{ margin:0; padding:0; list-style-type:none; width:508px; font-size:12px;}
ul.tabbing-pro li{ display: inline; font-weight:700; padding:0 10px;  background:url(../images/tab-pro-divider.gif) no-repeat right 4px;}
ul.tabbing-pro li a{ text-decoration:none; color:#000;}
ul.tabbing-pro li a.red{ text-decoration:none; color:#d00505;}
ul.tabbing-pro li a.yellow{ text-decoration:none; color:#cc9900;}
ul.tabbing-pro li a.blue{ text-decoration:none; color:#336699;}
ul.tabbing-pro li a.pink{ text-decoration:none; color:#cc3366;}
ul.tabbing-pro li.first{ padding:0 10px 0 0;}
ul.tabbing-pro li.last{ background-image:none;}
ul.tabbing-pro li.active a{ padding:0 0 10px 0; background:url(../images/tabbing-pro-active.gif) no-repeat center bottom;}
#tab-01, #tab-02, #tab-03, #tab-04{ padding:25px 0 0 0 }
ul.contact-div{ margin:0; padding:0; list-style-type:none; width:320px; margin:-10px 0 0 0;}
ul.contact-div li{ padding:6px 0; border-bottom:1px solid #8c8c8d}
ul.contact-div li.last{ padding:6px 0 20px 0; border-bottom:none}
ul.contact-div li a{ text-decoration:underline; color:#000;}
ul.contact-div li span.tel-no{ width:40px; font-weight:700; float:left}
ul.contact-div li span.colon{ width:20px; float:left}
.footer{ width:100%; float:left; background-color:#493889; position:relative; z-index:9; color:#fff; font-weight:400;}
.footer-text{ float: left; width: 389px; padding:10px 0;}
.top-arrow{position:absolute; bottom: -4px; top: autp; text-align: left; width: 100%}
#top-arrow-img, #top-arrow-img1, #top-arrow-img2, #top-arrow-img3, #top-arrow-img4, #top-arrow-img5{position: relative;
    z-index: 9;}
.form-table{ width:670px; float:left; padding:30px; color:#000;}
.text1{ width:670px; float:left; padding:0 0 8px 0;}
.req-fields{ color:#F00;}
.column1{ width:335px; float:left;}
.column2{ width:335px; float:left;}
.row1{ width:300px; float:left;}
.form-textfield{ background-color:#f5f5f5; padding:5px; width:260px; border:0; margin:5px 0 8px 0;}
.column3{ width:670px; float:left;}
.captcha{margin:5px 0 8px 0;}
.form-textfield2{ background-color:#f5f5f5; padding:5px; width:260px; border:0; margin:5px 0 8px 0; resize:vertical; height:80px;}
.form-textfield3{ background-color:#f5f5f5; padding:5px; width:270px; border:0; margin:5px 0 15px 0; resize:vertical; font-size:12px}
.captcha-field{background-color:#f5f5f5; padding:5px; border:0; margin:5px 0 20px 0; width:135px;}
p{margin: 0 0 15px 0; text-align:justify}
p a{color: #fff}