/*
---------------------------------------------------- 
------------------- PAGE LAYOUT --------------------
----------------------------------------------------
*/
body {
	background-color:#FFead0;
}
#container {
	width:838px;
	margin: auto;
	padding: 0px 0px 0px 0px;
	position:relative;
	background-color:#FFead0;
}
#picSlider {
	position:absolute;
	top:17px;
	left:17px;
}
#mainPic {
	position:absolute;
	left:527px;
	top:148px;
}
#scrollerShadow {
	background-image: url(images/scroller_shadow.jpg);
	position:absolute;
	left:93px;
	top:173px;
	width:16px;
	height:320px;
}
#titlePic {
	position:absolute;
	top:17px;
	left:93px;
}
#topBannerPic {
	position:absolute;
	top:17px;
	left:491px;
}
#topBorder {
	background-image: url(images/top_border.jpg);
	position:absolute;
	top:0px;
	left:0px;
	width:838px;
	height:17px;
}
#bottomBorder {
	background-image: url(images/bottom_border.jpg);
	position:absolute;
	top:493px;
	left:0px;
	width:838px;
	height:17px;
}
#leftBorder {
	position:absolute;
	top:17px;
	width:17px;
	height:476px;
	background-image: url(images/left_border.jpg);
	left:0px;
}
#rightBorder {
	position:absolute;
	top:17px;
	width:17px;
	height:476px;
	background-image: url(images/right_border.jpg);
	left:821px;
}

/*
---------------------------------------------------- 
------------------ MAIN MENU -----------------------
----------------------------------------------------
*/
#mainMenu {
	position:absolute;
	left:93px;
	top:116px;
}
#mainMenu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	position:relative;
	display:inline;
	float:left;
	left:0px;
	top:0px;
}
#mainMenu li {
	position: relative;
	float: left;
}
.MMabout {
	background: url(images/menu_about_css.jpg) no-repeat 0 0;
	display:block;
	width:114px;
	height:32px;
}
.MMabout:hover { 
	background-position: 0 -32px;
}
.MMabout span {
	display:none;
}
.MMmenus {
	background: url(images/menu_menus_css.jpg) no-repeat 0 0;
	display:block;
	width:87px;
	height:32px;
}
.MMmenus:hover { 
	background-position: 0 -32px;
}
.MMmenus span {
	display:none;
}
.MMevents {
	background: url(images/menu_events_css.jpg) no-repeat 0 0;
	display:block;
	width:92px;
	height:32px;
}
.MMevents:hover { 
	background-position: 0 -32px;
}
.MMevents span {
	display:none;
}
.MMgtg {
	background: url(images/menu_gtg_css.jpg) no-repeat 0 0;
	display:block;
	width:141px;
	height:32px;
}
.MMgtg:hover { 
	background-position: 0 -32px;
}
.MMgtg span {
	display:none;
}
.MMlocation {
	background: url(images/menu_location_css.jpg) no-repeat 0 0;
	display:block;
	width:109px;
	height:32px;
}
.MMlocation:hover { 
	background-position: 0 -32px;
}
.MMlocation span {
	display:none;
}
.MMjobs {
	background: url(images/menu_jobs_css.jpg) no-repeat 0 0;
	display:block;
	width:76px;
	height:32px;
}
.MMjobs:hover { 
	background-position: 0 -32px;
}
.MMjobs span {
	display:none;
}
.MMcontact {
	background: url(images/menu_contact_css.jpg) no-repeat 0 0;
	display:block;
	width:109px;
	height:32px;
}
.MMcontact:hover { 
	background-position: 0 -32px;
}
.MMcontact span {
	display:none;
}
/*
---------------------------------------------------- 
-------------------- SUBMENU -----------------------
----------------------------------------------------
*/
#subMenu {
	position:absolute;
	left:93px;
	top:148px;
}
#subMenu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	position:relative;
	display:inline;
	float:left;
	left:0px;
	top:0px;
}
#subMenu li {
	position: relative;
	float: left;
}
.SMbeer {
	background: url(images/submenu_beer-css.jpg) no-repeat 0 0;
	display:block;
	width:81px;
	height:25px;
}
.SMbeer:hover { 
	background-position: 0 -25px;
}
.SMbeer span {
	display:none;
}
.SMbrunch {
	background: url(images/submenu_brunch-css.jpg) no-repeat 0 0;
	display:block;
	width:92px;
	height:25px;
}
.SMbrunch:hover { 
	background-position: 0 -25px;
}
.SMbrunch span {
	display:none;
}
.SMlunch {
	background: url(images/submenu_lunch-css.jpg) no-repeat 0 0;
	display:block;
	width:84px;
	height:25px;
}
.SMlunch:hover { 
	background-position: 0 -25px;
}
.SMlunch span {
	display:none;
}
.SMdinner {
	background: url(images/submenu_dinner-css.jpg) no-repeat 0 0;
	display:block;
	width:82px;
	height:25px;
}
.SMdinner:hover { 
	background-position: 0 -25px;
}
.SMdinner span {
	display:none;
}
.SMspecials {
	background: url(images/submenu_specials-css.jpg) no-repeat 0 0;
	display:block;
	width:95px;
	height:25px;
}
.SMspecials:hover { 
	background-position: 0 -25px;
}
.SMspecials span {
	display:none;
}
/*
---------------------------------------------------- 
-------------------- T E X T -----------------------
----------------------------------------------------
*/
#textArea {
	position:absolute;
	left: 109px;
	top: 173px;
	width:418px;
	background-color: #ffd9ac;
}
#textAreaContent {
	position: relative;
	top: 0px; 
	width: 400px;
	height: 320px;
	overflow: hidden;
}
#textArea .Scroller-Container {
	position: absolute;
	top: 0px; 
	left: 0px;
}
#textArea p {
	margin: 10px; 
	padding: 5px 10px 0px 0px;
	line-height: 1.5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 0px;
	color: #54290a;
}
#textArea a { color: #104c6c; text-decoration:none;}
#textArea a:hover{ color: #021449; text-decoration:none;}
#textArea h1 {
	margin:10px;
	line-height:2;
	padding-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #26467f;
	border-bottom:1px #775a38 solid;
}
#textArea h2 {
	margin: 10px;
	line-height:1.5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #54290a;
	border-bottom:1px #775a38 dashed;
}
#textArea h3 {
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #54290a;
}
#textArea ul li {
	margin-left:-15px;
	padding-left: 20px;
	list-style-type:none;
	line-height: 1.5;
	background: transparent url(images/bullet.gif) left center no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #54290a;
}
#foodMenu p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5;
	font-size: 12px;
	color: #54290a;
	margin:10px;
	padding:0px 20px 2px 0px;
	position:relative;
}
#foodMenu .mD { /*menu Dots*/
	margin:0px 15px 0px 10px;
	border-bottom:dotted 2px;
	border-color:#ba8952;
}
#foodMenu .mT { /*menu Title*/
	padding:0px 3px 3px 0px;
	background-color:#ffd9ac;
	position:relative;
	top:9px;
	font-size: 14px;
	color: #021449;
}
#foodMenu .mP { /*menu Price*/
	padding:0px 3px 3px 3px;
	background-color:#ffd9ac;
	position:absolute;
	top:11px;
	right:0px;
}
#foodMenu .mB { /*menu Body*/
	padding-top:0px;
}
#foodMenu .menuBlurb {
	color: #26467f;
}
/*
---------------------------------------------------- 
-------------------- SCROLLBAR ---------------------
----------------------------------------------------
*/
#Scrollbar {
	position: absolute;
	left: 403px;
	top: 0px;
}
#textArea .Scrollbar-Up,
 .Scrollbar-Up-Pressed {
	position: absolute;
	width: 15px; 
	height: 15px;
	background-color: #6d92a3;
	font-size: 0px;
}
#textArea .Scrollbar-Down,
 .Scrollbar-Down-Pressed {
	position: absolute;
	top: 305px;
	width: 15px; height: 15px;
	background-color: #6d92a3;
	font-size: 0px;
}
#textArea .Scrollbar-Track,
 .Scrollbar-Track-Pressed {
	width: 15px; 
	height: 280px;
	position: absolute;
	top: 20px;
	background-color: #a5bbd4;
}
#textArea .Scrollbar-Track-Pressed {
	background-color: #a5bbd4;
}
#textArea .Scrollbar-Handle,
 .Scrollbar-Handle-Pressed {
	position: absolute;
	width: 15px; height: 40px;
	background-color: #6d92a3;
}
#textArea .Scrollbar-Handle-Pressed, 
 .Scrollbar-Down-Pressed, .Scrollbar-Up-Pressed {
	background-color: #415a8a;
}
#textArea .Scrollbar-Disabled {
	display: none;
}