.menus{
	width:940px; height:90px; float:left; margin-top:10px;
}
ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a { display:block; height:90px; width:104px; text-align:center; line-height:35px; }
ul.menu a:hover {
	color:#FFF;
}
ul.menu li {
	width:104px; height:90px; background:url(../images/nav_line.jpg) no-repeat right center; color:#747474; font-size:14px; float:left; display:inline; position:relative; text-align:center; z-index:900;
}
ul.menu li p{
	font-size:14px; text-transform:uppercase; line-height:20px; margin:0; padding:0; display:none;
}
ul.menu li a{
	width:104px; height:90px; float:left; color:#747474;
}
ul.menu li a:hover {
	color:#FFF; background-color:#008fd7;
}
ul.menu li:hover p{
	display:block;
}
ul.menu li:hover p a{
	color:#FFF;
}

ul.menu ul { position:absolute; top:90px; left:0px; width:180px; display:none; opacity:0; list-style:none; background-color:#FFF; }

ul.menu ul li { position:relative; width:170px; height:35px; line-height:35px; margin:0px 5px 0px 5px; font-size:12px; font-weight:normal; background:none; border-bottom:2px solid #f1f1f1; }
ul.menu ul li a {
	display:block; width:170px; height:35px; line-height:35px; color:#575757; text-align:center; margin:0px;
	/*-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);*/
	
}
ul.menu ul li a:hover {  
	color:#FFF; background:url(../images/nav1.jpg) no-repeat center top; /* background-color:#008fd7;*/ text-decoration:none;
	-webkit-animation: mymove .5s linear;
	-moz-animation: mymove .5s linear;
	-ms-animation: mymove .5s linear;
	-o-animation: mymove .5s linear;
	animation: mymove .5s linear; position:relative;
}
/*ul.menu ul ul {left:87px; top:0px;}*/
ul.menu .menulink {
	width: 104px; height: 90px; text-align:center;
}
ul.menu .menulink:hover, ul.menu .menuhover { color:#FFF; background-color:#008fd7; }


@keyframes mymove
{
	from {top:0px;}
	to {top:0px; background:url(../images/nav1.jpg) no-repeat center bottom;}
}

@-moz-keyframes mymove /* Firefox */
{
	from {top:0px;}
	to {top:0px; background:url(../images/nav1.jpg) no-repeat center bottom;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
	from {top:0px;}
	to {top:0px; background:url(../images/nav1.jpg) no-repeat center bottom;}
}

@-o-keyframes mymove /* Opera */
{
	from {top:0px;}
	to {top:0px; background:url(../images/nav1.jpg) no-repeat center bottom;}
}




/*.ink {
	display: block;position: absolute;background: rgba(255,255,255,.3);border-radius: 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}

.animate-ink {
	-webkit-animation: ripple .5s linear;
	-moz-animation: ripple .5s linear;
	-ms-animation: ripple .5s linear;
	-o-animation: ripple .5s linear;
	animation: ripple .5s linear
}

@-webkit-keyframes ripple {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5)
	}
}

@-moz-keyframes ripple {
	100% {
		opacity: 0;
		-moz-transform: scale(2.5)
	}
}

@-o-keyframes ripple {
	100% {
		opacity: 0;
		-o-transform: scale(2.5)
	}
}

@keyframes ripple {
	100% {
		opacity: 0;
		transform: scale(2.5)
	}
}
*/