/* Global CSS */

/* Site Specific Layout */
body{ display:block; width:98%;  background-image:url(../_images/royalvilla-back.jpg);font-size:10pt;
       font-family:arial,verdana,helvetica,sans-serif; padding: 0.25em; }
  table {border-width: 0px 0px 0px 0px; border-style:solid; }
  td {padding: 8px; }
  *.leftcolumn { width: 45%; vertical-align:top; /*background-image:url(../_images/background.png)*/ }
  *.middlecolumn { width: 10%; vertical-align:top; }
  *.rightcolumn { width: 45%; vertical-align:top; /*background-image:url(../_images/gradient_bg.jpg);*/ border-width: 0 0 0 0px; border-style:solid; }
  *.title{ font-size:12pt; color:#000099; text-align:center;
      padding-bottom:6px; font-weight:bold; }
  *.lefttop{padding:6px; }
  *.leftmiddle{padding:0px; color:#FFC; text-align:center}
  *.leftbottom{padding:0px; color:#FFC; text-align:center}
  *.righttop{ background-color:#9999ff; padding:6px; color:#ffffff; }
  *.rightmiddle{ background-color:#6699ff; padding:6px; color:#ffffff; }
  *.rightbottom{ background-color:#3333ff; padding:6px; color:#ffffff; }
  *.footer{ padding-top:4%; text-align:center; }
  
  
body {
	margin:0; 
	padding:0;
	/*background-color:#C4C04B;*/
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 14pt;
	color: #231f20;
}

#container
{
	width:955px;
	margin:0 auto;
	text-align: center;
	/*overflow:hidden;*/
}
#main {
	float:left;
	width:955px;
	text-align:left;
	margin: 5px 0px 0px 50px;
}
img{
	border: 0;
}
p
{
	margin:0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
}

/* Links */
a, a:link, a:visited, a:hover, a:active {color:#CF0; 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:#CF0; 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: 37px 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: 760px;
	height: 255px;
	background:url(../_images/choose_navs_bg.png) no-repeat;
}
ul#nav
{
	float:left;
	list-style:none;
	width:728px;
	height: 37px;
	margin: 217px 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: 500;
}
ul#nav li a.home-btn
{
	background:url(../_images/nav_home_btn.png) no-repeat 0 0;
	width: 130px;
}
ul#nav li a.home-btn:hover, ul#nav li a.home-on, ul#nav li a.home-on:hover
{
	background:url(../_images/nav_home_btn.png) no-repeat 0 -37px;
	width: 130px;
}
ul#nav li a.dinner-btn
{
	background:url(../_images/nav_dinner_btn.png) no-repeat 0 0;
	width: 100px;
}
ul#nav li a.dinner-btn:hover, ul#nav li a.dinner-on, ul#nav li a.dinner-on:hover
{
	background:url(../_images/nav_dinner_btn.png) no-repeat 0 -37px;
	width: 100px;
}
ul#nav li a.takeaway-btn
{
	background:url(../_images/nav_takeaway_btn.png) no-repeat 0 0;
	width: 160px;
}
ul#nav li a.takeaway-btn:hover, ul#nav li a.takeaway-on, ul#nav li a.takeaway-on:hover
{
	background:url(../_images/nav_takeaway_btn.png) no-repeat 0 -37px;
	width: 160px;
}
ul#nav li a.drinks-btn
{
	background:url(../_images/nav_drinks_btn.png) no-repeat 0 0;
	width: 130px;
}
ul#nav li a.drinks-btn:hover, ul#nav li a.drinks-on, ul#nav li a.drinks-on:hover
{
	background:url(../_images/nav_drinks_btn.png) no-repeat 0 -37px;
	width: 130px;
}
ul#nav li a.specials-btn
{
	background:url(../_images/nav_specials_btn.png) no-repeat 0 0;
	width: 130px;
}
ul#nav li a.specials-btn:hover, ul#nav li a.specials-on, ul#nav li a.specials-on:hover
{
	background:url(../_images/nav_specials_btn.png) no-repeat 0 -37px;
	width: 130px;
}

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:20px 0px 0px 15px;
	position:fixed;
}
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: 955px;
	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;
}

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

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

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


#images-bottom
{
	float:left;
	width: 954px;
	height: 300px;
	color:#FF9;
	
}
/*CONTENT SECTION - GENERAL STYLE*/
#content-container
{
	float:left;
	width: 954px;
	/*background:url(../_images/content_bg.jpg) repeat-y;*/
	/*background-color:#660;*/
	/*background-color:#663;*/
}
#content-bottom
{
	float:left;
	width: 954px;
	height:15px;
	background:url(../_images/content_bottom.jpg) repeat-y;
}
#title
{
	float:left;
	width:320px;
	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:#600;
}

#latestnews
{
	float: left;
	background-color:#FFF
	width: 955px;
	height: 60px;
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding:10px;
	color:#000;
}

#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:#600;
	text-decoration:underline;
}
#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;
}