/* Global CSS */

/* Site Specific Layout */
body {
	margin:0; 
	padding:0; 
	background:url(../_images/gradient_bg.jpg) repeat-x;
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14pt;
	color: #231f20;
}

#container
{
	width:955px;
	margin:0 auto;
	text-align: center;
	/*overflow:hidden;*/
}
#main {
	float:left;
	width:955px;
	text-align:left;
}
img{
	border: 0;
}
p
{
	margin:0;
	padding:0 0 10px 0;
}

/* Links */
a, a:link, a:visited, a:hover, a:active {color:#509822; background-color:transparent; text-decoration:none; -moz-outline-style:none; /*fix will not validate*/}
a:hover {color:#509822; text-decoration:underline; -moz-outline-style:none; /*fix will not validate*/}
p a, p a:link, p a:visited, p a:hover, p a:active {color:#509822; text-decoration:none; -moz-outline-style:none; /*fix will not validate*/}
p a:hover, p a:active {color:#509822; text-decoration:underline; -moz-outline-style:none; /*fix will not validate*/}

#logo
{
	float:left;
}
/*FOUR EXCLUSIVE BUTTON*/
div#four-excusive{
	float:right;
	margin: 7px 10px 0px 0px;
}
div#four-excusive a{
	display:block;
	width: 178px;
	height: 27px;
}
/*div#four-excusive a:hover
{
	background:url(../_images/four_exclusive_btn.jpg) no-repeat 0px -27px;
}*/
/*NAV and SUBNAV and TERTIARY NAV styles*/
#nav-container
{
	float:left;
	width: 853px;
	height: 119px;
	background:url(../_images/navs_bg.jpg) no-repeat;
}
ul#nav
{
	float:left;
	list-style:none;
	width:773px;
	height: 37px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 80px;
}

ul#nav li
{
	display:block;
	float:left;
}
ul#nav li a
{
	display:block;
	height: 37px;
	overflow:hidden;
	line-height: 500px;
}
ul#nav li a.about-btn
{
	background:url(../_images/nav_about_btn.gif) no-repeat 0 0;
	width: 150px;
}
ul#nav li a.about-btn:hover, ul#nav li a.about-on, ul#nav li a.about-on:hover
{
	background:url(../_images/nav_about_btn.gif) no-repeat 0 -37px;
	width: 150px;
}
ul#nav li a.reservations-btn
{
	background:url(../_images/nav_reservations_btn.gif) no-repeat 0 0;
	width: 185px;
}
ul#nav li a.reservations-btn:hover, ul#nav li a.reservations-on, ul#nav li a.reservations-on:hover
{
	background:url(../_images/nav_reservations_btn.gif) no-repeat 0 -37px;
	width: 185px;
}
ul#nav li a.chefs-btn
{
	background:url(../_images/nav_chefs_btn.gif) no-repeat 0 0;
	width: 240px;
}
ul#nav li a.chefs-btn:hover, ul#nav li a.chefs-on, ul#nav li a.chefs-on:hover
{
	background:url(../_images/nav_chefs_btn.gif) no-repeat 0 -37px;
	width: 240px;
}
ul#nav li a.menus-btn
{
	background:url(../_images/nav_menus_btn.gif) no-repeat 0 0;
	width: 160px;
}
ul#nav li a.menus-btn:hover, ul#nav li a.menus-on, ul#nav li a.menus-on:hover
{
	background:url(../_images/nav_menus_btn.gif) no-repeat 0 -37px;
	width: 160px;
}

ul#subnav
{
	float:left;
	list-style:none;
	width:773px;
	height: 31px;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 80px;
	/*padding:18px 0px 5px 9px;*/
}
ul#subnav li{
	display:block;
	float:left;
	padding: 8px 44px 0px 0px;
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	cursor:pointer;
}
ul#subnav li a{
	color: #000000;
	text-decoration: none;
}
ul#subnav li a:hover{
	color: #244904;
	text-decoration: underline;
}
ul#subnav li.subnav-on 
{
	color: #244904;
	text-decoration: underline;
}

ul#tertiary-nav
{
	float:left;
	list-style:none;
	width:175px; 
	margin: 0;
	padding:80px 0px 0px 15px;
}
ul#tertiary-nav li{
	float:left;
	width:175px;
	height:28px; 
	margin: 0;
}
ul#tertiary-nav a{
	color: #231f20;
	text-decoration:none; 
}
ul#tertiary-nav a:hover{
	color: #509822;
	text-decoration:none; 
}
ul#tertiary-nav li a.tertiary-on{
	color: #509822;
	text-decoration:none; 
}

/*FOUR SECTION IMAGES*/
#images-container
{
	float:left;
	width: 954px;
	background:url(../_images/images_bg.jpg) repeat-y;
}
ul#section-images{
	list-style:none;
	height: 152px;
	margin:0;
	padding:18px 0px 5px 9px;
	/*width: 941x;*/
}

ul#section-images li{
	display:block;
	float:left;
	width:230px;
	height: 152px;
	margin-left: 3px;
}

/*FLASH sections*/
ul#section-images li#flash{
	background-color: #000000;
	width:230px;
}


#images-bottom
{
	float:left;
	width: 954px;
	height: 19px;
	background:url(../_images/images_bottom.jpg) no-repeat;
}
/*CONTENT SECTION - GENERAL STYLE*/
#content-container
{
	float:left;
	width: 954px;
	background:url(../_images/content_bg.jpg) repeat-y;
}
#content-bottom
{
	float:left;
	width: 954px;
	height:15px;
	background:url(../_images/content_bottom.jpg) repeat-y;
}
#title
{
	float:left;
	width:794px;
	padding-bottom: 20px; 
}
/*IE 6 and IE7 specific styles*/
*html #title{
	padding-bottom: 10px !important; 
}



/* FOOTER STYLES*/
#footer
{
	float: left;
	background:url(../_images/footer_bg.jpg) no-repeat;
	width: 955px;
	height: 25px;
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding-top: 6px;
	color: #ffffff;
}
#footer ul
{
	width: 650px;
	margin:0 auto;
	list-style:none;
}
#footer ul li
{
	display:block;
	float:left;
}
#footer ul li.footer-bullet{
	padding: 0px 20px 0px 20px;
	font-size: 12px;
}
#footer ul li a
{
	color: #ffffff;
	text-decoration:none;
}
#footer ul li a:hover
{
	text-decoration:underline;
}

.flash-container {float:left; width:955px; margin:20px 0 20px 0;}
#flash {width:955px; margin:0 auto; padding:0; text-align:center;}

.spacer {float:left;}

/***********************  Mootools tooltips  ********************************/
tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 10px;
	color: #7d1414;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px 8px;
/*  background: url(../_images/bubble.png) top left;*/
	background-color: #ffffff;
}
 
.tool-text {
	font-size: 10px;
	padding: 4px 8px 4px 8px;
	color: #000000;
	font-weight:bold;
/*  background: url(../_images/bubble.png) bottom right;*/
	background-color: #ffffff;
	border: 1px solid #284f06;
}