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

@font-face
{
	font-family:'NeoTech';
	src:url(../fonts/NeoTech_0.otf);
}

@font-face
{
	font-family:'MyriadPro-Semibold';
	src:url(../fonts/MyriadPro-Semibold.otf);
}



*{ text-decoration:none;}

img{ border:0px;}

body{ margin:0px auto; background:none;}

#header{ width:100%; height:119px; margin:auto; background:url(../images/head-bg.jpg) repeat-x;}

#header-bar{ width:990px; height:119px; margin:0px auto; background:none;}

#logo{ width:380px; height:99px; margin:8px 0 0 0; float:left; background:none;}

#social{ width:150px; height:50px; margin:10px 0 0 0; float:right; background:none;}

#social img{ float:left; margin:10px 0 0 3px;}

#social img:hover{ float:left; margin:15px 0 0 3px; opacity:0.8;}

#menu{ width:478px; height:35px; margin:20px 0 0 0; float:right; background:none;}

#menu ul{ list-style:none; margin:0px; padding:10px 0 0 0;}

#menu ul li{ display:inline; margin:0px;}

#menu ul li a{font-family:'NeoTech'; font-size:13px; color:#fffff7; margin:0px 15px 0 15px; padding:0px;}

#banner{ width:100% height:522px; overflow:hidden; margin:0px auto; background:none;}

#banner-img{ width:1000px; height:350px; overflow:hidden; margin:0 auto; background:none;} #banner-img img{ height:350px; width:1000px;}

.wrapper-class{ width:980px; height:auto; margin:auto; background:none;}

.wrapper-class h3{ font-family:'MyriadPro-Semibold'; font-size:16px; font-weight:400; color:#281e6c; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px;}

.wrapper-class h4{ font-family:Myriad Pro; font-size:16px; font-weight:400; margin:0px; padding:0px; color:#636363; text-align:center;}

.wrapper-class p{ font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#636363; text-align:justify; margin:0px; padding:0px; line-height:24px;}


#content{ width:980px; height:260px; margin:0px auto; background:none;}

#content-para img:hover{ filter:gray; filter:gray; -webkit-filter: grayscale(50%) brightness(50%) contrast(100%); } 

#text_con p{font-family:Verdana, Geneva, sans-serif, Vani; font-size:14px; color:#636363; line-height:25px; text-align:justify;}

#content-para img{ width:290px; height:210px; float:left; margin:10px 10px; color:#bbcdbe; border:1px solid #909090; position:absolute; }

#content-para img:hover{  margin:10px 10px; border:1px solid #909090;}

#content-para { width:308px; height:222px; margin:0px 16px 0 0; float:left; }

#content-para h2{ font-family:Franklin Gothic Demi cond; font-size:23px; color:#231764; margin:0px; padding:45px 0 0 20px; font-weight:400; 
 text-align:center; position:relative; /*background:#e6e7e7;*/ }
 
h2 span{ color:#f18837;}

#content-para p{ position:relative; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#fff; text-align:justify; line-height:24px; padding:5px 10px 0 20px;}


#cont-pro{ width:190px; height:240px; margin:0px 5px 0 0; float:left; background:none;}

#cont-pro img{  border:1px solid #909090;}

#info{ width:100%; height:220px; margin:0 auto; background:url(../images/info-bg.jpg) repeat-x;}

#info-cont{ width:980px; margin:0 auto; height:220px; background:none;}

#info-cont h3{ font-family:'MyriadPro-Semibold'; font-size:16px; font-weight:400; color:#636363; margin:0px; padding:0px;}

#info-cont p{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#636363; margin:0px; padding:0px; text-align:justify; line-height:23px;}

#cmmt{ width:436px; height:210px; margin:10px 10px 0 0; float:left; background:none;}

#quality{ width:520px; height:210px; margin:10px 0 0 0; float:left; background:none;}

#our-cmpy{ width:170px; height:110px; margin:0px; float:left; background:none;}

#our-cmpy ul{ list-style:none; margin:0px; padding:0px;}

#our-cmpy ul li{ margin:8px 0 0 0;}

#our-cmpy ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#686868; margin:10px 0 0 0; padding:0px 0 0 18px; line-height:21px;
 background:url(../images/arrw.jpg) no-repeat; }

#our-add{ width:350px; height:115px; margin:0px; float:left; background:none;}


#footer{ width:100%; height:35px; overflow:hidden; margin:0 auto; background:url(../images/foot-bg.jpg) repeat-x;}

#footer1{ width:980px; height:35px; margin:auto; background:none;}

#footer1-copy{ width:400px; height:35px; margin:0px; float:left; background:none;}

#footer1-copy p{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#636363; margin:0px;  padding:10px 0 0 0;}

#footer1 a{ float:right; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#636363; margin:0px; padding:10px 0 0 0;}


#contact{ width:100%; height:1px; margin:10px auto; overflow:hidden; background:none; border-bottom:dashed 2px #909090;}
enq{
width:230px;
height:24px;
color:#636363;
background:none;
border-radius:5px;
border:1px solid #636363;
margin:0px 0 0 0;
}

#product{ width:200px; height:240px; margin:10px 20px 10px 0; float:left; background:none; border:0px solid #909090;}
#product img{ margin:0px; border:1px solid #909090;}
#product1 p{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#636363; margin:0px;  padding:10px 0 0 0; text-align:center;}
#product1{ width:160px; height:240px; margin:10px 60px 30px 0; float:left; background:none; border:0px solid #909090;}

/*Tabs*/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #0267c4;
	border-left: 1px solid #0267c4;
	width:980px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #003663;
	border-left: none;
	margin-bottom: -1px;
	background: #0267c4;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size:14px;
	font-weight:400;
	padding: 0 17px;
	border: 0px solid #c0af6f;
	font-family:Arial, Helvetica, sans-serif;
	outline: none;
}
ul.tabs li a:hover {
	background: #605ca8;
	color:#FFF;
}	
html ul.tabs li.active a, html ul.tabs li.active a:hover  {
	background: #25216e;
	border-bottom: 1px solid #fff;
	color:#FFF;
}
.tab_container {
	border: 0px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width:980px;
	height:auto;
	background:none;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 10px;
	font-size: 1.2em;
}

.tab_content img{ border:1px solid #909090; margin:10px 30px 0 0;}

/****tabs***/