* {
	margin:0;
	padding:0;
	list-style:none;
}
.menu {
	width:1000px;
	position:relative;
}
.menu li {
	float:left;
	width:120px;
	height:70px;
}
.menu li a {
	display:block;
	overflow:hidden;
	height:100%;
	width:100%;
	position:relative;
}
.menu li a:hover {
	background:#0e4793;
}

a.active {
	background-color:#ddaf73;
	color:#00F
}

.menu li a h2 {
	width:120px;
	color:#FFF;
	font-family: 'calibri';
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	position:absolute;
	padding-top:46px;
	text-align:center;
}
.menu li a span {
	width:120px;
	height:100px;
	position:absolute;
	background-repeat:no-repeat;
	background-color:transparent;
	top:10px;
	background-position:center top
}
.home a span {
	background-image:url(../images/home.png);
}
.about a span {
	background-image:url(../images/about.png);
}
.product a span {
	background-image:url(../images/product.png);
}
.authorised-sale a span {
	background-image:url(../images/authorised-sale.png);
}
.register a span {
	background-image:url(../images/register.png);
}
.service-center a span {
	background-image:url(../images/service-center.png);
}
.support a span {
	background-image:url(../images/support.png);
}
.contact a span {
	background-image:url(../images/contact.png);
}
li:hover h2 {
 -moz-animation:animation1 .30s linear;/* firefox */
 -webkit-animation:animation1 .30s linear;/* Safari and Chrome */
}
li:hover span {
 -moz-animation:animation2 .60s linear;/* firefox */
 -webkit-animation:animation2 .60s linear;/* Safari and Chrome */
}
 @keyframes animation1 {
 0% {
margin-top:-180px;
}
 100% {
margin-top:0px;
}
}
 @keyframes animation2 {
 0% {
margin-top:-180px;
}
 50% {
margin-top:10px;
}
 75% {
margin-top:-15px;
}
 100% {
margin-top:0px;
}
}
	/* firefox */
	@-moz-keyframes animation1 {
 0% {
margin-top:-180px;
}
 100% {
margin-top:0px;
}
}
 @-moz-keyframes animation2 {
 0% {
margin-top:-180px;
}
 50% {
margin-top:10px;
}
 75% {
margin-top:-15px;
}
 100% {
margin-top:0px;
}
}
	/* Safari and Chrome */
	@-webkit-keyframes animation1 {
 0% {
margin-top:-180px;
}
 100% {
margin-top:0px;
}
}
 @-webkit-keyframes animation2 {
 0% {
margin-top:-180px;
}
 50% {
margin-top:10px;
}
 75% {
margin-top:-15px;
}
 100% {
margin-top:0px;
}
}