body {
	background-color: #000;
	text-align: center;
}

div.mainbox {
	width: 603px;
	height: 480px;
	border: 3px solid #900;
	margin: 5px 0px 10px 0px;
}

div.splashbox {
	margin: 5px 0px 10px 0px;
	width: 600px;
	height: 480px;
	border: 3px solid #900;
	background: url("images/splash.jpg") top left no-repeat;
	color: #fff;
}

div.splashbox:hover {
	color: #ff0;
}


div.entrancelink {
	position: relative;
	top: 450px;
	text-align: center;
}

a.entrancelink {
	font-weight: bold;
	text-decoration: none;
	color: inherit;
	font: 20px/1.0 helvetiva neue,helvetica,tahoma,arial,sans-serif;
}

a.entrancelink:hover {
	color: $ff0;
}

/* There's no good way to center something vertically except with a table */

table.menu {
	position: relative;
	float: left;
	border: 0px;
	padding: 0px 10px 0px 0px;
	width: 600px;
	top: 60px;
	left: 8px;
	vertical-align: middle;
}

img.standard {
	width: 400px;
	height: 300px;
}

img.titleimage {
	width: 180px;
	height: 20px;
	margin: 0px 0px 15px 0px;
	border: 0px;
}

/* This definition has to be repeated once for each rollover. */

#restaurants a {
	display:block;
	width: 180px;
	height: 20px;
	border: 0px;
	background: url("images/restaurants.gif") top left no-repeat;
}

#restaurants a:hover {
	background-position: 0 -20px;
}

#restaurants a:active {
	background-position: 0 -40px;
}

#parties a {
	display:block;
	width: 180px;
	height: 20px;
	border: 0px;
	background: url("images/parties.gif") top left no-repeat;
}

#parties a:hover {
	background-position: 0 -20px;
}

#parties a:active {
	background-position: 0 -40px;
}

#events a {
	display:block;
	width: 180px;
	height: 20px;
	border: 0px;
	background: url("images/events.gif") top left no-repeat;
}

#events a:hover {
	background-position: 0 -20px;
}

#events a:active {
	background-position: 0 -40px;
}

#theater a {
	display:block;
	width: 180px;
	height: 20px;
	border: 0px;
	background: url("images/theater.gif") top left no-repeat;
}

#theater a:hover {
	background-position: 0 -20px;
}

#theater a:active {
	background-position: 0 -40px;
}

#graphics a {
	display:block;
	width: 180px;
	height: 20px;
	border: 0px;
	background: url("images/graphics.gif") top left no-repeat;
}

#graphics a:hover {
	background-position: 0 -20px;
}

#graphics a:active {
	background-position: 0 -40px;
}

#commercial a {
	display:block;
	width: 180px;
	height: 20px;
	border: 0px;
	background: url("images/commercial.gif") top left no-repeat;
}

#commercial a:hover {
	background-position: 0 -20px;
}

#commercial a:active {
	background-position: 0 -40px;
}

#about_us a {
	display:block;
	width: 180px;
	height: 20px;
	border: 0px;
	background: url("images/about_us.gif") top left no-repeat;
}

#about_us a:hover {
	background-position: 0 -20px;
}

#about_us a:active {
	background-position: 0 -40px;
}

#weddings a {
	display:block;
	width: 180px;
	height: 20px;
	border: 0px;
	background: url("images/weddings.gif") top left no-repeat;
}

#weddings a:hover {
	background-position: 0 -20px;
}

#weddings a:active {
	background-position: 0 -40px;
}

#mitzvahs a {
	display:block;
	width: 180px;
	height: 20px;
	border: 0px;
	background: url("images/mitzvahs.gif") top left no-repeat;
}

#mitzvahs a:hover {
	background-position: 0 -20px;
}

#mitzvahs a:active {
	background-position: 0 -40px;
}

#corporate a {
	display:block;
	width: 180px;
	height: 20px;
	border: 0px;
	background: url("images/corporate.gif") top left no-repeat;
}

#corporate a:hover {
	background-position: 0 -20px;
}

#corporate a:active {
	background-position: 0 -40px;
}

#holiday a {
	display:block;
	width: 180px;
	height: 20px;
	border: 0px;
	background: url("images/holiday.gif") top left no-repeat;
}

#holiday a:hover {
	background-position: 0 -20px;
}

#holiday a:active {
	background-position: 0 -40px;
}

#retail a {
	display:block;
	width: 180px;
	height: 20px;
	border: 0px;
	background: url("images/retail.gif") top left no-repeat;
}

#retail a:hover {
	background-position: 0 -20px;
}

#retail a:active {
	background-position: 0 -40px;
}

#exhibits a {
	display:block;
	width: 180px;
	height: 20px;
	border: 0px;
	background: url("images/exhibits.gif") top left no-repeat;
}

#exhibits a:hover {
	background-position: 0 -20px;
}

#exhibits a:active {
	background-position: 0 -40px;
}

div.nohome {
	z-index: 50;
	float: left;
	position: relative;
	left: 10px;
	top: 448px;
	display: block;
	width: 180px;
	height: 20px;
	border: 0px;
}

#home a {
	z-index: 50;
	float: left;
	position: relative;
	left: 10px;
	top: 448px;
	display: block;
	width: 180px;
	height: 20px;
	border: 0px;
	background: url("images/home.gif") top left no-repeat;
}

#home a:hover {
	background-position: 0 -20px;
}

#home a:active {
	background-position: 0 -40px;
}

.nav, .nav a, .nav img {
	margin-top: 0.3em;
	text-align: center;
	padding-bottom: 2em;
	background-color: black;
	border: none;
	text-decoration: none;
} 

.addressbox {
	margin-top: 0em;
}