/* header styles */

#header {
	width: 870px;
	height: 338px;
	background: url(/data-bin/images/header.jpg) no-repeat;
	position: relative;
}

#header h1 {
	position: absolute;
	top: 0;
	left: 315px;
}

#header h1 a {
	display: block;
	width: 242px;
	height: 165px;
}

#header h1 span, #header ul, #header h2 {
	display: none;
}

/* nav bar styles */

#nav {
	width: 870px;
	height: 51px;
	margin: 0 0 10px 0;
	padding: 0 33px 0 37px;
	background: url(/data-bin/images/nav_back.gif) no-repeat;
	list-style: none;
}

#nav li {
	display: inline;
}

#nav li a {
	display: block;
	height: 51px;
	float: left;
	text-decoration: none;
}

#nav li a span {
	visibility: hidden;
}

#nav .home a {
	width: 134px;
	background: url(/data-bin/images/nav_home.png) no-repeat;
}

#nav .menu a {
	width: 131px;
	background: url(/data-bin/images/nav_menu.png) no-repeat;
}

#nav .catering a {
	width: 171px;
	background: url(/data-bin/images/nav_catering.png) no-repeat;
}

#nav .bloody_mary a {
	width: 154px;
	background: url(/data-bin/images/nav_bloody_mary.png) no-repeat;
}

#nav .contact a {
	width: 210px;
	background: url(/data-bin/images/nav_contact.png) no-repeat;
}

/* nav bar hovers */

#nav .home a:hover {
	background: url(/data-bin/images/nav_home.png) 0 -51px no-repeat;
}

#nav .menu a:hover {
	background: url(/data-bin/images/nav_menu.png) 0 -51px no-repeat;
}

#nav .catering a:hover {
	background: url(/data-bin/images/nav_catering.png) 0 -51px no-repeat;
}

#nav .bloody_mary a:hover {
	background: url(/data-bin/images/nav_bloody_mary.png) 0 -51px no-repeat;
}

#nav .contact a:hover {
	background: url(/data-bin/images/nav_contact.png) 0 -51px no-repeat;
}