/* HORIZONTAL NAVIGATION */

ul#horizontal_nav {
	margin: 0 15px 0 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	font-size: 0px;
	line-height: 0px;
	width: 500px;
	float:right;
}
ul#horizontal_nav li {
	margin: 0px;
	padding: 0px;
    line-height: 0px;
	width: 100px;
	height:139px;
	float:left;
}
ul#horizontal_nav li span {
  text-indent: -9999px;
  display: none;
}
ul#horizontal_nav li a {
	display: block;
	width: 100%;
	height: 100%;
	border: 0px;
}


/* ----------- DEFAULT STATE ----------- */


ul#horizontal_nav li.home{
	background: url("../img/nav/home.jpg") no-repeat 0px 0px;
}

ul#horizontal_nav li.about{
	background: url("../img/nav/about.jpg") no-repeat 0px 0px;
}

ul#horizontal_nav li.contact{
	background: url("../img/nav/contact.jpg") no-repeat 0px 0px;
}

ul#horizontal_nav li.dining{
	background: url("../img/nav/dining.jpg") no-repeat 0px 0px;
}

ul#horizontal_nav li.events{
	background: url("../img/nav/events.jpg") no-repeat 0px 0px;
}



/* ----------- ROLLOVER STATE ----------- */

ul#horizontal_nav li.home a:hover, .home ul#horizontal_nav li.home{
	background: url("../img/nav/home.jpg") no-repeat 0px 100%;
}
ul#horizontal_nav li.about a:hover, .about ul#horizontal_nav li.about{
	background: url("../img/nav/about.jpg") no-repeat 0px 100%;
}

ul#horizontal_nav li.contact a:hover, .contact ul#horizontal_nav li.contact {
	background: url("../img/nav/contact.jpg") no-repeat 0px 100%;
}
ul#horizontal_nav li.dining a:hover, .dining ul#horizontal_nav li.dining{
	background: url("../img/nav/dining.jpg") no-repeat 0px 100%;
}
ul#horizontal_nav li.events a:hover, .events ul#horizontal_nav li.events{
	background: url("../img/nav/events.jpg") no-repeat 0px 100%;
}