@import url("css/reset.css");

@import url("css/typography.css");


/* The Big Stuff */

body { 
	text-align: center; 
	font-size: 62.5%; 
	font-family: Verdana, sans-serif; 
	background-color: #000;
}
div#wrapper {
	background: url('images/bg_middle.gif') center repeat-y #000; 
}
body.home { background-image: none; background-color: #000; }
div#body { 
	text-align: left; 
	margin: 0 auto 0 auto; 
	width: 956px; 
	background: url('images/bg_top.gif') center top no-repeat; 
	position: relative;
	font-size: 1.2em;
	*left: 1px;
}
body.home div#body { background: url('images/homebg.gif') center 45px no-repeat #000; height: 845px; }
div#header { position: relative; }
div#frame {
	background: url('images/bg_bottom.gif') 24px bottom no-repeat; 
	padding-bottom: 165px;
	position: relative;
	width: 956px;
}
body.home div#frame { 
	background: none;
	padding: 0;
}

/* Header (Logo, mainly) */

div#header h1 { 
	width: 318px;
	height: 252px; 
	display: block; 
	text-indent: -999em; 
	background: url('images/logo.gif') top left no-repeat; 
	float: left; 
	margin: 80px 0 0 78px;
} 
* html div#header h1 { position: absolute; left: 78px top: 0; }
div#header h1 a { display: block; width: 318px; height: 252px; }

body.home div#header h1 {
	background: url('images/logo_home.gif') left top no-repeat;
	*margin: 110px 0 0 98px;
}
body.home div#header h1 {
	width: 777px;
	height: 160px;
	margin: 65px 0 0 54px; _margin: 65px 0 0 37px;
}
* html body.home div#header h1 { margin: 0 0 0 0; position: relative; top: 65px; left: 55px; }
body.home div#header h1 a {
	width: 777px;
	height: 160px;
}
body.home div#header {
	padding-top: 45px;
	position: relative;
}
body.home div#motto {
	display: none;
}
div#motto { 
	display: block;
	text-indent: -999em;
	width: 469px;
	height: 61px;
	background: url('images/motto.gif') left top no-repeat;
	float: right;
	margin: 105px 78px 0 0; _margin-right: 40px;
}

/* Links */
a { text-decoration: underline;}
a:hover { text-decoration: underline;}
a:visited { text-decoration: underline;}

/* Navigation */
div#header ul {
	width: 472px;
	height: 53px;
	position: absolute;
	display: block;
	background: url('images/nav/nav.gif') left top no-repeat;
	left: 395px;
	top: 194px;
	padding-top: 15px;
	padding-left: 10px;
}
div#header ul li {
	display: inline;
	float: left;
}
div#header ul li a {
	display: inline;
	text-indent: -999em;
}
div#header li.home a {
	display: block;
	height: 23px;
	width: 55px;
	background: url('images/nav/alt/home.gif') left top no-repeat;
}
div#header li.history a {
	display: block;
	height: 23px;
	width: 66px;
	background: url('images/nav/alt/history.gif') left top no-repeat;
}
div#header li.menu a {
	display: block;
	height: 23px;
	width: 57px;
	background: url('images/nav/alt/menu.gif') left top no-repeat;
}
div#header li.directions a {
	display: block;
	height: 23px;
	width: 88px;
	background: url('images/nav/alt/directions.gif') left top no-repeat;
}
div#header li.catering a {
	display: block;
	height: 23px;
	width: 74px;
	background: url('images/nav/alt/catering.gif') left top no-repeat;
}
div#header li.contactus a {
	display: block;
	height: 23px;
	width: 67px;
	background: url('images/nav/alt/contact.gif') left top no-repeat;
}
div#header li.gallery a {
	display: block;
	height: 23px;
	width: 60px;
	background: url(images/nav/alt/gallery.gif) left top no-repeat;
}
body.home div#header ul {
	position: absolute;
	top: 5px;
	left: 25px; 
	display: inline;
	background-image: none;
	width: 800px;
}
* html body.home div#header ul { left: -750px; }
body.home div#header ul li, div#footer ul li {
	float: left;
}
body.home div#header ul li a, div#footer ul li a {
	display: block;
	text-indent: -999em;
}
body.home div#header li.home a, div#footer li.home a {
	background: url('images/nav/home.gif') left top no-repeat;
	width: 67px;
	height: 23px;
}
body.home div#header li.menu a, div#footer li.menu a  {
	text-indent: -999em;
	background: url('images/nav/menu.gif') left top no-repeat;
	width: 59px;
	height: 23px;
}
body.home div#header li.catering a, div#footer li.catering a  {
	text-indent: -999em;
	background: url('images/nav/catering.gif') left top no-repeat;
	width: 77px;
	height: 23px;
}
body.home div#header li.history a, div#footer li.history a {
	text-indent: -999em;
	background: url('images/nav/history.gif') left top no-repeat;
	width: 69px;
	height: 23px;
}
body.home div#header li.directions a, div#footer li.directions a {
	text-indent: -999em;
	background: url('images/nav/directions.gif') left top no-repeat;
	width: 84px;
	height: 23px;
}
body.home div#header li.contactus a, div#footer li.contactus a {
	text-indent: -999em;
	background: url('images/nav/contact.gif') left top no-repeat;
	width: 60px;
	height: 23px;
}
body.home div#header li.gallery a, div#footer li.gallery a {
	text-indent: -999em;
	background: url(images/nav/gallery.gif) left top no-repeat;
	width: 65px;
	height: 23px;
}

/* Extras (Mainly things that are always hidden.) */
.hide { display: none; }
div.breadCrumb { display: none; }
.alignright {
	float: right;
	clear: right;
}


/* Content */
div#mainCol {
	width: 512px; 
	float: left;
	clear: left;
	margin: 0 0 0 85px; _margin: 355px 0 0 40px;
	padding: 15px;
}
body.home div#mainCol {
	width: 400px;
	float: left;
	clear: left;
	margin: 0px 0 0 85px; _margin-left: 50px;
	padding: 0;
}
* html body.home div#mainCol { margin-top: 65px; margin-left: 40px; }
body.home div#subCol {
	width: 210px;
	float: right;
	margin: 270px 105px 0 0;
}
body.editing div#mainCol {
	width: 800px;
	margin-left: 90px;
	margin-top: 20px;
	clear: both;
	padding: 0;
}
div#subCol {
	width: 300px;
	float: right;
	margin-right: 28px; _clear: left; _margin-top: 350px; _position: relative; _right: -6px;
}

/* Header Text-Image Replacements */
h2#historyofheader { 
	text-indent: -999em;
	display: block;
	height: 81px;
	width: 411px;
	background: url('images/historyofheader.gif') left top no-repeat;
}
h2#menuheader {
	text-indent: -999em;
	display: block;
	height: 83px;
	width: 464px;
	background: url('images/menuheader.gif') left top no-repeat;
}
h2#contactheader {
	text-indent: -999em;
	display: block;
	height: 85px;
	width: 377px;
	background: url('images/contactheader.gif') left top no-repeat;
}

#homeAddress {
	font-weight: bold;
	font-size: 1.3em;
	padding-left: 18px;
	line-height: 1.75em;
}

/* Footer */
div#footer {
	clear: both;
}
body.home div#footer {
	clear: both;
	background-image: none;
	height: 100px;
}
div#footer ul {
	bottom: 0;
	right: 80px;
	display: block;
	height: 40px;
	position: absolute;
	z-index: 9999;
}
body.home div#footer ul {
	bottom: -100px;
}
div#address {
	display: none;
}
body.home div#address {
	width: 400px;
	height: 111px;
	background: url('images/address.gif') left top no-repeat;
	position: absolute;
	bottom: 34px; *bottom: -11px;
	left: 81px;
}
div#address span {
	display: none;
}

/* Admin */
div.loginElement {
	margin-bottom: 700px;
}
body.editing div#mainCol {
	width:80%;
}

/* IE6 Fix */