@charset "utf-8";
/* CSS Document */


/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}


/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
* a {
	position:relative;
	background-image: url(explore-guernsey-map/slides/Pottery2.jpg);
} /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */
br { clear:both; height:1px; margin:-1px 0 0 0 }
h1 { font: 2.1em Georgia, "Times New Roman", Times, serif; /*letter-spacing: .25em;*/ margin-bottom: 2px; font-weight: normal; color:#FFF; margin-top: -5px; }
h1.bookinsys { margin: 30px 0 15px 0;}
li { font: 1em  Arial, Helvetica, sans-serif; margin:0; }
a { text-decoration:none; color:#fff }

/* Default */

html,body  {font: 12px/1.4em arial, helvetica, verdana, tahoma, verdana, sans-serif; color: #CCC; line-height: normal; }
body {		margin: 0;	text-align: center;	background: #501D3F url(../interface/background.jpg) repeat-x top center;	}

/* ------------------------------------ */

/* Global Layout Styles */

/* ------------------------------------ */
/* ------------------------------------ */

/* Hidden elements */

/* ------------------------------------ */
	.hidden, .screen_reader, hr { display: none; }

/* ------------------------------------ */
	
/* ---- Typography ---- */	

/* ------------------------------------ */

/* Paragraph default styling */
p {
	margin: 0 10px 10px 0;
	font-size: 11px;
	line-height: 1.2em;
	text-align: left;
	color:#fff;
}
#roomrates p { font-size: 1.1em;}
#home p { margin: 0;}
.spacer { margin: 0 0 25px 0; }
.imageleft { float: left; }

/* Default link styling */
a { color: #ccc; text-decoration: none; }
a:hover { color: #ccc; text-decoration: underline; }

#leftcolumn h1 { font-size: 1.3em;  margin-bottom: 10px;}
#leftcolumn p { font-size: 1em;}

h1.thebellaluce  { background: url(../interface/the-bella-luce.gif) bottom left no-repeat; height: 25px; margin: 0; padding: 0; line-height: 1px; }
	
h1.TitleHotel { background:url url(../interface/headings.jpg) 0 0 no-repeat; height: 35px;}
h1.roomrates  { background: url(../interface/headings-room-rates.gif) 0 0 no-repeat; height: 40px;}
h1.bookonline  { background: url(../interface/book-online-heading.gif) 0 0 no-repeat; height: 40px;}


h1.explore  { background: url(../interface/explore-heading.gif) 0 0 no-repeat; height: 40px;}
h1.offers  { background:  url(../interface/offers-heading.gif) 0 0 no-repeat; height: 40px;}
h1.events  { background:  url(../interface/events.gif) 0 0 no-repeat; height: 40px;}
h1.contact  { background:  url(../interface/headings_hotel.gif) 0 0 no-repeat; height: 40px;}

h1.Christmas { background: url(../interface/heading-christmas.gif) 0 0 no-repeat; height: 40px;}
h1.Weddings { background: url(../interface/heading-wedding.gif) 0 0 no-repeat; height: 40px;}
h1.Corporate { background: url(../interface/heading-corporate.gif) 0 0 no-repeat; height: 40px;}

h1.Restaurants { background: url(../interface/restaurants-heading.gif) 0 0 no-repeat; height: 40px;}

h1 span {  text-indent: -3000em; font-size: 1px; color: #818181; }
/* Float element left with a margin */
.floatLeft { float: left; margin: 0 20px 20px 0; }
	
/* Float element right with a margin */
.floatRight { float: right; margin: 0 0 20px 20px; }


.clear {
	clear:both;
	}
	
/* ------------------------------------ */

/* TEMPLATE LAYOUT  */   

/* ------------------------------------ */
#wrapperall { padding:0;}
#wrapperinner { width: 990px; margin: 0 auto; /* centers content */ }
#wrapperheader { width: 990px; margin: 0 ; float: left; height: 88px; background: url(../interface/header-background.jpg)  top left no-repeat; position: relative;   }
* html #headerwrap { margin: 0  ; /* width fix for IE6 */ }

#wrapperheaderflash { width: 950px; margin: 0 30px 0 30px ; float: left; height: 400px; position: relative; z-index: 100; 	}

#contentwraper { width: 990px;	float: left; position: relative; z-index: 50; text-align: left;	background: transparent;  }
 
#contentinerback {width: 990px; float: left; background:  url(../interface/wrapperbackground.jpg) repeat-y top left; min-height: 454px; }

#home #contentinerback {width: 990px; float: left; background: url(../interface/home-wrapperbackground.jpg) repeat-y top left; min-height: 454px; }
.specialoffers #contentinerback {width: 990px; float: left; background: url(../interface/background-special-offers.jpg) top left; min-height: 454px; }

#homespecials { background:url(../interface/HomePageSpecials.png) 0 0 no-repeat;
	z-index: 700;
	position: absolute;
	top: 17px;
	left: 747px;
	width: 200px;
	display: block; overflow: hidden;
	height: 270px; padding-top: 42px;
}
.specialOfferHome { padding: 0 12px 6px 12px; color:#FFF; line-height: 1.1em; font-size: .9em; float: left; width: 180px; display: block;  }
.sqimage { float: right; margin-left: 10px; margin-bottom: 3px;}
.sqimage img {border: 1px solid #BEBEBE; }
 
.booknow { margin: 5px 0; padding-bottom: 5px; border-bottom: 1px dotted #838383; }


#paddingwraper {width: 950px; float: left; margin: 0 20px; padding:  0; }
* html #paddingwraper { margin: 0 10px ; /* width fix for IE6 */ }
#paddingwraper .gutter2 { margin: 0px 0px 5px 15px ;  }
#paddingwraper .gutter3 { margin: 20px 15px 20px 15px ; padding: 20px 0; text-align: center; background: transparent;  }
#paddingwraper .gutter3 table td tr { padding: 10px;  }
#paddingwraper .gutter4 { margin: 10px 15px 10px 15px ; padding: 10px 0; text-align: left; background: transparent;  }


#roomsGalleryMenu { width: 950px; height: 85px; overflow: hidden;}
#roomsGalleryMenu ul { margin: 0 15px;}
#roomsGalleryMenu ul li { float: left; width:150px; height: 85px; display: block; overflow: hidden; margin-right: 4px;  }
#roomsGalleryMenu ul li.LuxRoom1 a { background:url(../interface/luxury-hotel-rooms_01.jpg) 0 0 no-repeat; height: 85px; display: block; overflow: hidden;}
#roomsGalleryMenu ul li.LuxRoom1 a:hover { background:url(../interface/luxury-hotel-rooms_01.jpg) 100% 100% no-repeat;}

#roomsGalleryMenu ul li.LuxRoom2 a { background:url(../interface/luxury-hotel-rooms_02.jpg) 0 0 no-repeat; height: 85px; display: block; overflow: hidden;}
#roomsGalleryMenu ul li.LuxRoom2 a:hover { background:url(../interface/luxury-hotel-rooms_02.jpg) 100% 100% no-repeat;}

#roomsGalleryMenu ul li.LuxRoom3 a { background:url(../interface/luxury-hotel-rooms_03.jpg) 0 0 no-repeat; height: 85px; display: block; overflow: hidden;}
#roomsGalleryMenu ul li.LuxRoom3 a:hover { background:url(../interface/luxury-hotel-rooms_03.jpg) 100% 100% no-repeat;}

#roomsGalleryMenu ul li.LuxRoom4 a { background:url(../interface/luxury-hotel-rooms_04.jpg) 0 0 no-repeat; height: 85px; display: block; overflow: hidden;}
#roomsGalleryMenu ul li.LuxRoom4 a:hover { background:url(../interface/luxury-hotel-rooms_04.jpg) 100% 100% no-repeat;}

#roomsGalleryMenu ul li.LuxRoom5 a { background:url(../interface/luxury-hotel-rooms_05.jpg) 0 0 no-repeat; height: 85px; display: block; overflow: hidden;}
#roomsGalleryMenu ul li.LuxRoom5 a:hover { background:url(../interface/luxury-hotel-rooms_05.jpg) 100% 100% no-repeat;}

#roomsGalleryMenu ul li.LuxRoom6 a { background:url(../interface/luxury-hotel-rooms_06.jpg) 0 0 no-repeat; height: 85px; display: block; overflow: hidden;}
#roomsGalleryMenu ul li.LuxRoom6 a:hover { background:url(../interface/luxury-hotel-rooms_06.jpg) 100% 100% no-repeat;}
#roomsGalleryMenu ul li.LuxRoom6 { float: left; margin-right: 0px;  }
 #roomsGalleryMenu li ul { display: none;}
 
 
 #roomsGalleryMenuSingle { width: 150px; height: 65px; overflow: hidden;}
#roomsGalleryMenuSingle ul { margin: 0 ;}
#roomsGalleryMenuSingle ul li { float: left; width:150px; height: 65px; display: block; overflow: hidden; margin-right: 4px;  }
#roomsGalleryMenuSingle ul li.LuxRoom1 a { background:url(../interface/view-the-gallery-standard-rooms.jpg) 0 0 no-repeat; height: 65px; display: block; overflow: hidden;}
#roomsGalleryMenuSingle ul li.LuxRoom1 a:hover { background:url(../interface/view-the-gallery-standard-rooms.jpg) 100% 100% no-repeat;}
 #roomsGalleryMenuSingle li ul { display: none;}
 
  #exploreGalleryMenuSingle { width: 150px; height: 65px; overflow: hidden;}
#exploreGalleryMenuSingle ul { margin: 0 ;}
#exploreGalleryMenuSingle ul li { float: left; width:150px; height: 65px; display: block; overflow: hidden; margin-right: 4px;  }
#exploreGalleryMenuSingle ul li.LuxRoom1 a { background:url(../interface/view-the-gallery.jpg) 0 0 no-repeat; height: 65px; display: block; overflow: hidden;}
#exploreGalleryMenuSingle ul li.LuxRoom1 a:hover { background:url(../interface/view-the-gallery.jpg) 100% 100% no-repeat;}
 #exploreGalleryMenuSingle li ul { display: none;}
 
 
 
 
#BarGalleryMenuSingle { width: 150px; height: 65px; overflow: hidden;}
#BarGalleryMenuSingle ul { margin: 0 ;}
#BarGalleryMenuSingle ul li { float: left; width:150px; height: 65px; display: block; overflow: hidden; margin-right: 4px;  }
#BarGalleryMenuSingle ul li.LuxRoom1 a { background:url(../interface/restaurant-and-bar-gallery-btn.jpg) 0 0 no-repeat; height: 65px; display: block; overflow: hidden;}
#BarGalleryMenuSingle ul li.LuxRoom1 a:hover { background:url(../interface/restaurant-and-bar-gallery-btn.jpg) 100% 100% no-repeat;}
#BarGalleryMenuSingle li ul { display: none;}
 
 
#leftcolumn {
	float: left;
	width: 260px;
	clear: both;
	padding-bottom: 0;
	margin: 0 0 0 0;
	 
}
#leftcolumn .gutter { margin: 10px 20px 10px 10px ;  }
	/* IE6 alternative not so good looking but works! NOT IN USE !!!!
	* html #leftcolumn { background: url(../interface/left-column-back.jpg) top left repeat-y; } */

#hotel #leftcolumn { width: 703px;}
#hotel #leftcolumn .gutter { margin: 0px 0px 5px 15px ;  }

#roomrates #leftcolumn { width: 480px;}
#roomrates #leftcolumn .gutter { margin: 0px 0px 5px 15px ;  }

#roomrates #leftcolumnBS { width: 440px; float: left;}
#roomrates #leftcolumnBS .gutter { margin: 40px 0px 5px 15px ;  }

#roomrates #leftcolumnBS2 { width: 590px; float: left;}
#roomrates #leftcolumnBS2 .gutter { margin: 40px 0px 5px 15px ;  }

#booking #leftcolumn { width:   5px;}
#booking #leftcolumn .gutter { margin: 0px   ;  }


#events #leftcolumn { width: 480px;}
#events #leftcolumn .gutter { margin: 0px 0px 5px 15px ;  }


#restaurants #leftcolumn { width: 703px;}
#restaurants #leftcolumn .gutter { margin: 0px 0px 5px 15px ;  }

#rightcolumn { float: right; width: 690px;	margin: 0 0 0 0; padding: 0 0 0 0; position: relative; top: 0; 	}
#hotel #rightcolumn { width: auto;}	
#hotel #rightcolumn p {  padding-top: 5px;}

#roomrates #rightcolumn { width: auto;}	
#roomrates #rightcolumn p {  padding-top: 3px;}

#roomrates #rightcolumnBS { float: right; width: 460px;}	
#roomrates #rightcolumnBS p {  padding-top: 3px;}
#roomrates #rightcolumnBS h1 { text-align: left; margin-top: 40px;}

#roomrates #rightcolumnBS2 { float: right; width: 310px;}	
#roomrates #rightcolumnBS2 p {  padding-top: 3px;}
#roomrates #rightcolumnBS2 h1 { text-align: left; margin-top: 40px;}


#booking  #rightcolumn { width: auto;}	
#booking #rightcolumn p {  padding-top: 3px;}

#events #rightcolumn { width: auto;}	
#events #rightcolumn p {  padding-top: 2px;}

#restaurants #rightcolumn { width: auto;}	
#restaurants #rightcolumn p {  padding-top: 2px;}


#footerwrap {
		 
		width: 990px;
		margin: 0 ;
		float: left;
		position: relative;
		text-align: left;
		background:url(../interface/wrapperbackground.jpg) bottom left no-repeat;
		height: 68px;
	}
	* html #footerwrap { margin: 0 ; }
#home #footerwrap { margin-top: -4px;}	
/* ----------------------------------- */

/* TEMPLATE LAYOUT END  *?

/* ------------------------------------ */
/* ------------------------------------ */

/* TOP NAV AND HEADER SECTION STYLES  */

/* ------------------------------------ */

	#topnavbar { float:left; position: absolute; bottom: 5px; right: 0;	margin: 0;	height: 32px; width: 685px;	overflow: hidden; list-style:none; }
	#topnavbar li { float: left; height: 32px;	overflow: hidden; display: inline;  white-space: nowrap; 	}
	#topnavbar li a { color: #E1DDD7;	text-indent: 0;	font-size: .9em; padding-top: 6px;	height: 26px; display: block; padding-left: 10px; padding-right: 10px;	}
	#topnavbar li a:hover { text-decoration: underline; color: #FFF; }
	
	/* individual button link styles */
	
	#topnavbar li.THEHOTEL { width: 78px;  }
	#topnavbar li.RESTAURANTBAR { width: 123px;  }
	#topnavbar li.RESERVATIONS { width: 101px;  }
	#topnavbar li.EMAILOFFERS { width: 118px;  }
	#topnavbar li.EXPLORETHEAREA { width: 76px;  }
	#topnavbar li.MEETINGSEVENTS { width: 68px;  }
	#topnavbar li.CONTACT { width: 68px;  }
	/* #topnavbar li.THEHOTEL a {  }
	#topnavbar li.THEHOTEL a:hover, #topnavbar li.THEHOTEL a.selected { } */
	
	
	

	h1#logo {margin: 0; padding: 0;}
	#logo {	position: absolute;	top: 10px;	left: 20px; height: 79px;	width: 274px; 	overflow: hidden;  	}
	#logo a {	text-indent: -3000em; font-size: 1px; height: 79px; width: 274px; display: block; background: url(../interface/logo.jpg) no-repeat; }
	
	
/* ------------------------------------ */

/* TOP NAV AND HEADER SECTION STYLES END  */

/* ------------------------------------ */
/* ------------------------------------ */

/* LEFT NAV SECTION STYLES  */

/* ------------------------------------ */

#sideMenuMain {
	float: left;
	clear: both;
	margin: 0 0 0 0;
	padding: 0px 0 20px 0px;
	overflow: hidden;
	list-style: none;
	width: 250px;
	font-size: 1em;
		
	}
#sideMenuMain ul {
		float: left;
		margin: 5px 0 0 0 ;
		padding: 0;
		list-style: none;
		width: 250px;
	}
#sideMenuMain li {
		float: left;
		width: 238px;
		padding: 5px 0px 5px 12px;
		margin: 0 0px 0 0;
		overflow: hidden;
		
		/* border-bottom: 1px solid #C4B9A4; */
		
		 
	}
#sideMenuMain li a {
	text-transform:uppercase;
		float: left;
		color: #fff;
		background: #A09D98 ; width: 230px; padding: 4px 4px 4px 10px;
	}
#sideMenuMain li a:hover {
	color: #811D59 ;
	background: #D7D2CC; text-decoration:none;
	}
 
/* ------------------------------------ */

/* LEFT NAV SECTION STYLES END  */

/* ------------------------------------ */
/* ------------------------------------ */


/* CONTENT SECTION STYLES */

/* ------------------------------------ */



#flashmain { background:url(../interface/flash-promo-large-box-background.png) right bottom no-repeat;   padding-bottom: 0px;}


/* ------------------------------------ */

/* CONTENT SECTION STYLES END */

/* ------------------------------------ */


#outerwrap {}
#innerwrap {}
#headerwrap {}
#headerlinks {}

.fullwidthboxwrap {
	float: left;
	margin: 0 0 0  0;
	padding: 0 0 0 0;
	overflow: hidden;
	list-style: none;
	width: 675px;
	font-size: 1em;
	background: transparent;
}
		.fullwidthboxwrap .gutter { margin: 10px;}
#home .fullwidthboxwrap .gutter { margin: 0 10px 0px 10px;}
#hotel .fullwidthboxwrap { width: 245px;}
#roomrates  .fullwidthboxwrap { width: 465px;}
#events  .fullwidthboxwrap { width: 460px;}
#restaurants   .fullwidthboxwrap { width: 245px;}

#booking  .fullwidthboxwrap { width: 946px; }

#bookingFrame { background:#FFF; width: 920px; float: left;
	margin: 0 0 0  0;
	padding: 0 0 0 0;}


.fullwidthboxwrap table tr td { margin: 0; padding: 0 0 4px 0; /* border: 3px solid #F5F4F2; border-left: none; background: #811D59; color: #fff; */}
.fullwidthboxwrap h2 { font-size: 1.4em; margin-top: 10px;}
.specialoffers .fullwidthboxwrap h2 {
	color:#7C2D5E;
}
/*****************/
/* half width boxes */
.halfwidthboxwrap {
	float: left;
	margin: 0 0px 0 0;
	padding: 0 0 20px 0;
	overflow: hidden;
	list-style: none;
	width: 675px;
	font-size: 1em;
}
	.halfwidthbox  { float: left;	width: 330px;	padding: 0;	height: 200px;	margin: 0 5px 0 0;	overflow: hidden; background: transparent;	}
	.halfwidthbox .gutter { margin: 10px 0 10px 10px;}
	.halfwidthbox h2 {  font-size: 1.3em; margin-bottom: 8px;}

/***********************/	
/* Quarter width boxes */

	.quarterwidthbox {
		float: left;	margin: 0 0 0 0;	padding: 0 0 0 0;	overflow: hidden; height: 130px;	list-style: none;	width: 950px; font-size: .9em; background: #585858;		}
	.quarterwidthbox li { float: left;	width: 237px;	padding: 0;	height: 123px;	margin: 0 0 0 0;	overflow: hidden; background: #585858;	}
	.quarterwidthbox li img { float: left; margin-bottom: 5px; }
	.quarterwidthbox li em { float: left; margin: 0 5px  5px  5px; font-style:normal; font-size: 1.2em; text-transform: capitalize; }
	.quarterwidthbox li a {
		float: left;
		width: 237px;
		height: 123px;
		display: block;
		padding: 0px; color:#fff;
		 }
	.quarterwidthbox li a strong { float: left; color:#FFFFFF; font-size: 1em; line-height: .5em; font-weight: normal; width: 237px; }
	.quarterwidthbox li a em { float: left;   font-style:normal;  padding-right: 10px;}
	.quarterwidthbox li a:hover { text-decoration: none ; color: #ccc; background:  #585858; 	}
.quarterwidthbox li a:hover em { text-decoration: none;  color: #fff; 	}

#roomtypes {
		float: left;	margin: 0 0 0 0;	padding: 0 0 0 0;	overflow: hidden; height: 123px;	list-style: none;	width: 950px; font-size: .9em; background: #585858;		}
#roomtypes li { float: left;	width: 237px;	padding: 0;	height: 113px;	margin: 0 0 0 0;	overflow: hidden; background: #585858;	}
#roomtypes li.bookonline  { background:url(../interface/book-online.jpg) 0 0 no-repeat;}
#roomtypes li.bookonline a { background:url(../interface/book-online.jpg) 0 0 no-repeat; display: block; height: 123px;}
#roomtypes li.bookonline a:hover { background:url(../interface/book-online.jpg) 100% 100% no-repeat;}



#roomtypes li.bookonlinelink  { background:url(../interface/book-online-link.jpg) 0 0 no-repeat;}
#roomtypes li.bookonlinelink a { background:url(../interface/book-online-link.jpg) 0 0 no-repeat; display: block; height: 123px;}
#roomtypes li.bookonlinelink a:hover { background:url(../interface/book-online-link.jpg) 100% 100% no-repeat;}

#roomtypes li.standardrooms  { background: url(../interface/box-standard-rooms.jpg) 0 0 no-repeat;  }
#roomtypes li.standardrooms a { background: url(../interface/box-standard-rooms.jpg) 0 0 no-repeat;  display: block; height: 123px;}
#roomtypes li.standardrooms a:hover { background:url(../interface/box-standard-rooms.jpg) 100% 100% no-repeat;}

#roomtypes li.premierrooms  { background: url(../interface/box-premier-rooms.jpg) 0 0 no-repeat;  }
#roomtypes li.premierrooms a { background: url(../interface/box-premier-rooms.jpg) 0 0 no-repeat;  display: block; height: 123px;}
#roomtypes li.premierrooms a:hover { background:url(../interface/box-premier-rooms.jpg) 100% 100% no-repeat;}


#roomtypes li.luxuryrooms  { background: url(../interface/box-luxury-room.jpg) 0 0 no-repeat;  }
#roomtypes li.luxuryrooms a { background: url(../interface/box-luxury-room.jpg) 0 0 no-repeat;  display: block; height: 123px;}
#roomtypes li.luxuryrooms a:hover { background:url(../interface/box-luxury-room.jpg) 100% 100% no-repeat;}


#roomtypes li a span { display: none;}

/* General Footer Menu */

#GeneralMenu {
		float: left;	margin: 0 0 0 0;	padding: 0 0 0 0;	overflow: hidden; height: 123px;	list-style: none;	width: 950px; font-size: .9em; background: #585858;		}
#GeneralMenu li { float: left;	width: 237px;	padding: 0;	height: 113px;	margin: 0 0 0 0;	overflow: hidden; background: #585858;	}
#GeneralMenu li.bookonline  { background:url(../interface/book-online.jpg) 0 0 no-repeat;}
#GeneralMenu li.bookonline a { background:url(../interface/book-online.jpg) 0 0 no-repeat; display: block; height: 123px;}
#GeneralMenu li.bookonline a:hover { background:url(../interface/book-online.jpg) 100% 100% no-repeat;}



#GeneralMenu li.bookonlinelink  { background:url(../interface/book-online-link.jpg) 0 0 no-repeat;}
#GeneralMenu li.bookonlinelink a { background:url(../interface/book-online-link.jpg) 0 0 no-repeat; display: block; height: 123px;}
#GeneralMenu li.bookonlinelink a:hover { background:url(../interface/book-online-link.jpg) 100% 100% no-repeat;}

#GeneralMenu li.hotel  { background: url(../interface/box-the-hotel.jpg) 0 0 no-repeat;  }
#GeneralMenu li.hotel a { background: url(../interface/box-the-hotel.jpg) 0 0 no-repeat;  display: block; height: 123px;}
#GeneralMenu li.hotel a:hover { background:url(../interface/box-the-hotel.jpg) 100% 100% no-repeat;}

#GeneralMenu li.restaurantandbars  { background: url(../interface/box-the-restaurant.jpg) 0 0 no-repeat;  }
#GeneralMenu li.restaurantandbars a { background: url(../interface/box-the-restaurant.jpg) 0 0 no-repeat;  display: block; height: 123px;}
#GeneralMenu li.restaurantandbars a:hover { background:url(../interface/box-the-restaurant.jpg) 100% 100% no-repeat;}


#GeneralMenu li.explorebella  { background: url(../interface/box-explore.jpg) 0 0 no-repeat;  }
#GeneralMenu li.explorebella a { background: url(../interface/box-explore.jpg) 0 0 no-repeat;  display: block; height: 123px;}
#GeneralMenu li.explorebella a:hover { background:url(../interface/box-explore.jpg) 100% 100% no-repeat;}

#GeneralMenu li.specialoffersm  { background: url(../interface/box-offers.jpg) 0 0 no-repeat;  }
#GeneralMenu li.specialoffersm a { background: url(../interface/box-offers.jpg) 0 0 no-repeat;  display: block; height: 123px;}
#GeneralMenu li.specialoffersm a:hover { background:url(../interface/box-offers.jpg) 100% 100% no-repeat;}



#GeneralMenu li a span { display: none;}

/* end general menu */

#eventtypes li { float: left;	width: 237px;	padding: 0;	height: 123px;	margin: 0 0 0 0;	overflow: hidden; background: #585858;	}
#eventtypes li.bookonline  { background:url(../interface/book-online.jpg) 0 0 no-repeat;}
#eventtypes li.bookonline a { background:url(../interface/book-online.jpg) 0 0 no-repeat; display: block; height: 123px;}
#eventtypes li.bookonline a:hover { background:url(../interface/book-online.jpg) 100% 100% no-repeat;}

#eventtypes li.christmas  { background: url(../interface/christmas.jpg)  0 0 no-repeat;}
#eventtypes li.christmas a { background: url(../interface/christmas.jpg)  0 0 no-repeat; display: block; height: 123px;}
#eventtypes li.christmas a:hover { background: url(../interface/christmas.jpg)  100% 100% no-repeat;}

#eventtypes li.weddings  { background: url(../interface/weddings.jpg) 0 0 no-repeat;}
#eventtypes li.weddings a { background: url(../interface/weddings.jpg)  0 0 no-repeat; display: block; height: 123px;}
#eventtypes li.weddings a:hover { background: url(../interface/weddings.jpg)  100% 100% no-repeat;}

#eventtypes li.corporate  { background: url(../interface/corporate.jpg) 0 0 no-repeat;}
#eventtypes li.corporate a { background:url(../interface/corporate.jpg) 0 0 no-repeat; display: block; height: 123px;}
#eventtypes li.corporate a:hover { background:url(../interface/corporate.jpg) 100% 100% no-repeat;}
#eventtypes li a span { display: none;}


#restauranttypes li { float: left;	width: 237px;	padding: 0;	height: 123px;	margin: 0 0 0 0;	overflow: hidden; background: #585858;	}
#restauranttypes li.reserveatable  { background: url(../interface/reserve-a-table.jpg) 0 0 no-repeat;}
#restauranttypes li.reserveatable a { background: url(../interface/reserve-a-table.jpg) 0 0 no-repeat; display: block; height: 123px;}
#restauranttypes li.reserveatable a:hover { background: url(../interface/reserve-a-table.jpg) 100% 100% no-repeat;}

#restauranttypes li.informaldining  { background: url(../interface/informal-dinning.jpg) 0 0 no-repeat;}
#restauranttypes li.informaldining a { background: url(../interface/informal-dinning.jpg) 0 0 no-repeat; display: block; height: 123px;}
#restauranttypes li.informaldining a:hover { background: url(../interface/informal-dinning.jpg) 100% 100% no-repeat;}


#restauranttypes li.portraitroom  { background: url(../interface/the-portrait-room.jpg) 0 0 no-repeat;}
#restauranttypes li.portraitroom a { background: url(../interface/the-portrait-room.jpg) 0 0 no-repeat; display: block; height: 123px;}
#restauranttypes li.portraitroom a:hover { background: url(../interface/the-portrait-room.jpg) 100% 100% no-repeat;}


#restauranttypes li.hemmingwayroom  { background: url(../interface/the-hemmingway-room.jpg) 0 0 no-repeat;}
#restauranttypes li.hemmingwayroom a { background: url(../interface/the-hemmingway-room.jpg) 0 0 no-repeat; display: block; height: 123px;}
#restauranttypes li.hemmingwayroom a:hover { background: url(../interface/the-hemmingway-room.jpg) 100% 100% no-repeat;}


#restauranttypes li.gardenroom  { background:  url(../interface/the-garden-room.jpg) 0 0 no-repeat;}
#restauranttypes li.gardenroom a { background:  url(../interface/the-garden-room.jpg) 0 0 no-repeat; display: block; height: 123px;}
#restauranttypes li.gardenroom a:hover { background:  url(../interface/the-garden-room.jpg) 100% 100% no-repeat;}


#restauranttypes li a span { display: none;}
/***********************/	
/* Quarter width boxes end */

h1.H1Title { color:#FFFFFF; font-size:20px;}
h2.H2Title { color:#FFFFFF; font-size:20px;}
h3.H3Title { color:#FFFFFF; font-size:20px;}
img.Floatleft { float:left; padding:0; border:none; margin: 0 20px 15px 0px;}


#homeText {
	background:url(../interface/homepage-text-area.png) 0 0 no-repeat;
	z-index:900;
	width: 926px;
	height: 141px;
	display: block;
	overflow: hidden;
	top: 344px;
	left: 29px;
	position:absolute;
}
#bookOnline {	z-index:900;
	width: 201px;
	height: 94px;
	display: block;
	overflow: hidden;
	top: 14px;
	left: 15px;
	position:absolute;
}
#homeText .gutter { margin: 17px 10px 10px 250px; }
#homeText .gutter  h1 {  margin: 0;}
#homeText  h1 { position:relative; margin: 17px 0 0 0; padding: 0; background:url(../interface/homepage-header.gif) 0 0 no-repeat; height: 32px; width: 597px; text-indent: -3000px;}
#homeText  .textare { position:relative; margin: 17px 0 0 250px; padding: 0;}


 

 #exploreGalleryMenuSingle1 {
	width: 87px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: 40px;
	left: 283px;
}
#exploreGalleryMenuSingle1 ul { margin: 0 ;}
#exploreGalleryMenuSingle1 ul li { float: left; width:87px; height: 88px; display: block; overflow: hidden; margin-right: 4px;  }
#exploreGalleryMenuSingle1 ul li.LuxRoom1 a { background:url(../explore-guernsey-map/pic-1.jpg) 0 0 no-repeat; height: 88px; display: block; overflow: hidden;}
#exploreGalleryMenuSingle1 ul li.LuxRoom1 a:hover { background:url(../explore-guernsey-map/pic-1.jpg) 100% 100% no-repeat;}
 #exploreGalleryMenuSingle1 li ul { display: none;}


#exploreGalleryMenuSingle2 {
	width: 87px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: 70px;
	left: 419px;
}
#exploreGalleryMenuSingle2 ul { margin: 0 ;}
#exploreGalleryMenuSingle2 ul li { float: left; width:87px; height: 88px; display: block; overflow: hidden; margin-right: 4px;  }
#exploreGalleryMenuSingle2 ul li.LuxRoom1 a { background:url(../explore-guernsey-map/pic-1.jpg) 0 0 no-repeat; height: 88px; display: block; overflow: hidden;}
#exploreGalleryMenuSingle2 ul li.LuxRoom1 a:hover { background:url(../explore-guernsey-map/pic-1.jpg) 100% 100% no-repeat;}
 #exploreGalleryMenuSingle2 li ul { display: none;}



#exploreGalleryMenuSingle3 {
	width: 87px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: 15px;
	left: 522px;
}
#exploreGalleryMenuSingle3 ul { margin: 0 ;}
#exploreGalleryMenuSingle3 ul li { float: left; width:87px; height: 88px; display: block; overflow: hidden; margin-right: 4px;  }
#exploreGalleryMenuSingle3 ul li.LuxRoom1 a { background:url(../explore-guernsey-map/pic-3.jpg) 0 0 no-repeat; height: 88px; display: block; overflow: hidden;}
#exploreGalleryMenuSingle3 ul li.LuxRoom1 a:hover { background:url(../explore-guernsey-map/pic-3.jpg) 100% 100% no-repeat;}
 #exploreGalleryMenuSingle3 li ul { display: none;}


#exploreGalleryMenuSingle4 {
	width: 87px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: 112px;
	left: 543px;
}
#exploreGalleryMenuSingle4 ul { margin: 0 ;}
#exploreGalleryMenuSingle4 ul li { float: left; width:87px; height: 88px; display: block; overflow: hidden; margin-right: 4px;  }
#exploreGalleryMenuSingle4 ul li.LuxRoom1 a { background:url(../explore-guernsey-map/pic-4.jpg) 0 0 no-repeat; height: 88px; display: block; overflow: hidden;}
#exploreGalleryMenuSingle4 ul li.LuxRoom1 a:hover { background:url(../explore-guernsey-map/pic-4.jpg) 100% 100% no-repeat;}
 #exploreGalleryMenuSingle4 li ul { display: none;}


#exploreGalleryMenuSingle5 {
	width: 87px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: 209px;
	left: 593px;
}
#exploreGalleryMenuSingle5 ul { margin: 0 ;}
#exploreGalleryMenuSingle5 ul li { float: left; width:87px; height: 88px; display: block; overflow: hidden; margin-right: 4px;  }
#exploreGalleryMenuSingle5 ul li.LuxRoom1 a { background:url(../explore-guernsey-map/pic-5.jpg) 0 0 no-repeat; height: 88px; display: block; overflow: hidden;}
#exploreGalleryMenuSingle5 ul li.LuxRoom1 a:hover { background:url(../explore-guernsey-map/pic-5.jpg) 100% 100% no-repeat;}
 #exploreGalleryMenuSingle5 li ul { display: none;}
 
 
#exploreGalleryMenuSingle6 {
	width: 87px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: 241px;
	left: 495px;
}
#exploreGalleryMenuSingle6 ul { margin: 0 ;}
#exploreGalleryMenuSingle6 ul li { float: left; width:87px; height: 88px; display: block; overflow: hidden; margin-right: 4px;  }
#exploreGalleryMenuSingle6 ul li.LuxRoom1 a { background:url(../explore-guernsey-map/pic-6.jpg) 0 0 no-repeat; height: 88px; display: block; overflow: hidden;}
#exploreGalleryMenuSingle6 ul li.LuxRoom1 a:hover { background:url(../explore-guernsey-map/pic-6.jpg) 100% 100% no-repeat;}
 #exploreGalleryMenuSingle6 li ul { display: none;}


#exploreGalleryMenuSingle7 {
	width: 87px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: 266px;
	left: 383px;
}
#exploreGalleryMenuSingle7 ul { margin: 0 ;}
#exploreGalleryMenuSingle7 ul li { float: left; width:87px; height: 88px; display: block; overflow: hidden; margin-right: 4px;  }
#exploreGalleryMenuSingle7 ul li.LuxRoom1 a { background:url(../explore-guernsey-map/pic-7.jpg) 0 0 no-repeat; height: 88px; display: block; overflow: hidden;}
#exploreGalleryMenuSingle7 ul li.LuxRoom1 a:hover { background:url(../explore-guernsey-map/pic-7.jpg) 100% 100% no-repeat;}
 #exploreGalleryMenuSingle7 li ul { display: none;}


#exploreGalleryMenuSingle8 {
	width: 87px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: 235px;
	left: 111px;
}
#exploreGalleryMenuSingle8 ul { margin: 0 ;}
#exploreGalleryMenuSingle8 ul li { float: left; width:87px; height: 88px; display: block; overflow: hidden; margin-right: 4px;  }
#exploreGalleryMenuSingle8 ul li.LuxRoom1 a { background:url(../explore-guernsey-map/pic-8.jpg) 0 0 no-repeat; height: 88px; display: block; overflow: hidden;}
#exploreGalleryMenuSingle8 ul li.LuxRoom1 a:hover { background:url(../explore-guernsey-map/pic-8.jpg) 100% 100% no-repeat;}
 #exploreGalleryMenuSingle8 li ul { display: none;}


#exploreGalleryMenuSingle9 {
	width: 87px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: 23px;
	left: 115px;
}
#exploreGalleryMenuSingle9 ul { margin: 0 ;}
#exploreGalleryMenuSingle9 ul li { float: left; width:87px; height: 88px; display: block; overflow: hidden; margin-right: 4px;  }
#exploreGalleryMenuSingle9 ul li.LuxRoom1 a { background:url(../explore-guernsey-map/pic-9.jpg) 0 0 no-repeat; height: 88px; display: block; overflow: hidden;}
#exploreGalleryMenuSingle9 ul li.LuxRoom1 a:hover { background:url(../explore-guernsey-map/pic-9.jpg) 100% 100% no-repeat;}
 #exploreGalleryMenuSingle9 li ul { display: none;}