body {margin-left: 0px;	margin-top: 0px; margin-right: 0px;	margin-bottom: 0px; }

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

/*a:link {color: #000000; text-decoration: none;}
a:visited { color: #000000; text-decoration: none}
a:hover { color: #3366CC; text-decoration: underline}
a:active { color: #000000; text-decoration: none}
/*website css*/
.white-text-normal {color: #FFFFFF; font-size: 12px; }
.grey-text-normal {color: #787878; font-size: 12px; }
.grey-text-big {color: #787878; font-size: 14px; }
.outline{color:#FFFFFF; height:57px; border:#fff solid thin; width:175px;}
.topmargin{ padding-top:3px; color: #FFFFFF; font-size: 12px; }
.heading0-black {font-size: 23px; color: #000000; word-spacing:5px;}
.heading1-white {font-size: 20px; color: #FFFFFF; }
.heading1-black {font-size: 20px; color: #787878; }
.heading2-white {font-size: 15px; color: #FFFFFF; }
.heading3-black {font-size: 20px; color: #787878; }
.heading4-dark-red {font-size: 14px; color: #5B151F; }
.heading4-dark-blue {font-size: 14px; color: #2A203B; }
.business-heading {	font-size: 15px; color: #1B405B; text-decoration:none;}
.hotel-heading {	font-size: 15px; color: #987533; text-decoration:none;}
.wedding-heading {	font-size: 15px; color: #a62020; text-decoration:none;}
.restaurant-heading {	font-size: 15px; color: #1d7223; text-decoration:none;}
.btn-white-text {color: #FFFFFF; font-size: 11px; }
.serlio-small {	font-family: "Serlio LH"; font-size: 14px; color:#FFFFFF;}
.serlio-big {	font-family: "Serlio LH"; font-size: 31px; color:#000000;}
.readmore { font-family:Arial, Helvetica, sans-serif; color:#FF6600; font-size: 11px; text-decoration:none;}
/*css for nav-menu state rememberness*/
body#home a#nav-home,
	body#aboutus a#nav-aboutus,
	body#termsofuse a#nav-termsofuse,
	body#privacypolicy a#nav-privacypolicy,
	body#direction a#nav-direction,
	body#sitemap a#nav-sitemap,

body#weddings a#nav-weddings,
	body#guestbook a#nav-guestbook,
	body#weddingmenu a#nav-weddingmenu,
		body#wm_weddingmenu a#nav-wm_weddingmenu, body#wm_fingerbuffet a#nav-wm_fingerbuffet, body#wm_drinks a#nav-wm_drinks, body#wm_canape a#nav-wm_canape,

body#restaurant a#nav-restaurant,
	body#restaurantmenu a#nav-restaurantmenu,
		body#alacarte a#nav-alacarte,
		body#menudejour a#nav-menudejour,
		body#sundaylunch a#nav-sundaylunch,
		body#hightea a#nav-hightea,

body#accommodation a#nav-accommodation,
	body#onlinebook a#nav-onlinebook,

body#business a#nav-business,
	body#conference a#nav-conference,
	body#customize a#nav-customize,

body#privatefunction a#nav-privatefunction,
	body#proms a#nav-proms,
	body#parties a#nav-parties,
	body#exhibitions a#nav-exhibitions,
	body#dinnerdance a#nav-dinnerdance,

body#diaryofevents a#nav-diaryofevents,
body#specialoffer a#nav-specialoffer,

body#restaurantgallery a#nav-restaurantgallery,
body#weddinggallery a#nav-weddinggallery,
body#hotelgallery a#nav-hotelgallery,
body#businessgallery a#nav-businessgallery,

body#recruitment a#nav-recruitment,
body#contact a#nav-contact
{
	color: #fff;
	background: #000;
}

/*tool tip css*/
#info p {margin-left:15px; margin-right:20px;}
#info img {margin:15px; float:left;}
#info h1 {margin-left:15px;}
/* the style starts here */
a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; bottom:180px; left:+25px; padding:5px; font-weight:bolder; color:#fff; background:#000; width:150px; }
a.tooltip:hover b em {position:absolute; left:20px; bottom:-6px; width:11px; height:6px; background:#fff url(images/tooltip.gif) 0 0; display:block; font-size:1px;}
/*form css*/
.form-field { border:#000 solid thin; fill-opacity: 0.10; opacity:0.50; }
/*transparent corner*/
#container {background:#d8d8ee; width:100px; margin:15px; padding:20px;}
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em; color:#eee;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background:transparent; margin:1em; width:235px; height:220px; padding-top:0px;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb1 {margin:0 8px; background:#fff;-moz-opacity:.80;opacity:.80;}
.xb2 {margin:0 6px; background:#fff;-moz-opacity:.80;opacity:.80;}
.xb3 {margin:0 4px; background:#fff;-moz-opacity:.80;opacity:.80;}
.xb4 {margin:0 3px; background:#fff; border-width:0 5px;-moz-opacity:.80;opacity:.80;}
.xb5 {margin:0 2px; background:#fff; border-width:0 4px;-moz-opacity:.80;opacity:.80;}
.xb6 {margin:0 2px; background:#fff; border-width:0 3px;-moz-opacity:.80;opacity:.80;} 
.xb7 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;-moz-opacity:.80;opacity:.80;} 

.xboxcontent {display:block; background:#fff; border:3px solid #fff; border-width:0 3px; width:229px; height:237px;-moz-opacity:.80;opacity:.80;}


/*menu css*/
.menu {
z-index:1000;
height:0px;
margin:10px 0 50px 15px; /* this page only */
font-size:11px;

}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:200px;
	height:50px;
	position:absolute;
	font-size:11px;

}

.menu li {
background:#ddd;
height:18px;

}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table*/
.menu table {position:absolute; border-collapse:collapse; top:0px; left:0; z-index:100; font-size:1em; width:0; height:0;}
/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:20px;
line-height:19px;
width:200px;
color:#000;
text-indent:10px;
border-bottom:0px solid #fff;
background:#fff;

}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#999; background:transparent;}

.menu :hover > a {
color:#fff; 
background:#000;

}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:relative;
top:-20px;
left:200px;

}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
height:0px;

}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
height:0px;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
height:0px;}
/*news ticker css*/


#newsticker ul {
	list-style: none;
	min-height: 1.6em;
	margin: 0;
	padding: 0;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:2px;
	color:#787878;
	text-decoration:none;
}
#newsticker li {
	
	text-decoration:none;
}