/* -- MAIN PAGE STYLES -- UPDATED 08 JUL 10 */

html, body {
	margin: 0;
	background-color: #FFFEE2;
	/*background-image: url(../img/body_bg.jpg);*/
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight: normal;
	height:101%;
}
#page {
	background-color: #FFFEE2;
	margin: 0;
	padding: 0 0 86px 0;
	width: 100%;

	background-repeat: repeat-y;
	background-position: center;
}
.theburnpage {background-color: #000 !important; background-image: url(../img/burn_bg.jpg);}

/* SHADOW BOXES */
#photobanner, #ctasBox, .attractions, .mainmagenta, .mainmagentawedding, #slideshow, .mainmagentaconf, .mainmagentagallery {
	filter: 
		progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=3)
		progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=3)
		progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=3)
		progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=3);
		
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);
	box-shadow:0 0 5px rgba(0,0,0,0.25);	
	background-color:#fff;
}

/* MASTHEAD (LOGO + MAIN NAV) */
#masthead {position: relative;width: 960px;height: 50px; margin: 0 auto;z-index: 11;}
#masthead .logo {position: absolute;z-index: 12;top: 6px;left: 29px;width: 122px;height: 179px;}
#masthead .navigation {position: absolute;overflow: hidden;z-index: 5;top: 0px;left: 168px;width: 780px;height: 50px;}
#masthead .navigation li {float: left;margin: 0 2px 0 0;width: 152px;height: 50px;}
#masthead .navigation a {display: block;width: 152px;height: 50px;background-image: url(../img/mainnav_a.png);overflow: hidden;text-indent: -999px;}
#home {background-position: 0px 0px;}
#home:hover, #home.active {background-position: 0px -50px;}
#restaurant {background-position: -154px 0px;}
#restaurant:hover, #restaurant.active {background-position: -154px -50px;}
#attractions {background-position: -308px 0px;}
#attractions:hover, #attractions.active {background-position: -308px -50px;}
#testimonials {background-position: -462px 0px;}
#testimonials:hover, #testimonials.active {background-position: -462px -50px;}
#booking {background-position: -616px 0px;}
#booking:hover, #booking.active {background-position: -616px -50px;}

#bhome {background-position: 0px -100px;}
#bhome:hover, #bhome.active {background-position: 0px -150px;}
#brestaurant {background-position: -154px -100px;}
#brestaurant:hover, #brestaurant.active {background-position: -154px -150px;}
#battractions {background-position: -308px -100px;}
#battractions:hover, #battractions.active {background-position: -308px -150px;}
#btestimonials {background-position: -462px -100px;}
#btestimonials:hover, #btestimonials.active {background-position: -462px -150px;}
#bbooking {background-position: -616px -100px;}
#bbooking:hover, #bbooking.active {background-position: -616px -150px;}

/* PHOTOBANNER (SLIDESHOW) */
#photobanner {position:relative;margin: 0 auto;width: 944px;height: 359px;border: 8px solid #FFFFFF;background-color: #FFFFFF;}
#photobanner IMG {position:absolute;top:0;left:0;z-index:8;border: none;display: block;background-color: #FFFFFF;height: 359px;}
#photobanner IMG.active {z-index:10;}
#photobanner IMG.last-active {z-index:9;}

/* CTASBOX (4 BLOCK ADS) */
#ctasBox {
	margin: 10px auto;
	overflow: hidden;
	width: 960px;
	height: 173px;
	background-color: #FFF;
}
#ctasBox li {float: left;width: 240px;height: 173px;}
#ctasBox a {display: block;width: 240px;height: 173px;background-image: url(../img/ctas_a.jpg);overflow: hidden;text-indent: -999px;}
#ctasBox .cta1 {background-position: 0px 0px;}
#ctasBox .cta1:hover {background-position: 0px -173px;}
#ctasBox .cta2 {background-position: -240px 0px;}
#ctasBox .cta2:hover {background-position: -240px -173px;}
#ctasBox .cta3 {background-position: -480px 0px;}
#ctasBox .cta3:hover {background-position: -480px -173px;}
#ctasBox .cta4 {background-position: -720px 0px;}
#ctasBox .cta4:hover {background-position: -720px -173px;}

/* MAIN CONTENT */
#maincontent {
	position: relative;
}
#maincontent h1, #maincontent h2, #maincontent p, #maincontent li {font-family: Arial, Helvetica, sans-serif;font-weight: normal;}
#maincontent p {color: #330000;}
/* MAIN CONTENT : HOMEPAGE */
.homepage {margin: 0 auto;width: 960px;padding: 10px 0;}
.homepage p {width: 594px;border-left: solid 1px #330000;padding: 0 0 0 10px;margin: 0 0 0 5px;font-size: 14px;line-height: 18px;text-align: justify;}
.largeText {font-size: 24px;}
.attractionsCTA {position: absolute;top: 107px;left: 620px;z-index:10;}
/* MAIN CONTENT : ATTRACTIONS */
.attractions {margin: 10px auto;width: 940px;padding: 10px;}
.attractions h1 {position: absolute;top: -33px;left: 30px;z-index:10;padding: 0 10px;height: 33px;line-height: 33px;color: #330000;text-transform: uppercase;background-image: url(../img/h1_bg.jpg);}
.attractions p {font-size: 16px;line-height: 24px;margin: 10px;}
.attractions ol {list-style-type: decimal;list-style-position: outside;padding: 0 0 10px 20px;}
.attractions ol li {color: #330000;font-size: 16px;line-height: 24px;margin: 10px;}
.attractions li a {color: #330000;text-decoration: none;}
.attractions li a:hover {color: #000;text-decoration: underline;}
#attractionsGrid {position: absolute;top: 10px;left:515px;width:435px;height:435px;}
#attractionsGrid .imgRow {width:435px;height:145px;overflow:hidden;}
#attractionsGrid a {display:block;margin: 0 0 5px 5px;float:left;}
#attractionsGrid a img {width:140px;height:140px;border: none;}
#attractionsGrid a:hover {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;height:140px;border: none;}
/* MAIN CONTENT : THE BURN */
.theburn {
	margin: 10px auto;
	width: 960px;
	overflow:hidden;
	font-size: 16px;
	color: #FFF;
	text-align: center;
}
.foodlink {
	margin: 10px auto;
	overflow:hidden;
	font-size: 13px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
.xmasPhotos {position: absolute;top: 315px;left: 895px;z-index:10;display: block;}
.xmasPhotos img {width: 200px !important;height:100px !important;}
.recentPhotos {position: absolute;top: 255px;left: 844px;z-index:10;display: block;}
.recentPhotos img {width: 239px !important;height:143px !important;}
.flyers {float:left;width:310px;margin: 5px 15px 5px 0;}
.theburn img.end {margin-right: 0 !important;}
.bannerAdvert {margin: 10px auto;width: 960px;display: block;}
.bannerAdvert img {border:none;}

/* FOOTER (INC. LOGOS)*/
#footer {
	margin-top:36px;
	width: 100%;
	height: 86px;
	background-image: url(../img/footer_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
}
#footer .content {position: relative;margin: 0 auto;width: 960px;height: 86px;}
#footer h2 {position: absolute;top: 0px;left: 0px;margin: 0 auto;height: 86px;font-size: 18;line-height: 86px;color: #FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size: 18px;font-weight: normal;}
#footer img {border: none;}
#footer .logo1, #footer .logo2, #footer .logo3 {position: absolute;display: block;top: 0px;margin: 0;}
#footer .logo1 {left: 540px;}
#footer .logo2 {left: 724px;}
#footer .logo3 {left: 825px;}
#footer .feedback {position: absolute;display: block;top: -84px;left: 88px;margin: 0;z-index:10;}
.mainmagenta {
	position:relative;
	width: 944px;
	height: 546px;
	border: 8px solid #FFFFFF;
	background-color: #D1224D;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.mainmagentawedding {
	position:relative;
	width: 944px;
	height: 320px;
	border: 8px solid #FFFFFF;
	background-color: #D1224D;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.tablestyle {
	background-color: #FFF;
	background-image: url(../img/lightbg.png);
	background-repeat: repeat-x;
	height: 340px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}
.innertablestyle {
	background-color: #FFF;
	background-image: url(../img/lightbg.png);
	background-repeat: repeat-x;
	height: 340px;
	width: 380px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	padding: 4px;
	font-size: 14px;
	color: #805544;
	vertical-align: top;
}
.whiteheadings {
	font-size: 22px;
	color: #FFF;
	text-indent: 10;
	padding-left: 6px;
	padding-bottom: 16px;
	margin-right:auto;
	margin-left:20px;
}
.textbox {
	width: 250px;
	color: #D1224D;
}
td {
	padding: 3px;
	vertical-align: middle;
	width: 860px;
}
#pageinner {
	/*background-color: #FFFFFF;*/
	margin: 0;
	width: 100%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0;
}
.magentatext {
	font-size: 18px;
	color: #D1224D;
	font-weight: 600;
}
.magentatextlarge {
	font-size: 26px;
	color: #D1224D;
	font-weight: 600;
	margin-top: 5px;
}
.address {
	font-size: 14px;
	color: #805544;
	vertical-align: top;
	margin-left: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 500;
}
a.link {
	color : #805544;
	text-decoration : none
		}
a.link:Hover {
	color : #D1224D;
	text-decoration : none
}.testimonialcell {
	background-color: #D1224D;
	height: 340px;
	width: 380px;
	border: 1px solid #CCC;
	padding: 4px;
	font-size: 14px;
	color: #FFF;
	vertical-align: top;
}
.lefttext {
	font-size: 12px;
	font-smooth:always;
	color: #FFF;
	text-align: left;
	vertical-align: top;
	padding-top: 55px;
	line-height: normal;
}
.lefttext2 {
	font-size: 12px;
	font-smooth:always;
	color: #FFF;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
	line-height: normal;
}
.mainmagentaconf {
	position:relative;
	width: 944px;
	height: 600px;
	border: 8px solid #FFFFFF;
	background-color: #D1224D;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
.designby {
	padding-left: 15px;
	float: left;
	padding-top: 70px;
}
a.designby {
	color : #FFF;
	text-decoration : none
		}
a.designby:Hover {
	color : #A9735F;
	text-decoration : underline;
}.menulinks {
	font-size: 13px;
	color: #FFF;
	text-align: left;
	vertical-align: top;
	padding-top: 75px;
	text-indent: 30px;
	padding-left: 30px;
}
a.menulinks {
	color : #FFF;
	text-decoration : none
		}
a.menulinks:Hover {
	color : #FFF;
	text-decoration : underline;
	text-align: center;
}
#slideshow {
	position:relative;
	margin: 0 auto;
	width: 944px;
	height: 359px;
	border: 8px solid #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
.gallerybox {
	font-size: 12px;
	font-smooth:always;
	color: #FFF;
	text-align: right;
	vertical-align: top;
	padding-top: 10px;
	line-height: normal;
	margin-right: 10px;
	margin-left: auto;
}
.mainmagentagallery {
	position:relative;
	width: 944px;
	height: 570px;
	border: 8px solid #FFFFFF;
	background-color: #D1224D;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.mainmagentagalleryaccom{
	position:relative;
	width: 944px;
	height: 720px;
	border: 8px solid #FFFFFF;
	background-color: #D1224D;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.menubutton {
	background-image: url(../img/button.png);
	background-repeat: no-repeat;
	height: 56px;
	width: 200px;
	text-align: center;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.bookbutton {
	background-image: url(../img/book_button.png);
	background-repeat: no-repeat;
	height: 56px;
	width: 200px;
	text-align: center;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-position: bottom;
	margin-right: 20px;
	margin-left: auto;
}
.rates {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-indent: 15px;
}
.ratessmall {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-indent: 15px;
}
.whiteheadingsT {
	font-size: 22px;
	color: #FFF;
	text-indent: 120px;
	padding-left: 6px;
	padding-bottom: 16px;
	margin-right:auto;
	margin-left:20px;
}
#xmasmenu
{
    position: absolute;top: 12px;left: 660px; z-index:10;
	display: block;
	width: 267px;
	height: 77px;
	background: url(/assets/img/xmasmenu.png) no-repeat 0 0;
}

#xmasmenu:hover
{ 
  background-position: 0 -77px;
  cursor: hand;
  cursor: pointer;
}

#xmasmenu span
{
  display: none;
}