/* ####################################
	Re-defined Styles
#################################### */

body {
	background: #000;
	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;
}

html,body,#bg,#bg table,#bg td{width:100%;height:100%;overflow:hidden}
img{display:block}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}


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;
}

#navBar{
position: absolute;
width: 90%;
height: 90px;
top: 5%;
left: 0;
padding-left: 5%;
padding-right: 5%;
background: url(/images/navBarBg.png);
}


#brandHome, #brandInterior {
	width: 163px;
	height: 160px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	position: relative;
        float:left;
        top: -30px;
	background: url(/images/logo.png) no-repeat top left;
}

#brandHome a {
	width: 131px;
	height: 127px;
	display: block;
	overflow: hidden;
}

#brandInterior a {
	width: 105px;
	height: 101px;
	display: block;
	overflow: hidden;
}

#uiList {
	display: block;
	height: 30px;
	width: 439px;
        float:left;
        top: 30px;
        left: 40px;
        position: relative;
}

#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;
	top: 30px;
        position: relative;
}

#newsletterSignup * {
	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;
}


/* ####################################
	Custom Classes
#################################### */

.rootDiv {
	width: 750px;
	height: 455px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -375px;
}

.indexDivMasthead {
	width: 750px;
	height: 30px;
	clear: both;
	position: relative;
}

.indexDiv {
	width: 744px;
	height: 385px;
	margin: 0 auto;
	border: 3px solid #fff;
        -moz-box-shadow: 0px 0px 29px #000;
        -webkit-box-shadow: 0px 0px 29px #000;
        box-shadow: 0px 0px 29px #000;
	background: no-repeat top left;
}

#indexDivHome {
	background: url(/images/homeBg.jpg);
}

#indexDivInterior01 {
	background: url(/images/interiorContentBg.jpg);
}

#indexDivInterior02 {
	background: url(/images/interiorContentBg.jpg);
}

#indexDivInterior03 {
	background: url(/images/interiorContentBg.jpg);
}

#indexDivInterior04 {
	background: url(/images/interiorContentBg.jpg);
}

#indexDivInterior05 {
	background: url(/images/interiorContentBg.jpg);
}

#indexDivInterior06 {
	background: url(/images/interiorContentBg.jpg);
}

.indexDivBody {
	width: 500px;
	float: left;
	display: block;
        margin: 52px 0 0 37px;
	clear: both;
}

.indexDivBody .container {
	display: block;
	overflow: hidden;
	height: auto;
}

#bodyHome {
	width: 310px;
	height: 250px;
	overflow: hidden;
}


#indexDivHome #header {
	width: 410px;
	height: 21px;
	margin: 40px 0 6px 37px;
	float: left;
	clear: none;
}

#indexDivInterior01 #header, #indexDivInterior02 #header, #indexDivInterior03 #header, #indexDivInterior04 #header, #indexDivInterior05 #header, #indexDivInterior06 #header {
	height: 21px;
	width: 449px;
	float: left;
	clear: none;
	margin: 23px 0 4px 37px;
}

#bodyInterior {
	width: 670px;
	height: 225px;
	margin: 0px 7px 0 0;
	overflow: auto;
        padding: 30px 37px 50px 37px;
	position: relative;
	display: block;
}

#topFade{
position: absolute;
top: 83px;
left: 3px;
width: 734px;
height: 21px;
z-index: 10;
background: url(/images/topFade.png) 0 -16px;
}
#bottomFade{
position: absolute;
top: 347px;
left: 3px;
width: 734px;
height: 41px;
z-index: 10;
background:  url(/images/bottomFade.png) 0 0;
}

#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: 704px;
	display: block;
	right: 3px;
	top: 71px;
	padding: 3px 0 3px 40px;
	background: #1c0101;
	border-top: 1px solid #000;
        border-bottom: 1px solid #000;
	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: #666;
}

#menuCategories li ul {
	display: none;
	width: 150px;
	position: absolute;
	top: 2em;
	left: 0;
	border: 1px solid #222;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0px 0px 5px #000;
        -webkit-box-shadow: 0px 0px 5px #000;
        box-shadow: 0px 0px 5px #000;
}

#menuCategories li ul li {
	clear: both;
	width: 100%;
}

#menuCategories li:hover ul,
#menuCategories li.over ul {
	display: block;
	background: #111;
}

#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: #666;
}

#menuDetails {
	width: 302px;
}

.indexDivFooter {
        position: absolute;
	width: 90%;
        padding: 10px 5%;
        bottom: 5%;
	color: #6a5356;
        z-index: 90;
        background: url(/images/navBarBg.png);
	font-size: 10px;
}

.indexDivFooter * a:link, .indexDivFooter * a:active, .indexDivFooter * a:visited {
	color: #6a5356;
	text-decoration: underline;
}

.indexDivFooter * a:hover {
	text-decoration: none;
        color: #fff;
}



#sitecredit {
	float: left;
	clear: none;
	width: 420px;
	padding-left: 10px;
}

#footerlinks {
	float: right;
	text-align: right;
	clear: none;
	width: 300px;
	padding-right: 10px;
}



/* ####################################
	Form Styles
#################################### */