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

body{
	background:#232323;
	font-family:Arial;
	margin:0 auto;
}
#weraper{
	background:url(../images/weraper.jpg) repeat-x;
	height:736px;
	padding:10px 146px;
	margin:0 auto;
	min-width:950px;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
#logo{
	background:url(../images/logo.png) no-repeat;
	width:959px;
	height:172px;
	margin:0 auto;
}
.ar .aliest{
	background:url(../images/aliest.png) no-repeat;
	width:221px;
	height:168px;
	float:right;
}
.aliest{
	background:url(../images/aliest.png) no-repeat;
	width:221px;
	height:168px;
	float:left;
}
#manu{
	float:left;
	width:675px;
	margin-top:75px;
	margin-left:25px;
	position:relative;
}
#manu a{
	font-size:18px;
	float:left;
	color:#ffffff;
	position: relative;
    z-index: 10;
	text-decoration:none;
}
#manu ul{
	padding:0;
	margin:0;
}
#manu li{
	 background: url("../images/Untitled-1.png") no-repeat scroll 5px 0 transparent;
	list-style:none;
	padding-left:21px;
    width: 90px;
	float:left;
}
#manu .reference{
	background:url(../images/Untitled-1.png) no-repeat;
	list-style:none;
	padding-left:21px;
    width:120px;
	float:left;
}
.submenu{
	float:left;
	margin:-15px 0 0 -13px;
	display:none;
	position:absolute;
	width:592px;
}
#manu li:hover .submenu{
	display:block;
}
#manu li li ul,#manu li:hover li ul{
	display:none;
		
}

#manu li li:hover .sub-ul{
	background: none repeat scroll 0 0 #3F3F3E;
    display: block;
    left: -12px;
    position: absolute;
    top:47px;
    width: 390px;
    z-index: 15;	
}
#manu li li:hover ul{
	background: none repeat scroll 0 0 #3F3F3E;
	display: block;
	left: 90px;
	position: absolute;
	top: 47px;
	width:380px;
	z-index: 15;
	padding-bottom:15px;
	padding-top:5px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;	
}
#manu li li:hover ul li{
	background:#3F3F3E;
	
}
#control{
	float:left;
}

.top{
	background:url(../images/top-product.png) no-repeat;
	width:592px;
	height:60px;
	float:left;
	
}
.mid{
	background:url(../images/mid-product.png) repeat-y;
	width:592px;
	float:left;

	
}
.bottom{
	background:url(../images/botton-product.png) no-repeat;
	width:592px;
	height:18px;
	float:left;
	
	
}
#manu li ul{
		
}
#manu li:hover ul{
	display:block;
}
#manu .first-child{
	background:none;
	width:60px;
}
#control li{
	background:none;
	padding-top:10px;
	padding-left: 15px;
    padding-right: 75px;
}

#control li#active span.top{
	background: url("../images/active-top.png") no-repeat scroll 0 2px transparent;
}
#control li#active span.mcont{
	background:url(../images/active-mid.png) repeat-y;
}
#control li#active span.bottom{
	background:url(../images/active-bottom.png) no-repeat;
}

#control li:hover span.top,.popup a:hover span.top{
	background: url("../images/active-top.png") no-repeat scroll 0 2px transparent;
}
#control li:hover span.mcont,.popup a:hover span.mcont{
	background:url(../images/active-mid.png) repeat-y;
}
#control li:hover span.bottom,.popup a:hover span.bottom{
	background:url(../images/active-bottom.png) no-repeat;
}
#control li ul{
	display:none;	
}
#control .product1{
	width:592px;
}
#control .product-bg li:hover  span.top{
	background: url("../images/active-top.png") no-repeat scroll 0 2px transparent;
}
#control .product-bg li:hover  span.mcont{
	background:url(../images/active-mid.png) repeat-y;
}
#control .product-bg li:hover  span.bottom{
	background:url(../images/active-bottom.png) no-repeat;
}
.mid span.top,#control li:hover li span.top,#control li#active li span.top,.popup span.top{
	background:url(../images/top-span.png) no-repeat;
	width:169px;
	height:13px;
	float:left;
}

.mid .mcont,#control li:hover li span.mcont,#control li#active li span.mcont,.popup span.mcont{
	background:url(../images/mcont.png) repeat-y;
	width:169px;
	float:left;
	padding-left:10px;
	font-size:14px;
}
.mid span.bottom,#control li:hover li span.bottom,#control li#active li span.bottom,.popup span.bottom{
	background:url(../images/botton-spanpng.png) no-repeat;
	width:169px;
	height:14px;
	float:left;
}
#control .product-bg{
	float:left;
	width:169px;
    padding:7px 0px 10px 20px;;
	list-style:none;
	background:none;
	position:relative;
	
}
#control .manu-prod{
	background:url("../images/next-bg.png") no-repeat scroll 130px 9px transparent;
    color:#FFFFFF;
    float:left;
    font-size:14px;
    height:35px;
    width:155px;
}
.product-bg .next{
	background:url("../images/next-bg.png") no-repeat scroll 130px 4px transparent;
    color:#FFFFFF;
    float:left;
    font-size:14px;
    height:32px;
    width:155px;
}
#slider{
	width:1118px;
	height:590px;
	float:left;
	margin-left:-95px;
	margin-top:10px;
	border:none;
}
#footer{
	background:url(../images/footer-bg.png) no-repeat;
	width:958px;
	height:30px;
	float:left;
	text-align:center;
	margin-top:90px;
	padding-top:45px;
}
#footer a{
	font-size:12px;
	color:#FFF;
}
.popup{
	background: none repeat scroll 0 0 #000000;
	float: left;
	margin-left: 90px;
	margin-top: -500px;
	padding: 36px 0;
	position: relative;
	width: 781px;
	z-index: 100;	
}
.popup .close-pop-up{
	background: url("../images/close.png") no-repeat scroll 0 0 transparent;
	display: block;
	float: right;
	height: 30px;
	margin-right: -11px;
	margin-top: -49px;
	width: 30px;	
}
.popup a
{
	color: #FFFFFF;
	float: left;
	font-size: 18px;
	position: relative;
	text-decoration: none;
	z-index: 10;	
}
.popup ul{
	margin:0;
	padding:0;	
}
.popup li{
	background: none repeat scroll 0 0 transparent;
	float: left;
	list-style: none outside none;
	padding: 7px 0 10px 20px;
	position: relative;
	width: 169px;	
}
.copyright{
	float:left;
	padding-left:20px;	
}
.wwgate{
	float:right;
	padding-right:20px;	
}