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

@font-face {font-family:'MyriadProCond';
    src: url('../fonts/myriadpro-cond-webfont.eot');
    src: url('../fonts/myriadpro-cond-webfontd41d.eot?#iefix') format('embedded-opentype'),
       url('../fonts/myriadpro-cond-webfont.html') format('woff'),
       url('../fonts/myriadpro-cond-webfont.ttf') format('truetype'),
       url('../fonts/myriadpro-cond-webfont.svg#myriadpro-cond-webfont') format('svg');
    font-weight: normal;
    font-style: normal;}

html, body {width:100%; padding:0; margin:0;}
body {font:12px Arial,Helvetica,sans-serif;color:#3d3d3d;min-width:1002px; line-height:19px;background:#ffffff; text-align:justify}
a {text-decoration:none; cursor:pointer; color:#1389c5}
a:hover {
color:#1389c5;

}
ul,ol
{list-style:none
}
h1 { font-size:11px; color:#000000; font-weight:normal; letter-spacing:1px;}
h2 {
	font-size:26px;
	margin-left:10px;
	line-height:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#117fa8;
	font-weight:normal;
	margin-top:10px
}
h2 span { font-size:28px; line-height:38px; color:#84bb00; font-weight:normal; letter-spacing:1px;}
h3 {
	font-size:26px;
	font-family:"MyriadProCond", Arial;
	line-height:0;
	color:#434e4d;
	padding-left:10px;
	margin-top:30px;
	font-weight:normal;
	letter-spacing:-1px
}
h4 { font-size:20px; font-family:"MyriadProCond", Arial; line-height:0; color:#000; padding-left:10px; font-weight:normal; letter-spacing:1px }
.wrapper
{width:100%;
margin:0 auto;
}
.header
{width:100%; background:url(../../images/header-bg.png) repeat-x}
.container
{width:100%; background:url(../../images/header-strip.png) no-repeat right;}
.main
{width:1000px;
height:142px;
margin:0 auto;
}
.main1
{width:1000px;
height:48px;
margin:0 auto;
}
.headstrip
{width:432px;
height:37px;
background:url(../../images/upper-bar.png) no-repeat;
float:right
}
.headstrip ul
{margin-top:10px;}
.headstrip ul li
{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; display:inline; }

.headstrip ul li a {text-decoration:none; cursor:pointer; color:#fff}
.headstrip ul li a:hover {
}
#logo
{
	background:url(../../images/logo.png) no-repeat;
	margin-top:20px;
	margin-left:30px;
	float:left;
	position:absolute;
	width:160px;
	height:125px;
}
.logobox
{background:url(../../images/logo-bg.png) no-repeat;
width:558px;
height:169px;
margin-top:-30px;
float:left;
position:absolute;
}
.logocontent
{
	font-family:"MyriadProCond", Arial;
	font-size:35px;
	color:#6651d0;
	position:absolute;
	letter-spacing:1px;
	text-transform:uppercase;
	float:left;
	margin-top:70px;
	margin-left:200px;
}
.logocontent p
{font-size:16px; color:#333; text-transform:capitalize; line-height:0px; }
.connectbox{ width:230px; height:26px; margin-top:50px; margin-right:20px; float:right; background:url(../../images/stay-connected.png) no-repeat 10px}
.social-icons {overflow:hidden; text-align:right; padding:0 10px 10px 0 }
.social-icons a {display:inline-block; width:26px; height:26px; float:right;}
.icon-1 {background:url(../../images/connected1.png) 0 0 no-repeat;}
.icon-2 {background:url(../../images/connected2.png) 0 0 no-repeat; margin-left:7px;}
.icon-3 {background:url(../../images/connected3.png) 0 0 no-repeat; margin-left:7px;}
.callbox {
width: 300px;
height: 26px;
margin-top: 82px;
margin-right: -328px;
float: right;
font-family: "MyriadProCond", Arial;
font-size: 24px;
color: #1d1d1d;
letter-spacing: .2px;
}

#nav {background:url(../../images/menu-bg.png) repeat-x; width:100%; height:55px;}


#menu{width:1000px; margin: 0 auto; float:none; height:31px;}  


#menu ul{list-style:none; float:left; margin-left:-21px; margin-top:2px}  
#menu ul li .active{text-decoration:none; color:#0c7cb5; background-color:#FFF; padding:9px 50px 11px 50px;} 
#menu ul li{float: left; position: relative; font-family:"MyriadProCond", Arial ; font-size:23px; color:#FFF; margin-top:0; padding-top:11px; letter-spacing:0; }  
#menu ul li:hover{text-decoration:none; color:#0c7cb5; background-color:fff  }  
#menu ul li a{text-decoration:none; color:#fff; padding:9px 26px 11px 26px; background-color:fff;  }  
#menu ul li a:hover{text-decoration:none; color:#0c7cb5; background-color:#FFF;}  
#menu ul li ul li{float: none; position: relative; margin-left:-40px; border:1px solid #21a8ed; padding:7px 0 7px 0; } 
#menu ul li ul li:hover{ background-color:#FFF; line-height:25px; padding:0 auto; color:#21a8ed; }   
#menu ul li ul{position: absolute; top:41px; left:20px; display: none; background-color: #21a8ed; width:232px; line-height:25px; z-index:999999;}  
#menu ul li:hover > ul{display: block;}  
#menu ul li ul li a{ line-height:20px; padding:0 auto; color:#fff;padding:3px 21px 3px 21px; display:block; font-size:20px;}  
#menu ul li ul li a:hover{ line-height:20px; padding:3px 21px 3px 21px; background-color:#FFF; color:#21a8ed; }  


.centerbody {background:url(../../images/center-bg.png)  no-repeat; width:100%; position:relative; float:none; margin-top:0 auto;  }
.slidebg {width:100%; background:url(../../images/center-bg.png) no-repeat right top; float:right; margin-top:-8px}
.slide {
	width:1000px;
	height:384px;
	margin:0 auto;
	margin-top:5px;
	margin-bottom: 5px;
}
.slidepic {background:url(../../images/slide-fabric.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic1 {background:url(../../images/slide5.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic2 {background:url(../../images/slide-quality.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic3 {background:url(../../images/slide-process.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic4 {background:url(../../images/slide-yarn.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic5 {background:url(../../images/slide6.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic6 {background:url(../../images/product-application.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic7 {background:url(../../images/financial.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic8 {background:url(../../images/news-release.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic9 {background:url(../../images/career.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic10 {background:url(../../images/privacypolicy1.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic11 {background:url(../../images/certification.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic12 {background:url(../../images/slide-cotton.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic13 {background:url(../../images/slide-reserch.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic14 {background:url(../../images/slide-infra.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic15 {background:url(../../images/financial.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic16 {background:url(../../images/slide-shareholding.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidepic17 {background:url(../../images/slide-contact.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}


.content{background:url(../../images/contentbg.png) repeat-x ; width:723px; float:left; margin:0 auto}
.content1{background:url(../../images/contentbg.png) repeat-x ; width:723px; float:right; margin:0 auto; margin-right:10px;}
.content p{margin-left:10px;}
.content1 p{margin-left:10px;}
.tank{width:1000px; position:relative; margin:0 auto}
.aside1 {background:url(../../images/contentbg.png) repeat-x ; width:258px; float:left; margin-left:0; }
.aside1 li {
	background:url(../../images/dot.png) no-repeat 0;
	margin-left:-30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	border-bottom:1px dashed #CCC;
	padding-left:20px;
	line-height:35px;
}
.non ul{ list-style:none; background:none }
.non ul li { list-style:none; background:none;  margin-left:-50px;  }
.aside {background:url(../../images/contentbg.png) repeat-x ; width:258px; float:right; margin-left:10px; }
#aside-1 {
	background:url(../../images/products-img.png) no-repeat;
	width:165px;
	height:38px;
	position:relative;
	float:left;
	margin:20px 0 10px 10px;
}
#aside-2 {background:url(../../images/infa-img.png) no-repeat; width:195px; height:41px;  position:relative; float:left; margin-top:0px;}
#aside-3 {background:url(../../images/quality-img.png) no-repeat; width:202px; height:35px;  position:relative; float:left; margin-top:0px;}
.division {
	background:url(../../images/aside-line.png) no-repeat;
	width:258px;
	height:258px;
	position:relative;
	float:left;
	margin:5px auto
}
.footer{ background-color:#f2f2f2 ; width:100%; float:left; margin-top:20px}
.footbox {
	width:160px;
	float:left;
	padding:10px 0 10px 0
}
.footdivision {width:1px; height:142px; background:url(../../images/footline.png) no-repeat; margin-left:1px; float:left}
.footbox ul {padding-left:10px;}
.footbox li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1F1F1F ;line-height:24px; }
.footbox li a:hover {
color:#1389c5;
}
.footbox3 li a:hover {
color:#1389c5;
}
.rights {float:left; margin:10px auto; padding-bottom:10px;}
.rights1 {float:right; margin:10px auto; padding-bottom:10px;}
.withdot {list-style:outside; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; line-height:25px}

.footbox1 {
	width:285px;
	float:left;
	padding:10px 20px 10px 0
}
.footbox1 ul {padding-left:10px;}
.footbox1 li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1F1F1F;
	line-height:21px;
}
.footbox3 {
	width:195px;
	float:left;
	padding:10px 20px 10px 0
}
.footbox3 ul {padding-left:10px;}
.footbox3 li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1F1F1F;
	line-height:24px;
}
.footbox2 {
	width:310px;
	float:left;
	padding:10px 0 10px 0
}
.footbox2 ul {padding-left:10px;}
.footbox2 li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1F1F1F ;line-height:30px; }


#ContactForm {margin-top:-4px}
#ContactForm span{width:109px;float:left;line-height:26px}
#ContactForm .wrapper{min-height:30px}
#ContactForm .textarea_box{min-height:200px;width:100%;overflow:hidden;padding-bottom:6px}
#ContactForm {}
#ContactForm {}
#ContactForm a{margin-right:50px;float:right;width:82px;font-style:normal; font-size:14px; letter-spacing:1px; font-weight:bold;color:#fff;height:32px;line-height:32px;text-decoration:none;background:#1389c5;text-align:center}
#ContactForm a:hover{background:#60b000}
#ContactForm .input {width:269px;height:18px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
#ContactForm textarea {overflow:auto;width:549px;height:200px; max-width:550px; max-height:210px; border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}

.slidemanage {background:url(../../images/slide-manage.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slideenv {background:url(../../images/slide-env.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidemission {background:url(../../images/slide-mission.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slideinfa {background:url(../../images/slide-infra.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.slidecap {background:url(../../images/slide-cap.png) no-repeat; width:1000px; height:250px; margin:0 auto; margin-top:-8px; margin-bottom:1px;}
.field {
font-family: 'Open Sans',sans-serif;
font-size: 12px;
color: rgb(0, 0, 0);
width: 220px;
line-height: 20px;
padding: 2px 0px 2px 4px;
margin: 0 0 6px 0;
}
.message_field {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #000;
width: 220px;
height: 50px;
line-height: 18px;
padding: 0 0 0 4px;
margin: 0 0 7px 0;
}
.btn {
width: 88px;
height: 30px;
background: url(../../images/button.png);
float: left;
border: none;
margin: 10px 0 10px 16px;
cursor: pointer;
}
#side_button {
  background: url(../../images/dwn-button.png);
  right: 0px;
  top: 38%;
  height: 156px;
  width: 47px;
  margin-right: 0px;
  padding: 0;
  position: fixed;
  z-index: 5000;
}
#side_button a {
  display: block;
  width: 100%;
  height: 100%;
  
}
.enquiry-box{
width:100%;
height:auto;
margin:auto;
}
.res-logo{
width:100%;
height:auto;
margin:auto;
display:none;
}
.res-banner{
width:100%;
margin:auto;
height:auto;
display:none;
}

.slide-box {
width: 1000px;
    height: 384px;
    margin: auto;
}
.sub-banner{
width:1000px;
height:auto;
margin:auto;
}
@media only screen and (max-width:720px) {
.main1{
width:90%;
}
.headstrip{
width:80%;
background-color: #40357D;
float:none;
margin:auto;
border-radius: 0 0 12px 12px;
}
.headstrip ul li a {
float:left;
}
.header{
    margin: -12px 0 0 0px;
}
.headstrip ul li a strong{
float:left;
margin-left:0px !important; 
}
.res-banner{
display:block;
}
.main{
width:90%;
}
.sub-banner{
width:100%;
}
body{
overflow-x:hidden;
}
.aside1{
width:100%;
}
.division{
float:none;
width:100%;
text-align:center;
}
.content1 p img{
margin:auto !important;
width:100%;
}
img{
max-width:100%;
}
.content1{
width:90% !important;
margin:auto;
float:none !important;
}
.content1 p{
margin-left:0px;
}
.logobox{
width:90%;
background:none;
    display: none;
}
.tank{
width:100%;
}
.slide-box{
display:none;
}
body{
min-width:90%;
}
.content{
width:90%;
float:none;
}
h2{
text-align:center;
font-size:22px;
}
.slide{
width:100%;
}
.aside{
width:100%;
margin: auto;
}
#aside-1{
background: url(../../images/products-img.png) center no-repeat;
width: 100%;
}
.enquiry-box{
width:85%;
margin:auto;
}
.field{
width:100%;
}
table,tr,td{
width:100%;
}
.message_field{
width:100%;
}
.footdivision{
display:none;
}
.footbox{
width:100%;
padding: 10px 0 10px 20px;
}
.footbox3{
    width: 100%;
    padding: 10px 20px 10px 20px;
}
.footbox1 {
    width: 100%;
    float: left;
    padding: 10px 20px 10px 20px;
}
.footbox2{
    width: 100%;
    padding: 10px 0 10px 20px;
}
.rights{
width:100%;
text-align:center;
}
.rights1{
width:100%;
text-align:center;
margin: 0 auto;
}
#cssmenu{
display:block !important;
}
#nav{
display:none;
}
.res-logo{
display:block;
margin: 10px auto;
}
img{
max-width:100%;
}
.connectbox{
margin-top:0px;
margin-right: 20px;
width:95%;
}
.callbox{
margin-top: 32px;
}
}