@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,600,300,700&subset=latin,latin-ext);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
html{height:100%}
a {text-decoration:none;}
body{background:#FFF;font-size:12px; font-family:Arial, Helvetica, sans-serif;}

/* ---------- HEADER ---------- */




#header{
	height:100px;
	width:100%;
	background: #FFF;
	background:url(../img/header-bg.png);
}

.header{
	width:1100px;
	height:55px;
	margin:auto;
	position: relative;
}
.header .logo{
	width:240px;
	float:left;
	height:98px;
	position: absolute;
	top: 0px;
}
.header .logo a{
	width:240px;
	height:98px;
	background:url(../img/logo.png) no-repeat;
	display:block;
	text-indent:-999px;
}

#mainmenu{
	height:43px;
	width:1100px;
	margin: auto;
}





#mainmenu ul{
	height:43px;
	float:right;
	display:block;
}
#mainmenu ul li{
	list-style:none;
	float:left;
	height:43px;
	line-height:43px;
	position:relative;
	display:block;
	color:#FFF;
	
}
#mainmenu ul li a{
	display:block;
	padding-right:30px;
	padding-left:30px;
	font-size:15px;
	color:#000;
	font-weight:600;
	font-family: 'Titillium Web', sans-serif;
}


#mainmenu ul li:hover a:hover{display:block;color:#FFF}
#mainmenu ul li ul{display:none;z-index:998;}

#mainmenu ul li:hover ul{width:220px;min-height:55px;background:#4A034E;position:absolute;left:0px;margin-top:0px;padding-bottom:10px;display:table; border-right: 1px solid #012D5C; border-left: 1px solid #012D5C; border-bottom: 1px solid #012D5C;}
#mainmenu ul li ul a{font-size:13px;width:220px;height:30px;line-height:30px;color:#FFF;font-weight:400; border:0px; padding-left:15px;}
#mainmenu ul li a:hover{
	background:#330235;
	color:#FFF;
	display:block;
}




#mainmenu ul li span a:hover,#mainmenu ul li:hover{
	background:#330235;
	color:#FFF;
	display:block;
}


#mainmenu ul li ul li{height:30px;	border:0px; }








.header .social{
	float:right;
	height:30px;
padding-right:20px;
	line-height: 30px;
	font-size: 13px;
	color: #666;
	display: block;
	border-left: 1px solid #EEEEEE;
	margin-top: 30px;
	padding-left:20px;
	background:url(../img/social_down.png) right top 14px no-repeat;
}



.header .tel{
	float:right;
	height:25px;
	line-height: 25px;


	display: block;
	border-left: 1px solid #4E1151;
	margin-top: 15px;
	padding-left:20px;
	margin-right:20px;
	
	color:#FFFFFF;
	font-size: 12px;
	font-family: 'Open Sans', Arial, helvetica, sans-serif;
	font-weight:400;
}



.header .tr{
	float:right;
	height:25px;
	line-height: 25px;
	font-size: 13px;
	color: #666;
	display: block;
	border-left: 1px solid #4E1151;
	margin-top: 15px;
	padding-left:55px;
	margin-right:0px;
	background:url(../img/tr.png) 17px 0px no-repeat;
	padding-right:20px;
}


.header .tr a{
	color:#FFF;
}
.header .tr:hover a{
	color:#CCC;
	text-decoration: underline;
}

.header .eng{
	float:right;
	height:25px;
	line-height: 25px;
	font-size: 13px;
	display: block;
	border-left: 1px solid #4E1151;
	margin-top: 15px;
	padding-left:55px;
	margin-right:0px;
	background:url(../img/eng.png) 17px 0px no-repeat;
	padding-right:5px;
}

.header .eng a{
	color:#FFFFFF;
}
.header .eng:hover a{
	color:#CCC;
	text-decoration: underline;
}



/* ---------- HEADER END ---------- */







/* ---------- BLOCKS ---------- */




#footer{
	width:100%;
	height:30px;
	margin:20px 0px 0px 0px;
	background:#444444;
}



.footer{
	width:1024px;
	height:30px;
	margin:auto;

}







.footer p{
	font-size:11px;
	line-height:30px;
	color:#B4B4B4;
	float:left;
	margin-right:25px;
	display: block;
	border-right: 1px solid #5E5E5E;
	padding-right: 30px;

}


.footer address{
	font-size:11px;
	color:#B4B4B4;
	line-height:30px;
	float:left;
	font-style:normal;
	display: block;
	padding-right: 30px;
	border-right: 1px solid #5E5E5E;
}



.mark{
	font-size:12px;
	height:30px;
	color:#000000;
	float:right;
	width:170px;
	margin-left:20px;
	margin-top:7px
}
.mark a{font-size:11px;line-height:30px;color:#000;height:30px;float:left}
.mark a:hover{color:#666}
.mark span{font-size:12px;line-height:30px;color:#000000;height:30px;float:left;margin-left:2px;margin-right:2px}
.mark img{float:left;height:20px;float:left;margin-top:5px}

#footer-bottom{
	width:100%;
	height:45px;
	margin:auto;
	background:#F7F7F7;
	border-top: 1px solid #4F115E;
	margin-top: 10px;
}



.footer-bottom{
	width:1100px;
	height:40px;
	margin:auto;

}
.footer-bottom p{
	line-height:40px;
	color:#000;
	font-size:11px;
	width:250px;
	display: block;
	float:left;

}

.footer-bottom a{
	color:#000000;

}

.footer-bottom ul{
	float:right;
	list-style:none;
	width:600px;
	display: block;
	height: 40px;
}
.footer-bottom ul li{padding-left:20px;float:right;padding-right:20px;border-right: 1px solid #CCC; margin-top:12px;}
.footer-bottom ul li a{
	color:#000000;
	line-height:20px;
	font-size:11px;
}
.footer-bottom ul li a:hover{
	color:#999999
}







.footer-bottom .copy{
	color:#FFFFFF;
	background-color: #4F115E;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 2px;
}



#slider{
	height:450px;
	width:100%;
	background:url(../img/0.jpg) top center;
}







.home{
	height:300px;
	width:1100px;
	margin:auto;
	background:url(../img/box.png);
	overflow: hidden;
	margin-top: 0px;
	padding-top: 20px;

}



#hm1{
	float:left;
	width:510px;
	height:300px;
	margin-right: 30px;

}

#hm1 .title{
	height:40px;
	width:510px;
	font-family: 'Titillium Web', sans-serif;
	line-height: 40px;
	font-size: 20px;
	margin-left: 0px;
	font-weight: 600;
	color: #671669;
	float:left;
	border-bottom: 1px solid #e1e1e1;

}


#hm1 p{
	height:auto;
	width:510px;
	line-height: 24px;
	font-size: 14px;
	margin-left: 0px;
	color: #000;
	float:left;
	display: block;
	padding-top: 5px;
	font-family:'Titillium Web', sans-serif;
	font-weight: 400;
	overflow: hidden;

}

#hm1 img{
	margin-right:0px;
	margin-bottom:5px;
	margin-top:5px;
	float:left;

}






#hm3{
	float:left;
	width:230px;
	height:300px;

}


#hm3 .title{
	height:40px;
	width:230px;
	font-family: 'Titillium Web', sans-serif;
	line-height: 40px;
	font-size: 20px;
	margin-left: 0px;
	font-weight: 600;
	color: #671669;
	float:left;
	border-bottom: 1px solid #e1e1e1;

}



.slidewrap{
	float:left;
	width:230px;
	height:280px;

}


.carousel-tabs { clear: both; }
			.carousel-active-tab { color: red; }	
			.carousel-disabled,
			.mr-rotato-disabled { color: #aaa; }

			.slidewrap .carousel-tabs {
				padding: 0;
				margin: 1em 0;
				clear: both;
			
			}
			.slidewrap .carousel-tabs li {
			    display: inline-block; 
			    padding: 0 2px;
			}
			.slidewrap .carousel-tabs a {
				margin-top:15px;
			    background: #333;
			    display: inline-block;
			    height: 12px;
			    text-indent: -9999px;
			    width: 12px;
			}
			.ie .slidewrap .carousel-tabs li,
			.ie .slidewrap .carousel-tabs a { 
				display: block;
				float: left;
			}
			.slidewrap .carousel-tabs .carousel-active-tab a {
				background: #671669;
			}
			
	
		

			

#contact{
	width:1100px;
	height:470px;
	margin:20px auto auto
}
#contact-map{
	width:100%;
	height:350px;
	background:#CCCCCC;
}

.contact-left{
	width:530px;
	height:440px;
	float:left;
}
.contact-left h2 {
	margin-bottom: 10px;
	line-height: 40px;
	font-size: 24px;
	font-weight: 600;
	font-family: 'Titillium Web',sans-serif;
	color: #7e7e7e;
}
.contact-left p {
	line-height:24px;
	font-size:16px;
	color:#666;
	margin-bottom: 20px;
}
.contact-left h3 {
	line-height:20px;
	width:540px;
	font-size:16px;
	font-weight:700;
	color:#666;
	margin-top:10px;
	font-family: 'Titillium Web', sans-serif;
}

.contact-left a { color:#666;}
.contact-left a:hover { color:#09F;}
.contact-right{
	width:500px;
	height:440px;
	float:right;
}
.contact-right h2 {
	line-height:40px;
	height:40px;
	font-size:22px;
	font-weight:600;
	margin-bottom:10px;
	font-family: 'Titillium Web', sans-serif;
	color: #7e7e7e;
	text-transform: uppercase;
}

.contact-right input[type="text"] {
	width:420px;
	padding-left:10px;
	height:40px;
	border:1px solid #E8E8E8;
	margin-bottom:15px;
	border-radius:3px;
	background:#FCFCFC;
	font-family:Arial, Helvetica, sans-serif;
}
.contact-right input[type="text"]:hover {	border:1px solid #999;}

.contact-right textarea {
	width:486px;
	padding-left:10px;
	height:90px;
	border:1px solid #E8E8E8;
	margin-bottom:5px;
	background:#FCFCFC;
	border-radius:3px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 10px;
}

.contact-right textarea:hover {	border:1px solid #999;}
.contact-right input[type=submit]{
	width:150px;
	height:46px;
	background:#671669;
	-webkit-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#FFFFFF;
	float:right;
}
.contact-right input[type=submit]:hover{
	background:#000;
}


#corporate{
	width:1100px;
	height:550px;
	margin:auto;
	position:relative;
}

#corporate .title{
	padding:5px 10px 5px 10px;
	background:#FFFFFF;
	line-height:24px;
	font-size:24px;
	font-weight:600;
	font-family: 'Titillium Web', sans-serif;
	position:absolute;
	top: 126px;
	left: 10px;
	color: #671669;
}


#corporate h1{
	margin-bottom:10px;
	line-height:24px;
	font-size:24px;
	font-weight:600;
	font-family: 'Titillium Web', sans-serif;
	margin-top:5px;
	color:#7E7E7E;
}

#corporate img{
	width:1100px;
	height:150px;
	margin-top: 10px;
	margin-bottom: 15px;
}

#corporate p{
	width:1100px;
	float:left;
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 10px;
	color: #666;
	font-family: 'Open Sans', Arial, helvetica, sans-serif;
	display: block;
}

#corporate ul{
	float:left;
	line-height: 20px;
	font-size: 12px;
	margin-bottom: 10px;
	color: #666;
	font-family: 'Open Sans', Arial, helvetica, sans-serif;
	display: block;
	width:220px;
}
#corporate ul li{
	float:left;
	margin-left:20px;
	width:200px;
}





#career{
	width:1100px;
	height:420px;
	margin:auto;
	position:relative;
}

#career .title{
	padding:5px 10px 5px 10px;
	background:#FFFFFF;
	line-height:24px;
	font-size:24px;
	font-weight:600;
	font-family: 'Titillium Web', sans-serif;
	position:absolute;
	top: 126px;
	left: 10px;
	color: #671669;
}


#career h1{
	margin-bottom:10px;
	line-height:24px;
	font-size:24px;
	font-weight:600;
	font-family: 'Titillium Web', sans-serif;
	margin-top:5px;
	color:#7E7E7E;
}

#career img{
	width:1100px;
	height:150px;
	margin-top: 10px;
	margin-bottom: 15px;
}

#career p{
	width:1100px;
	float:left;
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 10px;
	color: #666;
	font-family: 'Open Sans', Arial, helvetica, sans-serif;
	display: block;
}



#products .menu{
	width:240px;
	height:550px;
	margin-top: 10px;
	display: table;
	float: left;
		}
		
		#products .menu ul{
			list-style:none;
			float:left;
}

#products .menu ul li {
	background:url(../img/menubg.png);
	height:40px;
	width:230px;
	padding-left:10px;
	border-bottom: 1px solid #FFF;
}

		
#products .menu ul li a{
	font-family: 'Titillium Web', sans-serif;
	font-size:14px;
	font-weight:600;
	color:#6B6B6B;
	display: block;
	line-height:40px;
}

		
		
#products .menu ul li a:hover{	color:#000;}

	
#products{
	width:860px;
	height:550px;
	margin:auto;
	position:relative;
}

#products ul{
	height:550px;
	width:890px;
	overflow:hidden;
	list-style: none;
}

#products ul li{
	height:230px;
	width:260px;
	float:left;
	margin-right:25px;
	display: block;
	margin-top: 15px;
	border: 1px solid #CCC;
}

#products ul li:hover{
	height:230px;
	width:260px;
	float:left;
	display: block;
	border: 1px solid #561258;
	background:#671669;
	
}


#products ul li img{
	height:190px;
	width:260px;

}


#products ul li span{
display: block;
font-size: 16px;
color: #000;
line-height:33px;
font-family: 'Titillium Web', sans-serif;
text-align:center;
}

#products ul li:hover span{
display: block;
font-size: 16px;
color: #FFF;
line-height:33px;
font-family: 'Titillium Web', sans-serif;
text-align:center;
}
	
	.products{
	height:250px;
	width:1100px;
	margin:auto;
	margin-top:5px;
	margin-bottom:0px;
	background:url(../img/box2.png);

}

.products .title{
	height:40px;
	width:1024px;
	font-family: 'Titillium Web', sans-serif;
	line-height: 40px;
	font-size: 16px;
	margin-left: 0px;
	font-weight: 600;
	color: #666;

}
	


.mini {
	width:220px;
	height:180px;
	background:#E8E8E8;
	display:block;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	
}

.mini a{
	width:210px;
	height:30px;
	line-height:30px;
	background:#F5F5F5;
	display:block;
	margin-bottom:5px;
	color:#333;
	padding-left: 10px;
	font-family: 'Open Sans', Arial, helvetica, sans-serif;
	font-size: 12px;
}

.mini a:hover{
	display:block;
	background:#FFFFFF;
	color:#000;
}



.carousel-tabs { clear: both; }
			.carousel-active-tab { color: red; }	
			.carousel-disabled,
			.mr-rotato-disabled { color: #aaa; }

			.slidewrap2 .carousel-tabs {
				padding: 0;
				margin: 1em 0;
				clear: both;
			
			}
			.slidewrap2 .carousel-tabs li {
			    display: inline-block; 
			    padding: 0 2px;
			}
			.slidewrap2 .carousel-tabs a {
				margin-top:15px;
			    background: #333;
			    display: inline-block;
			    height: 12px;
			    text-indent: -9999px;
			    width: 12px;
			}
			.ie .slidewrap2 .carousel-tabs li,
			.ie .slidewrap2 .carousel-tabs a { 
				display: block;
				float: left;
			}
			.slidewrap2 .carousel-tabs .carousel-active-tab a {
				background: #671669;
			}
			
			
		
			.slider { list-style:none;}
			
.slidewrap2{
	float:left;
	width:300px;
	height:250px;

}
	
	#hm2{
	float:left;
	width:300px;
	height:300px;
	margin-right: 30px;

}
		
		#hm2 strong{
	width:300px;
	line-height: 20px;
	font-size: 16px;
	margin-left: 0px;
	color: #666;
	display: block;
	padding-top: 5px;
	font-family:'Titillium Web', sans-serif;
	float: left;
	margin-bottom: 5px;
	font-weight: 600;

}	
			
			


#hm2 p{
	width:300px;
	line-height: 20px;
	font-size: 14px;
	margin-left: 0px;
	color: #333;
	display: block;
	font-family:'Titillium Web', sans-serif;
	float: left;
	font-weight: 400;

}

#hm2 img{
	margin-left: 0px;
	margin-bottom: 0px;
	border: 1px solid #e1e1e1;
	width: 298px;
	height: 110px;
	margin-top: 5px;


}

#hm2 .title{
	height:40px;
	width:300px;
	font-family: 'Titillium Web', sans-serif;
	line-height: 40px;
	font-size: 20px;
	margin-left: 0px;
	font-weight: 600;
	color: #671669;
	float:left;
	border-bottom: 1px solid #e1e1e1;

}

#product-detail{
	width:1100px;
	height:630px;
	margin:auto;
	display:table;
	position:relative;
}
#product-detail .p1{float:left;width:785px;height:400px;margin-right:15px;margin-top:15px}
#product-detail .p2{float:left;width:300px;height:400px;margin-top:15px}
#product-detail .p3{float:left;width:1100PX;height:400px;margin-top:15px}
#product-detail .title{height:40px;width:1100px;font-family:'Titillium Web',sans-serif;line-height:40px;font-size:24px;font-weight:600;color:#671669;float:left;margin-top:5px;margin-bottom:0}
#product-detail .t1{width:535px;margin-right:30px;float:left;line-height:27px;font-size:14px;margin-bottom:10px;color:#333;font-family:'Open Sans',Arial,helvetica,sans-serif;display:block}
#product-detail .t2{width:535px;margin-right:0;float:left;line-height:27px;font-size:14px;margin-bottom:10px;color:#333;font-family:'Open Sans',Arial,helvetica,sans-serif;display:block}
#product-detail .download{width:120px;height:41px;background:url(../img/pdf.png);background-repeat:no-repeat;padding-left:38px;float:right;margin-top:9px}
#product-detail .download a{font-family:Verdana,Geneva,sans-serif;font-size:13px;text-decoration:underline;color:maroon;font-weight:400;float:none;display:block;margin-top:5px;width:120px}
#product-detail .download span{font-family:Verdana,Geneva,sans-serif;font-size:10px;color:#999;font-weight:400;float:left;display:block;margin-top:2px;width:140px}
#product-detail .t15{width:1100px;float:left;line-height:27px;font-size:14px;margin-bottom:10px;color:#333;font-family:'Open Sans',Arial,helvetica,sans-serif;display:block}


#product-detail .download2{
	width:328px;
	height:41px;
	background:url(../img/pdf.png);
	background-repeat:no-repeat;
	padding-left:38px;
	float:left;
	margin-top:12px
}
#product-detail .download2 a{
	font-family:Verdana,Geneva,sans-serif;
	font-size:13px;
	text-decoration:underline;
	color:maroon;
	font-weight:400;
	float:none;
	display:block;
	margin-top:5px;
	width:255px
}
#product-detail .download2 span{font-family:Verdana,Geneva,sans-serif;font-size:10px;color:#999;font-weight:400;float:left;display:block;margin-top:2px;width:140px}


#product-detail .p4{
	float:left;
	width:1100px;
	margin-top:15px;
	display: block;
	font-family: 'Open Sans', Arial, helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}

#product-detail .p5{
	float:left;
	width:535px;
	margin-top:15px;
	display: block;
	font-family: 'Open Sans', Arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}


#product-detail .p6{
	float:left;
	width:535px;
	margin-top:15px;
	display: block;
	font-family: 'Open Sans', Arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	margin-left: 30px;
}


#product-detail .p7{
	float:left;
	margin-bottom:5px;
	width:1100px;
	height:300px;
	display: block;
	
}






#product-detail2{
	width:1100px;
	height:530px;
	margin:auto;
	position:relative;
}
#product-detail2 .p1{float:left;width:785px;height:400px;margin-right:15px;margin-top:15px}
#product-detail2 .p2{float:left;width:300px;height:400px;margin-top:15px}
#product-detail2 .p3{float:left;width:1100PX;height:400px;margin-top:15px}
#product-detail2 .title{height:40px;width:1100px;font-family:'Titillium Web',sans-serif;line-height:40px;font-size:24px;font-weight:600;color:#671669;float:left;margin-top:5px;margin-bottom:0}
#product-detail2 .t1{width:535px;margin-right:30px;float:left;line-height:27px;font-size:14px;margin-bottom:10px;color:#333;font-family:'Open Sans',Arial,helvetica,sans-serif;display:block}
#product-detail2 .t2{width:535px;margin-right:0;float:left;line-height:27px;font-size:14px;margin-bottom:10px;color:#333;font-family:'Open Sans',Arial,helvetica,sans-serif;display:block}
#product-detail2 .download{width:120px;height:41px;background:url(../img/pdf.png);background-repeat:no-repeat;padding-left:38px;float:right;margin-top:9px}
#product-detail2 .download a{font-family:Verdana,Geneva,sans-serif;font-size:13px;text-decoration:underline;color:maroon;font-weight:400;float:none;display:block;margin-top:5px;width:120px}
#product-detail2 .download span{font-family:Verdana,Geneva,sans-serif;font-size:10px;color:#999;font-weight:400;float:left;display:block;margin-top:2px;width:140px}

#product-detail2 ul{
	height:280px;
	width:1140px;
	overflow:hidden;
	list-style:none;
	margin-top:15px;
	float:left;
}
#product-detail2 ul li{
	height:240px;
	width:204px;
	float:left;
	margin-right:20px;
	display:block;
	margin-top:15px;
	border:1px solid #CCC
}
#product-detail2 ul li:hover{display:block;border:1px solid #561258;background:#671669}
#product-detail2 ul li img{height:200px;width:204px}
#product-detail2 ul li span{display:block;font-size:14px;color:#000;line-height:33px;font-family:'Titillium Web',sans-serif;text-align:center}
#product-detail2 ul li:hover span{display:block;color:#FFF;text-align:center}






#productsbig {
	width:1100px;
	height:550px;
	margin:auto;
	position:relative;
}



#productsbig ul{
	height:550px;
	width:1140px;
	overflow:hidden;
	list-style: none;
}

#productsbig ul li{
	height: 440px;
	width: 540px;
	float: left;
	margin-right: 17px;
	display: block;
	margin-top: 15px;
	border: 1px solid #CCC;
}

#productsbig ul li:hover{
	float:left;
	margin-right:17px;
	display: block;
	margin-top: 15px;
	border: 1px solid #561258;
	background:#671669;
	
}


#productsbig ul li img{
	height:400px;
	width:540px;

}


#productsbig ul li span{
display: block;
font-size: 22px;
color: #000;
line-height:33px;
font-family: 'Titillium Web', sans-serif;
text-align:center;
}

#productsbig ul li:hover span{
display: block;
font-size: 16px;
color: #FFF;
line-height:33px;
font-family: 'Titillium Web', sans-serif;
text-align:center;
}

#productsbig .title {
height: 40px;
width: 1100px;
font-family: 'Titillium Web',sans-serif;
line-height: 40px;
font-size: 24px;
font-weight: 600;
color: #671669;
margin-top: 5px;
margin-bottom: 0;

}




#crumbs {
	width: auto;
	height: 15px;
	padding: 5px 10px 5px 10px;
	background: #671669;
	font-size: 11px;
	color: #FFF;
	right: 0px;
	position:absolute;
	z-index:1;
	top:0px;
}

#crumbs a{color:#FFF;font-size: 11px;}
#crumbs a:hover{color:#D0D0D0; text-decoration:underline;}