section a {text-decoration: none;color:#464646;}
	section a:hover {text-decoration: none;color: #464646;}
	
	section a, #a li, a:after {
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-khtml-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	
	section nav {
		border: 1px solid #aaa;
		margin: 0 auto;
		width: 801px;
		overflow: hidden;
	}
	section ul {
		list-style: none;
		height: 40px;
		position: relative;
	}
	section li {
		position: absolute;
	}
	
	section ul li:nth-child(1) {
		left: 0;
		width: 147px;
	}
	section ul li:nth-child(2) {
		left: 147px;
		width: 241px;
	}
	section ul li:nth-child(3) {
		left: 388px;
		width: 257px;
	}
	section ul li:nth-child(4) {
		left: 645px;
		width: 156px;
	}
	
	section a {
		font: 14px/40px Tahoma;
		padding: 0 48px;
		display: block;
	}
	a:after {
		color: #FFFFFF;
		content: attr(title);
		left: 0;
		overflow: hidden;
		padding-left: 48px;
		position: absolute;
		width: 801px;
		background: url("data:image/gif;base64,R0lGODlhAQABAIgAAERGRAAAACH5BAkyAAEALAAAAAABAAEAAAICRAEAOw==") no-repeat 0 0 ;
		background-size: 0 40px;
	}
	section ul li:nth-child(1) a:after {
		background-size: 147px 40px;
		left: 0;
		text-indent: -51px;
	}
	section ul li:hover:nth-child(1) a:after {
		left: 0;
		text-indent: 0;
	}
	section ul li:hover:nth-child(2) a:after {
		background-size: 241px 40px;
	}
	section ul li:hover:nth-child(3) a:after {
		background-size: 257px 40px;
	}
	section ul li:hover:nth-child(4) a:after {
		background-size: 156px 40px;
	}
	
	/*section ul li:nth-child(1) a:after {width: 99px;}
	section ul li:nth-child(2) a:after {width: 193px;}
	section ul li:nth-child(3) a:after {width: 209px;}
	section ul li:nth-child(4) a:after {width: 108px;}
	
	a:hover:after {
		background-color: #aaa;
	}*/
/*	#a li.slide {
		background-color: #444;
		height: 40px;
		left: 0;
		position: relative;
		top: -40px;
		width: 0;
		z-index: -1;
	}
	#a .active:nth-child(1) ~ li.slide, #a li:hover:nth-child(1) ~ li.slide {
		left: 0;
		width: 147px;
	}
	#a .active:nth-child(2) ~ li.slide, #a li:hover:nth-child(2) ~ li.slide {
		left: 147px;
		width: 241px;
	}
	#a .active:nth-child(3) ~ li.slide, #a li:hover:nth-child(3) ~ li.slide {
		left: 388px;
		width: 257px;
	}
	#a .active:nth-child(4) ~ li.slide, #a li:hover:nth-child(4) ~ li.slide {
		left: 645px;
		width: 156px;
	}
	section ul:hover li.active a {color:#464646;}
	section .active a, section ul:hover li.active a:hover {color: #fff;}
*/