#menu
{
	background:#fff;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	color: #fff;
	height: 200px;
	line-height: 200px;
	margin: 5px 10px 5px 10px;
	padding: 0px 15px 0px 15px;
	width: 600px;
}

#menu li{float: left; list-style-type: none;}
#menu li a{display: block; height: 200px; text-decoration: none; width: 120px;}
#menu li a.about{background: #fff url(../images/menu_about.jpg) no-repeat 0px 0px; width: 120px;}
#menu a:hover.about{background-position:  0px -200px; color:#ffffff; text-decoration:none;}
#menu li a.rooms{background: #fff url(../images/menu_rooms.jpg) no-repeat 0px 0px; width: 120px;}
#menu a:hover.rooms{background-position:  0px -200px; color:#ffffff; text-decoration:none;}
#menu li a.rates{background: #fff url(../images/menu_rates.jpg) no-repeat 0px 0px; width: 120px;}
#menu a:hover.rates{background-position:  0px -200px; color:#ffffff; text-decoration:none;}
#menu li a.todo{background: #fff url(../images/menu_todo.jpg) no-repeat 0px 0px; width: 120px;}
#menu a:hover.todo{background-position:  0px -200px; color:#ffffff; text-decoration:none;}
#menu li a.contact{background: #fff url(../images/menu_contact.jpg) no-repeat 0px 0px; width: 120px;}
#menu a:hover.contact{background-position:  0px -200px; color:#ffffff; text-decoration:none;}