@charset "utf-8";
#menu {
	width:476px;
	height:61px;
	margin-left:407px;
	position: absolute;
	/*background-image:url(../img/menu.png);*/
	font-family: 'Fredoka One', cursive, arial;
	font-weight:normal; 
	font-size:16px;
	margin-top: 97px;
	text-shadow: 0px 0px 9px #333;
}
#menu a {
	text-decoration:none;
	color:#FFF;
}
.menu1 {
	width:96px;
	height:61px;	
	position: absolute;
	background-image:url(../img/menu.png);
	background-repeat:no-repeat;
	float:left;
	text-align:center;
}
.menu1:hover {
	background-image:url(../img/menu-on.png);
	background-repeat:no-repeat;
}
#menu1on {
	background-image:url(../img/menu-on.png);
	background-repeat:no-repeat;
}
.menu2 {
	margin-left: 96px;
	width: 95px;
	height: 61px;
	position: absolute;
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
	float: left;
	background-position: -97px;
	text-align:center;
}
.menu2:hover {
	background-image:url(../img/menu-on.png);
	background-repeat:no-repeat;
}
#menu2on {
	background-image:url(../img/menu-on.png);
	background-repeat:no-repeat;
}
.menu3 {
	margin-left: 190px;
	width: 137px;
	height: 61px;
	position: absolute;
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
	float: left;
	background-position: -192px;
	text-align:center;
}
.menu3:hover {
	background-image:url(../img/menu-on.png);
	background-repeat:no-repeat;
}
#menu3on {
	background-image:url(../img/menu-on.png);
	background-repeat:no-repeat;
}
.menu4 {
	margin-left: 325px;
	width: 150px;
	height: 61px;
	position: absolute;
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
	float: left;
	background-position: -330px;
	text-align:center;
}
.menu4:hover {
	background-image:url(../img/menu-on.png);
	background-repeat:no-repeat;
}
#menu4on {
	background-image:url(../img/menu-on.png);
	background-repeat:no-repeat;
}