
/* ####################################
	Re-defined Styles
#################################### */

body {
	background: url(/images/bg_body.gif) repeat top left;
	font: normal 11px/16px verdana, helvetica, sans-serif;
	letter-spacing: -0.05mm;
	color: #fff;
}

body,
h1, h2, h3, h4, h5, h6,
ul, li,
p,
form,
div {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

li {
	list-style-type: none;
}

input {
	border: 1px solid #5a4b2e;
	color: #4d4b43;
	font: normal 11px/1em Arial, Helvetica, sans-serif;
}

.indexDivBody a:link, .indexDivBody a:active, .indexDivBody a:visited {
	color: #fff;
	text-decoration: underline;
}

.indexDivBody a:hover {
	text-decoration: none;
}

.indexDivBody:after,
#menuCategories:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0px;
	clear: both;
}



/* ####################################
	Custom Classes
#################################### */

.rootDiv {
	width: 750px;
	height: 455px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -223px 0 0 -375px;
}

.indexDivMasthead {
	width: 750px;
	height: 30px;
	clear: both;
	position: relative;
}

.indexDiv {
	width: 744px;
	height: 385px;
	margin: 0 auto;
	border: 3px solid #fff;
	background: no-repeat top left;
}

#indexDivHome {
	background: url(/images/bg_root.jpg);
}

#indexDivInterior01 {
	background: url(/images/bg_rootInterior01.jpg);
}

#indexDivInterior02 {
	background: url(/images/bg_rootInterior02.jpg);
}

#indexDivInterior03 {
	background: url(/images/bg_rootInterior03.jpg);
}

#indexDivInterior04 {
	background: url(/images/bg_rootInterior04.jpg);
}

#indexDivInterior05 {
	background: url(/images/bg_rootInterior05.jpg);
}

#indexDivInterior06 {
	background: url(/images/bg_rootInterior06.jpg);
}

.indexDivFooter {
	width: 750px;
	height: 40px;
	clear: both;
	color: #94856a;
	font-size: 10px;
}

.indexDivFooter * a:link, .indexDivFooter * a:active, .indexDivFooter * a:visited {
	color: #94856a;
	text-decoration: underline;
}

.indexDivFooter * a:hover {
	text-decoration: none;
}

#uiList {
	display: block;
	height: 30px;
	width: 439px;
	clear: none;
	float: left;
}

#uiList li {
	height: 10px;
	float: left;
	clear: none;
	margin: 10px 20px 0 0;
	overflow: hidden;
	text-indent: -9000px;
}

#uiList li a:link, #uiList li a:active, #uiList li a:visited, #uiList li a:hover {
	height: 10px;
	display: block;
	background: no-repeat top left;
}

#uiList li#home a {
	width: 27px;
	background-image: url(/images/ui_home.gif);
}

#uiList li#about a {
	width: 47px;
	background-image: url(/images/ui_about.gif);
}

#uiList li#menu a {
	width: 50px;
	background-image: url(/images/ui_menu.gif);
}

#uiList li#location a {
	width: 69px;
	background-image: url(/images/ui_location.gif);
}

#uiList li#events a {
	width: 79px;
	background-image: url(/images/ui_events.gif);
}

#uiList li#catering a {
	width: 47px;
	background-image: url(/images/ui_catering.gif);
}

#newsletterSignup {
	width: 260px;
	height: 18px;
	float: right;
	clear: none;
	text-align: right;
	margin: 6px 0 0 0;
	padding: 0;
	display: block;
	position: relative;
}

#newsletterSignup * {
	display: block;
	float: left;
}

#newsletterSignup #text_newsletter {
	width: 102px;
	height: 16px;
	padding: 0 5px 0 5px;
	margin-left: 4px;
}

#newsletterSignup #submit_newsletter {
	margin-left: 4px;
	width: 18px;
	border: 0px;
}

#newsletterSignup #label_newsletter {
	width: 120px;
	height: 18px;
}

.indexDivBody {
	width: 490px;
	float: right;
	display: block;
	clear: both;
}

.indexDivBody .container {
	display: block;
	overflow: hidden;
	height: auto;
}

#brandHome {
	width: 131px;
	height: 127px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	position: absolute;
	top: 131px;
	left: 280px;
	background: url(/images/logo_chalkboard.gif) no-repeat top left;
}

#brandInterior {
	width: 105px;
	height: 101px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	position: absolute;
	top: 300px;
	left: 30px;
}

#brandHome a {
	width: 131px;
	height: 127px;
	display: block;
	overflow: hidden;
}

#brandInterior a {
	width: 105px;
	height: 101px;
	display: block;
	overflow: hidden;
}

#bodyHome {
	width: 310px;
	height: 165px;
	overflow: hidden;
}


#indexDivHome #header {
	width: 310px;
	height: 21px;
	margin: 106px 0 6px 0;
	float: right;
	clear: none;
}

#indexDivInterior01 #header, #indexDivInterior02 #header, #indexDivInterior03 #header, #indexDivInterior04 #header, #indexDivInterior05 #header, #indexDivInterior06 #header {
	height: 21px;
	width: 449px;
	float: right;
	clear: none;
	margin: 63px 0 4px 0;
}

#bodyInterior {
	width: 432px;
	padding-right: 10px;
	height: 250px;
	margin: 40px 7px 0 0;
	overflow: auto;
	position: relative;
	display: block;
}

#bodyHome p {
	width: 275px;
}

#bodyInterior p {
	margin-bottom: 16px;
}

#bodyHome #img_menu {
	margin: 21px 0 0 2px;
}

#header {
	font: bold 21px/1em "NewsGoth Cn Bt", Verdana, Helvetica, sans-serif;
}


/* --- menu --- */
#menuCategories {
	width: 450px;
	display: block;
	right: 3px;
	top: 120px;
	padding: 0 0 0 40px;
	background: #432000;
	border-bottom: 1px solid #3c1d00;
	z-index: 100;
	position: absolute;
}

#menuCategories li {
	display: inline;
	float: left;
	position: relative;
	padding: 3px 20px 3px 0;
	margin: 0;
}


#menuCategories li a:link, 
#menuCategories li a:active, 
#menuCategories li a:visited {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
}

#menuCategories li a:hover {
	color: #ab7c52;
}

#menuCategories li ul {
	display: none;
	width: 120px;
	position: absolute;
	top: 2em;
	left: 0;
	border-bottom: 1px solid #3c1d00;
}

#menuCategories li ul li {
	clear: both;
	width: 100%;
}

#menuCategories li:hover ul,
#menuCategories li.over ul {
	display: block;
	background: #3c1d00;
}

#menuCategories li ul li a:link, 
#menuCategories li ul li a:active, 
#menuCategories li ul li a:visited {
	text-decoration: none;
	background: url(/images/icon_listArrow.gif) no-repeat 5px center;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: left;
	text-indent: 0;
	padding-left: 12px;
	display: block;
	width: 100%;
	
}

#menuCategories li ul li a:hover {
	color: #ab7c52;
}

#menuDetails {
	width: 302px;
}



#sitecredit {
	float: left;
	clear: none;
	width: 362px;
	padding-left: 10px;
}

#footerlinks {
	float: right;
	text-align: right;
	clear: none;
	width: 362px;
	padding-right: 10px;
}



/* ####################################
	Form Styles
#################################### */