/* =================================== */
/* /css/global.css */
/* ----------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,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 {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

.clr {
  clear: both;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */

html {
	overflow: auto;
}

body {
	background-color: #fffcf4;
	/* background: #fffcf4 url(/i/loadinfo.net.gif) 50% 50px no-repeat; */
	font-family: "Trebuchet MS", sans-serif;
	font-size: 13px;
	/*overflow: hidden;*/
	position: relative;
	
}

a {
	text-decoration: none;
	color: #6d180b;
}

#load-animation {

	position: relative;
  display: table;
  margin: 0 auto;
  background: transparent url(/i/loading.png) 50% 0px no-repeat;
	width: 776px;
	height: 300px;
	top: 0px;
}
#load-animation img {
  position: relative;
  left: 364px;
  top: 200px;
}
#width {
	width: 1020px;
	margin: 0 auto;
	position: relative;
	left: 0px;
}

#slideshow, #moreinfo, #nav.top {
	background-color: #fffaed;
}

#slides {
  height: 500px;
  padding-left: 0px;
  position: relative;
  left: 0px;
}
#slides .fading {
  position: absolute;
  top: 0; left: 0;
  width: 1020px;
  height: 500px;
  background-repeat: no-repeat;
}

.welcome #slides {
  height: 535px;
  left: 0;
}
.welcome #slides .fading {
  width: 1020px;
  height: 535px;
}

#slides .fading h1,
#slides .fading h2,
#slides .fading h3 {
  position: absolute;
  top: 0; left: 0;
  text-indent: -9000px;
}
.welcome #slides .fading h1,
.welcome #slides .fading h2,
.welcome #slides .fading h3 {
  background: transparent url(/i/welcome-titles-3.png) 0px 0px no-repeat;
  width: 492px;
}

.welcome #slides .fading h2 {
  height: 42px;
}

.welcome #slides .fading h3 {
  height: 28px;
}

.welcome #slides .fading.indulge h2 { left: 13px; top: 22px; height: 74px; }
.welcome #slides .fading.indulge h3 { background-position: 0px -113px; height: 37px; left: 375px; top: 122px; }

.welcome #slides .fading.relaxation h2 { background-position: 0px -170px; left: 46px; top: 63px; }
.welcome #slides .fading.relaxation h3 { background-position: 0px -219px; left: 129px; top: 112px; }

.welcome #slides .fading.taste h2 { background-position: 0px -279px; left: 50px; top: 235px; }
.welcome #slides .fading.taste h3 { background-position: 0px -331px; left: 599px; top: 444px;  width: 372px; }

.welcome #slides .fading.fun h2 { background-position: 0px -388px; left: 229px; top: 141px; }
.welcome #slides .fading.fun h3 { background-position: 0px -436px; left: 441px; top: 189px; }

.welcome #slides .fading.style h2 { background-position: 0px -485px; left: 216px; top: 127px; }
.welcome #slides .fading.style h3 { background-position: 0px -535px; left: 365px; top: 177px; }

.welcome #slides .fading.togetherness h2 { background-position: 0px -604px; left: 45px; top: 162px; }
.welcome #slides .fading.togetherness h3 { background-position: 0px -657px; left: 232px; top: 215px;}

.welcome #slides .fading.space h2 { background-position: 0px -695px; left: 39px; top: 405px; }
.welcome #slides .fading.space h3 { background-position: 0px -744px; left: 141px; top: 448px; }



.subtitle {
	height: 35px;
	font-size: 14px;
	color: #6d180b;
	position: relative;
	background: transparent url(/i/scroll_subtitle.png) 28px top no-repeat;
}
.subtitle p {
	position: absolute;
	
}
.subtitle p.title {
  font-style: normal;
  left: 10px;
  top: 10px;
  width: 1000px;
}
.subtitle p.title span {
  color: #888;
  position: absolute;
  right: 0px;
  font-size: 0.9em;
  font-style: italic;
}
.subtitle p.moreinfo {
	right: 0px;
	top: -35px;
	width: 175px;
	height: 35px;
	background: transparent url('/i/image-overlay-bg.png') left top no-repeat;
  display: table;
}
.subtitle p.moreinfo a {
	/* text-indent: -9000px; */
	display: table-cell;
  color: #fff;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  padding-left: 13px;
}
.subtitle p.moreinfo a span {
	background: transparent url('/i/more-arrow.png') left top no-repeat;
  left: 11px;
  top: 9px;
  width: 17px;
  height: 19px;
  display: block;
  position: absolute;
  opacity: 0.7;
}
.subtitle p.moreinfo:hover a span,
.subtitle p.moreinfo a:hover span {
  opacity: 1.0;
}
.subtitle p.moreinfo a:hover {
	/* background-position: left -60px */
}

#moreinfo {
	/* padding-top: 70px; */
	/* background-image: url(/i/moreinfo_top.png); */
	/* background-repeat: no-repeat; */
	/* background-position: center top; */
	color: #777;
	margin-bottom: 100px;
}
#moreinfo p {
	margin-bottom: 15px;
}

#moreinfo h2,
#moreinfo h3 {
	font-size: 28px;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 27px;
	font-style: italic;
	color: #888;
	
}
#moreinfo h3 {
	font-size: 18px;
}

#moreinfo .pages {
	width: 794px;
	padding: 0 16px 20px 16px;
	overflow: hidden;
	position: relative;
	left: 113px;
}

#moreinfo .pages .page {
	width: 762px;
	float: left;
	margin-right: 70px;
	background-color: #fffaed;
	/* padding-top: 20px; */
}

#moreinfo .pages .page  p strong {
	font-weight: bold;
}
#moreinfo .pages .page  p em {
	font-style: italic;
}
#moreinfo .scrollwork {
	width: 1020px;
	height: 52px;
	background-image: url(/i/moreinfo_bottom.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#moreinfo .scrollwork.top {
	background-image: url(/i/moreinfo_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 70px;
}
#moreinfo .bottom .scrollwork.top {
	display: none;
}
#moreinfo .page .block {
	margin-bottom: 12px;
}

#moreinfo .page .block:after {
    content: ".";
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#moreinfo .page .block {display: inline-table;}

/* Hides from IE-mac \*/
* html #moreinfo .page .block {height: 1px;}
#moreinfo .page .block {display: block;}
/* End hide from IE-mac */


#moreinfo .page .block div {
	float: left;
}

#moreinfo .page .block .image {
	padding: 6px;
	background-color: #f8ecd6;
	left: -6px;
	position: relative;
	margin-right: 0px;
	top: -6px;
}
#moreinfo .page .block .image .corner {
	width: 24px;
	height: 24px;
	position: absolute;
	top: -6px;
	left: -6px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(/i/image_frame.png);
	z-index: 0;
  display: none;
}
#moreinfo .page .block div.image img {
	position: relative;
	z-index: 10;
}

#moreinfo .page .block div.image .corner.tr {
	background-position: right 0px;
	left: auto;
	right: -6px;
}
#moreinfo .page .block div.image .corner.bl {
	background-position: left bottom;
	left: -6px;
	top: auto;
	bottom: -6px;
}

#moreinfo .page .block div.image .corner.br {
	background-position: right bottom;
	left: auto;
	right: -6px;
	top: auto;
	bottom: -6px;

}

#moreinfo .page .block .text {
	width: 348px;
}

#moreinfo .page .block.portrait .image {
	float: left;
	margin-left: 20px;
	margin-right: 0px;
	left: -6px;
}

#moreinfo .page .block.portrait .text {
	float: left;
	width: 380px  !important;
}

#moreinfo .page .block.wide .text {
	/*width: 406px;*/
	width: 380px;
}

#moreinfo .page .block.wide.multi  {
	width: 772px;
}
#moreinfo .forwardback {
	/* background: transparent url(/i/bottom-sub-nav.png) left -9px no-repeat; */
	position: relative;
	font-size: 12px;
	padding-top: 0px;
  top: 20px;
	height: 22px;
	margin-bottom: 0;
	display: table;
	margin: 0 auto 50px auto;
	width: 763px;
}

#moreinfo .bottom .forwardback {
	/* background-position: left top; */
	padding-top: 13px;
	height: 26px;
	margin: 0px auto 50px auto;
  position: relative;
}
#moreinfo .forwardback .paging {
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 100;
  width: 100%;
}

#moreinfo .forwardback .paging a:hover {
  text-decoration: underline;
}
#moreinfo .bottom .forwardback .paging {
  top: 13px;
}

#moreinfo  .forwardback .paging a {
  display: block;
  position: absolute;
  text-align: center;
  padding: 9px 0 0 0;
  height: 21px;
	background-color: #f8ecd6;
  font-weight: bold;
}

#moreinfo  .forwardback .paging a span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  height: 100%;
	background: transparent url(/i/back-fwd-ends.png) left top no-repeat;
}
#moreinfo  .forwardback .paging a span.r {
  background-position: -96px top;
  left: auto;
  right: 0;
}
#moreinfo .forwardback .paging .right {
	position: absolute;
  right: 0;
  padding-left: 19px;
  padding-right: 37px;
}
#moreinfo .forwardback .paging .left {
	position: absolute;
	left: 0;
  padding-right: 19px;
  padding-left: 37px;
}

#moreinfo  .forwardback .paging a.left span.l {
  width: 27px;
}
#moreinfo  .forwardback .paging a.right span.r {
  width: 27px;
  background-position: -78px top;
}
#moreinfo .forwardback p.return {
	/* font-size: 11px; */
	text-align: center;
	padding-right: 12px;
  z-index: 0;
  position: relative;
  top: 11px;
}

#moreinfo .forwardback .return a {
	padding-left: 8px;
	/* background: transparent url('/i/link.png') left 4px no-repeat; */
  font-weight: bold;
}

#moreinfo .forwardback .return a:hover {
  text-decoration: underline;
}
#moreinfo .forwardback .return span {
	/* background: transparent url('/i/link.png') 1px -46px no-repeat; */
}

#width #audio {
  position: absolute;
  right: 15px;
}
.quote {
  margin: 40px 0;
}
.quote h4 {
  font-weight: normal;
  float: right;
}

.pages ol {
  list-style: decimal outside;
	padding-left: 28px;
	margin-bottom: 12px;
}
.pages .rates table {
	margin-bottom: 20px;
}
.pages .rates table td, 
.pages .rates table th {
	width: 110px;
	padding: 2px 0 2px 10px;
}
.pages .rates table th {
	font-weight: bold;
	background-color: #f8ecd6;
}
.pages .rates table tr.rates th {
	width: 150px;
}
.pages .rates .notes {
	margin-top: 20px;
	font-size: 0.8em !important;
}
.pages .rates .notes ol {
	list-style: decimal outside;
	padding-left: 0;
	line-height: 1.5;
}
#slideshow.gallery .subtitle {
	/* background-image: none; */
}
#slideshow.gallery .subtitle #gallery-window {
  position: relative;
  left: 22px;
  width: 975px;
  height: 34px;
  overflow: hidden;
}
#slideshow.gallery .subtitle .thumbnails {
	padding: 0 0 0 11px;
	background: transparent url(/i/thumb-start.png) left 11px no-repeat;
	display: table;
	margin: 0 auto;
	position: relative;
	height: 32px;
  white-space: nowrap
}
#slideshow.gallery .subtitle .thumbnails img {
	position: relative;
	top: 11px;
	padding-right: 15px;
	background: transparent url(/i/thumb-middle.png) right top no-repeat;
	cursor: pointer;
  display: inline;
}
#slideshow.gallery .subtitle .thumbnails img.last {
	padding-right: 10px;
	background-image: url(/i/thumb-end.png)
}

#slideshow.gallery .subtitle #gallery-window #thumb-active {
	position: absolute;
	left: 479px;
	top: 0;
	width: 19px;
	height: 11px;
	background: transparent url(/i/thumb-active.png) left top no-repeat;
}
a.showmoreinfo.inline {
  font-style: italic;
  margin-left: 10px;
  color: #666;

}
a.showmoreinfo.inline:hover {
  text-decoration: underline;
}
.ebrochure h4 {
  margin-bottom: 5px;
}
.ebrochure h4 em {
  font-style: normal;
  font-weight: normal;
}


/* =================================== */
/* /css/nav.css */
/* ----------------------------------- */

#nav {
	background: transparent url(/i/wood-1020.png) left top no-repeat;
	position: relative;
	width: 1020px;
	height: 51px;
	left: 0px;
	top: 0px;
}


#nav .filtered {
	width: 1020px;
	height: 51px;
}

#nav h1 {
	position: absolute;
	top: 12px;
	left: 17px;
}

#nav h1,
#nav h1 a {
	display: block;
	width: 224px;
	height: 24px;
	background: transparent url(/i/logo.gif) left top no-repeat;
}
#nav h1 a {
	text-indent: -8000px;
}
#nav ul {
	position: absolute;
	left: 333px;
	top: 10px
}

#nav ul li, 
#nav ul li a {
	position: absolute;
	width: 87px;
	height: 16px;
}

#nav ul li a {
	background-image: url(/i/sprite_nav.gif)
}

#nav ul li a {
	text-indent: -8000px;
}



#nav ul li.home {
	top: 0; left: 0;
}
#nav ul li.home a {
	background-position: -11px -13px;
}
#nav ul li.home a:hover {
	background-position: -11px -53px;
}
#nav ul li.home a.active:hover,
#nav ul li.home a.active {
	background-position: -11px -93px;
}

#nav ul li.philosophy {
	top: 0px; left: 72px;
}
#nav ul li.philosophy a {
	background-position: -155px -13px;
}
	#nav ul li.philosophy a:hover {
		background-position: -155px -53px;
	}
	#nav ul li.philosophy a.active:hover,
	#nav ul li.philosophy a.active {
		background-position: -155px -93px;
	}


#nav ul li.the-estate { top: 0px; left: 88px; }
#nav ul li.the-estate a {
	background-position: -335px -13px;
}
	#nav ul li.the-estate a:hover {
		background-position: -335px -53px;
	}
	#nav ul li.the-estate a.active:hover,
	#nav ul li.the-estate a.active {
		background-position: -335px -93px;
	}


#nav ul li.dining { top: 0px; left: 179px; }
#nav ul li.dining a {
	background-position: -513px -13px;
}
	#nav ul li.dining a:hover {
		background-position: -513px -53px;
	}
	#nav ul li.dining a.active:hover,
	#nav ul li.dining a.active {
		background-position: -513px -93px;
	}


#nav ul li.spa { top: 0px; left: 283px; }
#nav ul li.spa a {
	background-position: -11px -276px;
}
	#nav ul li.spa a:hover {
		background-position: -11px -316px;
	}
	#nav ul li.spa a.active:hover,
	#nav ul li.spa a.active {
		background-position: -11px -356px;
	}


#nav ul li.activities { top: 0px; left: 396px; }
#nav ul li.activities a {
	background-position: -155px -276px;
}
	#nav ul li.activities a:hover {
		background-position: -155px -316px;
	}
	#nav ul li.activities a.active:hover,
	#nav ul li.activities a.active {
		background-position: -155px -356px;
	}


#nav ul li.contact { top: 0px; left: 509px; }
#nav ul li.contact a {
	background-position: -335px -276px;
}
	#nav ul li.contact a:hover {
		background-position: -335px -316px;
	}
	#nav ul li.contact a.active:hover,
	#nav ul li.contact a.active {
		background-position: -335px -356px;
	}


#nav ul li.ebrochure { top: 0px; left: 580px; }
#nav ul li.ebrochure a {
	background-position: -513px -276px;
}
	#nav ul li.ebrochure a:hover {
		background-position: -513px -316px;
	}
	#nav ul li.ebrochure a.active:hover,
	#nav ul li.ebrochure a.active {
		background-position: -513px -356px;
	}



#nav ul li.suites { top: 18px; left: 0px; }
#nav ul li.suites a {
	background-position: -11px -145px;
}
	#nav ul li.suites a:hover {
		background-position: -11px -185px;
	}
	#nav ul li.suites a.active:hover,
	#nav ul li.suites a.active {
		background-position: -11px -225px;
	}


#nav ul li.amenities { top: 18px; left: 72px; }
#nav ul li.amenities a {
	background-position: -155px -145px;
}
	#nav ul li.amenities a:hover {
		background-position: -155px -185px;
	}
	#nav ul li.amenities a.active:hover,
	#nav ul li.amenities a.active {
		background-position: -155px -225px;
	}


#nav ul li.testimonials { top: 18px; left: 88px; }
#nav ul li.testimonials a {
	background-position: -335px -145px;
}
	#nav ul li.testimonials a:hover {
		background-position: -335px -185px;
	}
	#nav ul li.testimonials a.active:hover,
	#nav ul li.testimonials a.active {
		background-position: -335px -225px;
	}


#nav ul li.sustainability { top: 18px; left: 179px; }
#nav ul li.sustainability a {
	background-position: -513px -145px;
}
	#nav ul li.sustainability a:hover {
		background-position: -513px -185px;
	}
	#nav ul li.sustainability a.active:hover,
	#nav ul li.sustainability a.active {
		background-position: -513px -225px;
	}


#nav ul li.special-events { top: 18px; left: 283px; }
#nav ul li.special-events a {
	background-position: -11px -428px;
}
	#nav ul li.special-events a:hover {
		background-position: -11px -468px;
	}
	#nav ul li.special-events a.active:hover,
	#nav ul li.special-events a.active {
		background-position: -11px -508px;
	}


#nav ul li.getting-there{ top: 18px; left: 580px; }
#nav ul li.getting-there a {
	background-position: -155px -428px;
}
	#nav ul li.getting-there a:hover {
		background-position: -155px -468px;
	}
	#nav ul li.getting-there a.active:hover,
	#nav ul li.getting-there a.active {
		background-position: -155px -508px;
	}


#nav ul li.rates { top: 18px; left: 509px; }
#nav ul li.rates a {
	background-position: -335px -428px;
}
	#nav ul li.rates a:hover {
		background-position: -335px -468px;
	}
	#nav ul li.rates a.active:hover,
	#nav ul li.rates a.active {
		background-position: -335px -508px;
	}


#nav ul li.gallery { top: 18px; left: 394px; }
#nav ul li.gallery a {
	background-position: -513px -428px;
}
	#nav ul li.gallery a:hover {
		background-position: -513px -468px;
	}
	#nav ul li.gallery a.active:hover,
	#nav ul li.gallery a.active {
		background-position: -513px -508px;
	}



/* =================================== */
/* /css/sifr.css */
/* ----------------------------------- */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}