@CHARSET "UTF-8";

/** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
a{
	text-decoration: none;
	 color: #44403F;
}
a:HOVER{
	color: #ED3438;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{
	display: block;
}

nav ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
} /* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
} /* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
} /* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input,select {
	vertical-align: middle;
}

body {
	margin: 0;
	overflow-x: hidden;
	font-family: champa;
}

@font-face {
	font-family: champa;
	src: url('../font/biko.ttf');
	/* url('Sansation_Light.eot');  IE9 */
}

img {
	margin: 0;
	padding: 0px;
}
#preloader {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}
#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

#panel1>img {
	position: relative;
	width: 100%;
	
}

#panel1 .wrapper {
	width: 70%;
position: absolute;
z-index: 1;
top: 15%;
left: 23%;
}

#panel1 .log_wrp {
	background: url("../img/white1.png");
	display: inline-block;
width: 750px;
}

#panel1 .logo {
	padding: 15px 21%;
display: inline-block;
}

#panel1 .social {
	list-style: none;
	display: block;
	margin: 0 auto;
width: 380px;
}

#panel1 .social li {
	float: left;
	margin: 0 20px;
}

#panel1 .facebook {
	width: 60px;
	background-image: url("../img/social.png");
	height: 107px;
	display: inline-block;
}

#panel1 .twitter {
	width: 90px;
	background-image: url("../img/social.png");
	height: 107px;
	display: inline-block;
	background-position: 230px 0;
}

#panel1 .youtube {
	width: 90px;
	background-image: url("../img/social.png");
	height: 107px;
	display: inline-block;
	background-position: 86px 0;
}

#panel1 .facebook:HOVER {
	width: 60px;
	background-image: url("../img/social_hover.png");
	height: 107px;
	display: inline-block;
}

#panel1 .twitter:HOVER {
	width: 90px;
	background-image: url("../img/social_hover.png");
	height: 107px;
	display: inline-block;
	background-position: 230px 0;
}

#panel1 .youtube:HOVER {
	width: 90px;
	background-image: url("../img/social_hover.png");
	height: 107px;
	display: inline-block;
	background-position: 86px 0;
}

#panel1 .menu_home {
	border-top: 2px solid #ED3439;
	margin: 0;
	list-style: none;
	display: inline-block;
	padding: 0px;
	
}

#panel1 .menu_home li {
	background-image: url("../img/menu-trans.png");
	float: left;
	
margin-right: 1.0px;
}

#panel1 .menu_home li:HOVER {
	background-image: url("../img/white1.png");
}

#panel1 .menu_home li:last-child {
	margin: 0;
}

#panel1 .menu_home li a {
	color: #44403F;
    height: 130px;
    text-decoration: none;
    text-transform: uppercase;
   width: 149.2px;
}



.menu_home a {
	background-image: url("../img/menu_icon.png");
	display: block;
}

.menu_home a.home {
background-position: -9px 1px;

}

.menu_home a.about {
	 background-position: -9px -95px;

}

.menu_home a.process {
	 background-position: 0 -185px;

}

.menu_home a.infras {
background-position: 0 206px;
	
}

.menu_home a.contact {
	background-position: 0 113px;

}

.menu_home a:HOVER {
	background-image: url("../img/menu_icon_hover.png");
	display: block;
}

.menu_home a.home:HOVER {
background-position: -9px 1px;

}

.menu_home a.about:HOVER {
	 background-position: -9px -95px;

}

.menu_home a.process:HOVER {
	  background-position: 0 -185px;
}

.menu_home a.infras:HOVER {
background-position: 0 206px;
	
}

.menu_home a.contact:HOVER {
	background-position: 0 113px;

}


.menu_home a.home span{
	font-size: 16px;
	
margin: 105px 55px 0px;
display: inline-block;
}
.menu_home a.about span{
	font-size: 16px;
	
	display: inline-block;
margin: 105px 34px;
	
}
.menu_home a.infras span{
	font-size: 16px;
	display: inline-block;
margin: 105px 10px 0px;
}

.menu_home a.process span{
	font-size: 16px;
	display: inline-block;
margin: 105px 42px 0px;
}
.menu_home a.contact span{
	font-size: 16px;
	display: inline-block;
margin: 105px 23px 0px;
}


.nav_anchor {
	height: 0px;
	margin: 0;
	padding: 0;
}

.nav {
	background: #fff;
	font-size: 20px;
	
	width: 100%;
	min-width: 980px;
	height: 100px;

	z-index: 100;
}

.nav .logo {
	
	float: left;
}

.nav .menu_float {
	float:right;
	position: relative;
left: -16%;

	list-style: none;
}


.nav .menu_float li {
	padding-left: 40px;
	
	list-style: none;
	float: left;
}

.nav .menu_float li a {
	display: inline-block;
    font-size: 20px;
padding: 52px 10px;
    text-transform: uppercase;
    
}

/

#panel a{
	float: left;
}

.content-wrap1 {
	
background: url(../img/wite.png)repeat;	
}
.content-wrap section {
    position: relative;
    padding: 173px 0 25px 0;
}


.content-wrap5 {
	
background: url(../img/wite.png)repeat;
height: 100%
}
 

section#about{
	
	width: 1028px;
	height:100%;
margin: 0 auto;
}
section#about h1 {
	padding: 24px;
	
color:#ED464A;
}


section#about p {
	
	margin: 9px;
padding: 50px;
background: #EEEDEB;
	border: 1px solid #B7B6B4;
	line-height: 30px;
}

section#about{
	
	width: 1028px;
	
margin: 0 auto;
}


section#about h1 {
	
	font-size: 23px;
letter-spacing: 1px;
	
	
color:#ED464A;
}
section#about p {
	
	margin: 9px;
padding: 20px;
font-size: 18px;
background: #EEEDEB;
	border: 1px solid #B7B6B4;
	line-height: 30px;
	margin-bottom: 28px;
}

.about_d  {
	
	margin-bottom: 116px;
}

  ul li {
	
	list-style: none;
}
 
/*.about_icon {
	
	margin-right: 60px;
	line-height: 24px;
}*/
.aboutus_line {
	
	
	width:940px;
	
	
}


.about_md {
	
	float: left;

padding: 40px;
}

.about_md img{
	
	position: relative;
top: -114px;
width: 200px;
height: 250px;
}



.about_section
	{
	margin-bottom: 0;
	}
	
 .about_section .col {
	float: left;
margin: 0;
padding: 0;
width: 380px;
	
}

 .about_section .mid {
margin-left:250px;
line-height: 22px;
}
 .row {
clear: both;
overflow: hidden;
margin-bottom: 25px;
}
 .about_dot {
 
	
	margin-left: 123px;
}
.process_dot{
	position: relative;
top: 50px;
	
	margin-left: 123px;
	
}

 .portfolio ul.folio-list {

padding: 0;
width: 970px;
list-style: none;
}


 .portfolio ul.folio-list li {
float: left;
margin-right: 29px;
margin-bottom: 10px;
margin-top: 0px;
width: 294px;
height: 230px;
max-height: 250px;
}
.port_folio {
	
	margin-bottom: 0px;
	margin-left: 60px;
}

.capacity {
	
	position: relative;
}


section#about .capacity p {
	width:230px;
	padding: 10px !important;
	text-align: center;
background: #5F5E5C;
color: #F6F5F3;
border: 1px solid #B7B6B4;

position: absolute;
top: -26px;
left: -30px;
line-height: 15px;
}



.production {
	
	width: 940px;
background: #EEEDEB;
border: 1px solid #8E8D8B !important;
margin: 0px;
padding: 60px;
margin-bottom: 30px;
}
	

.production table{
	
	width: 600px;
	height: 40px;
}
.production tr{
	
	background: #EEEDEB;
border: 1px solid #9B9A98 !important;
}
.production td {
	
	text-align: center;
}
.production h2 {
	
	margin-top: 10px;
	font-weight: normal;
}

.production_data {
	margin-top: 12px;
	width: 600px;
}
.production_data  h2{
	
	margin-top: 10px;
font-weight: normal;
text-align: left;
margin-left: 25px;
	
}

.production_data .product_total {
	
	height: 30px;
font-weight: bold;
font-size: 14px;
}
.pro_table {
	float: left;
}
.pro_img img
{
width: 300px;
margin-left: 35px;
}
.machinery {
	
	width: 940px;
background: #EEEDEB;
border: 1px solid #8E8D8B !important;
margin: 0px;
padding: 60px;
margin-bottom: 30px;
}
.mac_details {
	
	float:left;
}
.mac_details ul li img{
	
	width: 45px;
}
.mac_details ul{
	width: 600px;
margin-top: -33px;
}




.fabric {
	
	width: 940px;
background: #EEEDEB;
border: 1px solid #8E8D8B !important;
margin: 0px;
padding: 60px;
margin-bottom: 50px;

}
.fab_details {
	
	float:left;
}
.fab_details ul li img{
	
	width: 45px;
}
.fab_details ul{
	width: 600px;
margin-top: 17px;;
}
/*manufacturing process*/

.content-wrap2 {
	
background: url(../img/tweed.png)repeat;	
}



section#process .man_header h1{
	
	font-size: 22PX;
	
color: #ED464A;
}
.about_header {
	position: relative;
top: 7px;
	
	background: url(../img/dot.png) left center repeat-x;
}

.about_header h1{
	width: 100px;
margin: 0 auto;
text-align: center;
color: #ED464A;
background: url(../img/wite.png)repeat;
}

.process_header {
	position: relative;
top: 0px;
	
	background: url(../img/dot.png) left center repeat-x;
}

.process_header h1{
	font-size: 29px;
width: 400px;
margin: 0 auto;
text-align: center;
color: #ED464A;
background: url(../img/tweed.png)repeat;
padding: 50px;
}


.man_header1 {
	position: relative;
top: 25px;
	
	background: url(../img/dot.png) left center repeat-x;
}

.man_header1 h1{
	font-size: 25px;
	width: 230px;
margin: 0 auto;
text-align: center;
color: #ED464A;
background: url(../img/light.png)repeat;
}
.contact_header {
	position: relative;
top: 30px;
	
	background: url(../img/dot.png) left center repeat-x;
}

.contact_header h1{
	width: 200px;
margin: 0 auto;
text-align: center;
color: #ED464A;
background: url(../img/grey.png)repeat;
}





section#process{
	width: 1028px;
	height:100%;
margin: 0 auto;
	
}
section#process .capacity p {
	width:230px;
	padding: 10px !important;
	text-align: center;
background: #FFFFFF;
color: black;
border: 1px solid #B7B6B4;

position: absolute;
top: -26px;
left: -30px;
line-height: 15px;
}
.manufacture {
	width: 940px;
background: #505050;
color: white;
border: 1px solid #8E8D8B !important;
margin: 0px;
padding: 48px;
margin-bottom: 70px;
letter-spacing: 1px;
line-height: 30px;
}


.finishing {
	
	width: 940px;
background: #505050;
color: white;
border: 1px solid #8E8D8B !important;
margin: 0px;
padding: 60px;
margin-bottom: 50px;

}
.finish_details {
	
	float:left;
	margin-top: -26px;
}
.finish_details ul li img{
	
	width: 45px;
}
.finish_details ul{
	width: 600px;
margin-top: 17px;;
}


/*INFRASTRUCTURE*/
.content-wrap3 {
	clear: both;
display: inline-block;
width: 100%;
	
background: url(../img/light.png)repeat;	
}
section#infrastructure{
	
	width: 1028px;
	height:100%;
margin: 0 auto;
}
section#infrastructure .man_header h1{
	
	font-size: 22PX;
	margin-top: 50px;
color: #ED464A;
}


section#infrastructure ul.infra-list {
margin: 25px 0;
padding: 0;
width: 970px;
list-style: none;
}

section#infrastructure ul.infra-list li {
float: left;
margin-right: 29px;
margin-bottom: 10px;
margin-top: 10px;
width: 294px;
height: 230px;
max-height: 250px;
}

section#infrastructure ul.infra-list li  img {
margin-top: 18px;
margin-left: 18px;
}



.content-wrap6 {
	clear: both;
display: inline-block;
width: 100%;
	
background: url(../img/grey.png)repeat;	
}

section#contact{
	width: 100%;
	height:100%;

	
}
#contact h1 {
	font-size: 25px;
	color: #ED464A;
	
}

.map {
	margin-top:60px;
	margin-bottom: 20px;
}

.con_address {
	
	margin-bottom: 0px;
}
.ad {
	margin-left: 188px;
	
	clear: both;
overflow: hidden;
}
section .f_col {
	float: left;
margin: 0;
padding: 0;
width: 290px;
background: #EAEAEA;
}

section .f_col img{
padding: 24px;

}
section .f_col p{
margin: 0 0 10px;
text-align: center;

line-height: 24px;

font-size: 13px;

}

section .s_col {
	float: left;
margin: 0;
padding: 0;
width: 290px;
background: #EAEAEA;
}

section .s_col img{
	
	padding: 40px;
margin-left: 35px;
}
section .s_col p{
margin: 0 0 10px;
text-align: center;

line-height: 24px;

font-size: 13px;

}

section .cent {
	margin-left: 35px;
margin-right: 35px;
}

section .t_col {
	float: left;
margin: 0;
padding: 0;
width: 290px;
background: #EAEAEA;
}
section .t_col img{
padding: 24px;

}
section .t_col p{
margin: 0 0 0px;
text-align: center;
line-height: 20px;
font-size: 13px;
margin-top: -20px;

}

.contact_form
{
	position: relative;
top: 46px;
width: 1028px;
height: 100%;
margin: 0 auto !important;
}


.contact_form form {
	
	width: 860px;
background:#EAEAEA;
margin: 35px 0 25px 0;
padding: 50px 40px 70px 40px;
margin-bottom: 100px;
}

.contact_form form label{
	display: block;

font-size: 14px;
line-height: 25px;
margin: 0 0 5px 0;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
}
.contact_form form  input{
	margin-bottom: 20px;
padding: 9px 100px;
color: #6A6969;
background: #cbcbcb;
border-width: 1px;
border-style: solid;
border-color: #b8b8b8 #EBEBEB #EBEBEB #b8b8b8;
-moz-box-shadow: inset 0 3px 1px rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}

 form .addr input{
	
	margin-bottom: 20px;
padding: 9px 342px;
color: #6A6969;
background: #cbcbcb;
border-width: 1px;
border-style: solid;
border-color: #b8b8b8 #EBEBEB #EBEBEB #b8b8b8;
-moz-box-shadow: inset 0 3px 1px rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}
.contact_form form  select{
	margin-bottom: 20px;
padding: 9px 146px;
color: #6A6969;
background: #cbcbcb;
border-width: 1px;
border-style: solid;
border-color: #b8b8b8 #EBEBEB #EBEBEB #b8b8b8;
-moz-box-shadow: inset 0 3px 1px rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}

.others
{
margin-left: 485px;
}

form .msg label{
	margin-right: 440px;

}
form .msg textarea{
	
	background: #cbcbcb;
border-width: 1px;
border-style: solid;
border-color: #b8b8b8 #EBEBEB #EBEBEB #b8b8b8;
-moz-box-shadow: inset 0 3px 1px rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}


form .sub input{
	
	height: 38px;
float: right;
padding: 10px;
width: 120px;
margin: 5px 0;
background: #CD3B3C;
border: 1px solid #CD3B3C;

font-size: 20px;
color: #ffffff;
cursor: pointer;
}

form .img_en img{
width: 350px;
height: 220px;
margin-left: 120px;
}

 .enq{
	position: relative;
top: 52px;
right: 30px;
	
}
 .enq p{
	
	background: #CD3B3C;
width: 140px;
text-align: right;
padding: 10px;
color: white;
}


.socialnetwork .social1 {
	list-style: none;
	display: block;
	margin: 0 auto;
width: 380px;
}

.socialnetwork .social1 li {
	float: left;
	margin: 0 20px;
}


.socialnetwork .fbook {
	width: 60px;
	background-image: url("../img/social.png");
	height: 107px;
	display: inline-block;
}

.socialnetwork .twit {
	width: 90px;
	background-image: url("../img/social.png");
	height: 107px;
	display: inline-block;
	background-position: 230px 0;
}

.socialnetwork .utube {
	width: 90px;
	background-image: url("../img/social.png");
	height: 107px;
	display: inline-block;
	background-position: 86px 0;
}

.socialnetwork .fbook:HOVER {
	width: 60px;
	background-image: url("../img/social_hover.png");
	height: 107px;
	display: inline-block;
}

.socialnetwork .twit:HOVER {
	width: 90px;
	background-image: url("../img/social_hover.png");
	height: 107px;
	display: inline-block;
	background-position: 230px 0;
}

.socialnetwork .utube:HOVER {
	width: 90px;
	background-image: url("../img/social_hover.png");
	height: 107px;
	display: inline-block;
	background-position: 86px 0;
}
.socialnetwork{
display:inline-block;
border-bottom: 3px solid #CCCCCC;
width: 100%;

}

.footer{
	margin-left: 366px;
	
	display: inline-block;
	padding: 20px 10px 0 0;
}

 .footer li{
 
	display:inline;
	float:left;
		
}
.footer li.last a{ 
	border-right: none; 
	 }



.footer li a{
	padding: 0 10px 0 8px;
	color:white;
	border-right: 1px solid white;
}

.footer p{
	
	text-align: center;
margin-top: 35px;
color: white;
margin-bottom: 50px;
}