body{ background-image: url(../images/layout/bg-color-red.jpg); background-repeat: repeat; background-position: 100% top; }
html,body{margin:0;padding:0}
/****** start of base css *****/

body {font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif ; font-size:11px; /*** Don't change this setting. Make all other font-sizes in % (preferred) or ems ***/
color:#000; line-height: 16px; }

a { color: #696979; font-size: 11px; text-decoration: none; }
a.white:link { color: #f7eeda; font-size: 11px; text-decoration: none; }
a:visited {
	}
a:active {
	}
a:hover { color: #a59a77; text-decoration: none; }
strong{ color: #696979; font-size: 12px; font-weight: bold; }
b { color: #253f20; font-size: 11px; font-weight: bold; }
em { font-size: 10px; font-style: italic; }
small { font-size: 10px; font-weight: normal; font-style: normal; }
hr {
	margin: 0 0 0 20px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #aaa091; /* for everyone else */
	height: 1px;
	}
br { margin: 0; padding-top: 50px; }
p { font-size: 12px; line-height: 18px; margin-top: 0; margin-bottom: 0; }
ul { margin: 12px 30px; }
li { color: #955539; font-size: 12px; line-height: 16px; margin-top: 10px; margin-bottom: 10px; display: block; white-space: normal; }
img {
	border: 0;
	}
tr { border-style: none; outline-style: none; }
table { color: #aaa091; border-style: none; outline-style: none; }
td { border-bottom: 1px solid #91a9b5; border-top-style: none; border-right-style: none; outline-style: none; }
h1{ color: #955539; font-size: 16px; font-weight: bold; margin-left: 20px; }
h2{ color: #aaa091; font-size: 14px; font-weight: bold; margin-left: 20px; }

h3{font-size: 13px; font-weight: bold; margin-left: 20px; }
h3.gray{ color: #aaa; font-size: 13px; font-weight: bold; margin-left: 20px; }
h3.blue{ color: #696979; font-size: 13px; font-weight: bold; margin-left: 20px; }
h3.red{ color: #955539; font-size: 13px; font-weight: bold; margin-left: 20px; }
h3.grn{ color: #859275; font-size: 13px; font-weight: bold; margin-left: 20px; }

h4{ color: #696979; font-size: 12px; font-weight: bold; margin-left: 20px; }
h4.red{ color: #955539; font-size: 12px; font-weight: bold; margin-left: 20px; }
h5{ color: #696979; font-size: 11px; font-weight: bold; margin-left: 20px; }
.clear {
  clear:both;
  margin-bottom: -1px; /* for Gecko-based browsers */
  overflow:hidden;
  padding-bottom: 1px; /* for Gecko-based browsers */
}
.clearfix:after {
  clear: both; 
  content: "."; 
  display: block; 
  height: 0; 
  visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* start of main layout area */

#container{ background-image: url(../images/layout/page-tile.jpg); background-repeat: repeat-y; background-attachment: scroll; background-position: 100% top; position: relative; float:left; width:100%; height: auto; z-index: 30; min-height: 726px; max-width: 1024px; }

#header { background-color: transparent; position: absolute; top: 20px; height: 150px; z-index: 99; margin-left: 8%; }
#header h1{ background-image: url(../images/layout/logo.png); background-repeat: no-repeat; background-position: 0 20px; text-indent: -9999px; position: relative; width: 1024px; height: 150px; z-index: 99; margin-top: 0; margin-left: 8%; padding-top: 0; }
#wrapper{ background-image: url(../images/layout/main-bkgrnd4.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 100% top; top: 0; left: 0; float:left; width:100%; z-index: 10; min-height: 726px; max-width: 1024px; }
#content{ background-color: #f8f8f8; min-height: 650px; margin: 150px 383px 0 70px;}
* html #content{ background-color: #fff7f7;}
#left-col{ background-image: url(../images/layout/page-edge-left.jpg); background-repeat: repeat-y; background-attachment: scroll; top: 150px; float:left; width:70px; z-index: 20; min-height: 621px; margin-top: 150px; margin-left: -100%; }
#right-col{ background-color: transparent; position: relative; float:left; width:383px; z-index: 20; min-height: 621px; margin-top: 150px; margin-left:-383px;}
* html #left-col{ height: 621px; }
#footer{ background-image: url(../images/layout/footer.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 100% 0; position: relative; clear:left; width:100%; height: 76px; z-index: 30; }


#second-menu{ font-size: 11px; position: relative; left: 0; width: 100%; height: auto; z-index: 60; }
#content p { color: #253f20; font-size: 12px; line-height: 22px; z-index: 40; margin-top: 12px; margin-right: 0; margin-left: 20px; }
#content p.menu { color: #253f20; font-size: 12px; line-height: 16px; z-index: 40; margin-top: 0; margin-left: 20px; }
#navcontainer{ font-size: 9px; position: relative; top: 125px; left: 175px; width: 170px; height: 247px; padding-top: 15px; padding-left: 10px; }
* html #navcontainer{ width: 180px; }
#navcontainer2 { background-color: transparent; position: relative; top: 315px; right: 0; width: 334px; height: 50px; float: right; border-top: 1px solid #91a9b5; font-size: 10px; text-align: center; }
#navlist{ background-color: transparent; width: auto; margin-left: -32px; }
#navlist ul, #navlist li
{ color: #696979; font-size: 10px; font-weight: normal; font-style: normal; line-height: 16px; text-align: center; margin-top: 5px; margin-bottom: 5px; display: block; list-style-type: none; list-style-image: none; }

#navlist li a { color: #696979; font-size: 10px; font-weight: normal; line-height: 15px; text-decoration: none; }


#navlist a:hover { color: #4f4f4f; font-weight: normal; background-color: #859275; padding-right: 3px; padding-left: 3px; }
#navlist a.current {color: #fefefe; background-color: #859275; padding-right: 5px; padding-left: 5px; }
* html #navlist a:hover { padding-right: 3px; padding-left: 3px; }
* html #navlist a.current { color: #fefefe; background-color: #859275; padding-right: 3px; padding-left: 3px; }
* html #navlist {width: auto; margin-left: 10px; padding-top: 10px;}

#navlist2{ background-color: transparent; width: auto; margin-left: 0; font-size: 9px;}
* html #navlist2 {width: auto; margin-left: 32px;}

#navlist2 ul
{
list-style-type: none;
text-align: center;
padding: 0;
position: relative;
z-index: 2;
font-size: 9px;
}

#navlist2 li
{ display: inline; text-align: left; font-size: 9px;}

#navlist2 li a
{ color: #fff; font-size: 10px; font-weight: normal; font-style: normal; line-height: 12px; text-decoration: none; padding-right: 7px; }

#navlist2 li a:hover
{ color: #91a9b5; font-weight: normal; border-bottom: 1px solid #91a9b5; }

#navlist2 li a#current
{ color: #000; font-weight: normal; border-top: 1px solid #839ba5; font-size: 10px;}

/***** navigation *****/
#sub-navcontainer { width: auto; height: 50px; z-index: 30; float: left; margin-left: 20px; }
#sub-navlist
{ font-size: 10px; line-height: 24px; width: auto; margin: 0; padding: 5px 0 0; }
#sub-navlist ul, #sub-navlist li
{ color: #955539; font-size: 10px; line-height: 30px; padding-right: 3px; padding-left: 3px; display: inline; list-style-type: none; }
#sub-navlist li a, #sub-navlist a:visited
{ color: #95a091; font-size: 10px; margin: 0 5px; text-decoration: none; padding-top: 5px; }
#sub-navlist li a#current, #sub-navlist li a:visited#current, #sub-navlist li a:hover
{ padding-top: 8px; padding-bottom: 0; }
#sub-navlist li a:hover { color: #000; }
#sub-navlist a.current { color: #696979; border-bottom: 1px solid #859275; }
* html #sub-navlist { width: auto; padding-top: 10px; }


#sub-navcontainer2 { position: relative; top: 0; left: 0; width: auto; height: 18px; z-index: 30; float: left; margin-bottom: 20px; }
#sub-navlist2
{ font-size: 11px; width: auto; margin: 0 30px; padding-right: 0; padding-left: 0; }
#sub-navlist2 ul, #sub-navlist2 li
{ color: #955539; font-size: 11px; line-height: 16px; padding-right: 4px; padding-left: 4px; display: inline; list-style-type: none; }
#sub-navlist2 li a, #sub-navlist2 a:visited
{ color: #955539; font-size: 11px; margin: 0 8px; text-decoration: none; }
#sub-navlist2 li a#current, #sub-navlist2 li a:visited#current, #sub-navlist2 li a:hover
{ padding-top: 1px; }
#sub-navlist2 li a:hover { color: #000; }
#sub-navlist2 a.current { color: #696979; border-bottom: 1px solid #859275; }

#footer ul
{
list-style-type: none;
text-align: center;
padding: 0;
position: relative;
z-index: 2;
}

#footer li
{ display: inline; text-align: center; }

#footer li a
{ color: #fff; font-size: 11px; text-decoration: none; margin-right: 8px; }

#footer li a:hover
{ color: #91a9b5; border-bottom: 1px solid #91a9b5; }

#footer li a#current
{ color: #000; border-top: 1px solid #839ba5; }
#footer p { font-size: 11px; line-height: 15px; text-align: left; margin-right: 0; margin-left: 5%; padding-bottom: 5px; }

/** main section titles **/
h1.welcome { background: url(../images/headings/welcome.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.about { background: url(../images/headings/about-us.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.lodging { background: url(../images/headings/lodging.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.day-visits { background: url(../images/headings/day-visits.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.spa { background: url(../images/headings/lakeside-spa.gif) no-repeat left center; text-indent: -100em; position: relative; width: 398px; height: 26px; z-index: 40; margin-left: 20px; }
h1.cuisine { background: url(../images/headings/cuisine.gif) no-repeat left center; text-indent: -100em; position: relative; width: 398px; height: 26px; z-index: 40; margin-left: 20px; }
h1.recreation { background: url(../images/headings/recreation.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.events { background: url(../images/headings/special-events.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.contact { background: url(../images/headings/contact.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }

/** sub section titles **/
h1.history { background: url(../images/headings/history.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.awards { background: url(../images/headings/awards.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.resort-facts { background: url(../images/headings/resort-facts.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.location { background: url(../images/headings/location.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.weather { background: url(../images/headings/weather.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.faqs { background: url(../images/headings/faqs.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.photo-gallery { background: url(../images/headings/photo-gallery.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.request-brochure { background: url(../images/headings/request-brochure.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.request-reservation { background: url(../images/headings/request-reservation.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.resort-grounds { background: url(../images/headings/resort-grounds.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.cabins { background: url(../images/headings/the-cabins.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.overnights { background: url(../images/headings/overnights.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.overnight-packages { background: url(../images/headings/overnight-packages.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.escapes { background: url(../images/headings/escapes.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.yoga { background: url(../images/headings/yoga.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.massage { background: url(../images/headings/massage.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.eastern-therapies { background: url(../images/headings/eastern-therapies.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.skin-treatments { background: url(../images/headings/skin-treatments.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.aromatherapy { background: url(../images/headings/aromatherapy-facials.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.energy-therapies { background: url(../images/headings/energy-based.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.spa-store { background: url(../images/headings/spa-store.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }

h1.alices { background: url(../images/headings/alices.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.menu { background: url(../images/headings/menu.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.wine-list { background: url(../images/headings/wine-list.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.private-dining { background: url(../images/headings/private-dining.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.culinary-team { background: url(../images/headings/culinary-team.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.group-getaways { background: url(../images/headings/group-getaways.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.weddings { background: url(../images/headings/weddings.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.family { background: url(../images/headings/family.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.corporate { background: url(../images/headings/corporate.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.seasonal { background: url(../images/headings/seasonal-specials.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.spa-packages { background: url(../images/headings/spa-packages.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }
h1.enhancements { background: url(../images/headings/enhancements.gif) no-repeat left center; text-indent: -100em; width: 398px; height: 26px; z-index: 40; margin-left: 20px; padding-top: 26px; }

img.floatleft{float:left; margin:20px 30px 40px 0;}
img.floatright{ float:right; margin: 20px 0 60px 10px; }
img.cabin-image{ float:right; margin: 10px 0 10px 10px; }

.quote-left { background-image: url(../images/layout/left-quote.gif);no-repeat left center; background-repeat: no-repeat; background-attachment: scroll; background-position: left center; text-indent: -100em; position: relative; width: 25px; height: 25px; z-index: 60; }
.quote-right { background-image: url(../images/layout/right-quote.gif); background-repeat:no-repeat left center; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; text-indent: -100em; position: relative; width: 25px; height: 25px; z-index: 60; }

#content p.quote{ color: #696979; font-size:15px; font-family: Georgia, Palatino, Baskerville, serif; font-style: italic; line-height: 25px; margin-top: -60px; margin-bottom: -60px; padding: 50px 30px; }

#content td { padding-top: 8px; padding-bottom: 8px; padding-left: 0; border-bottom: 1px solid #f3e5cf; border-top-style: none; border-right-style: none; outline-style: none; }
.contentdiv{
	margin: 0 15px 0 0;
}
.contentbody { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; text-align: justify; margin: 0; padding: 0 0 30px 10px;  }

/**** form style ****/
form{
	margin: 0;
	text-align: left;
}
.formfield   { color: #494949; font-size: 12px; font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, "Lucida Sans", Tahoma, Sans-Serif; margin: 0 0 2px; height: 20px; border-style: solid; border-width: 1px; border-color: #868686 #d4d2cf #d4d2cf #868686  }
.formfield:focus{
	border: 1px solid black;
}
.formbutton{
	font-size: 11px;
	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
	margin: 1px 0 0 0;
	padding: 1px 10px;
	color: #494949;
	background: white;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
}
textarea{
	overflow: hidden;
}
.commentform .formfield, .mailform .formfield{  }
.commentform textarea{ background: white no-repeat center; width: 300px; height: 200px; }
.contentbody img{  }
.c_commentbody{ background-color: transparent; padding: 0 0 5px; }
.commentform, .mailform{
	padding: 10px 20px;
}
.divaddcomment .contentbody{ background-color: transparent; background-image: none; }
.divaddcomment form, .divsendmessage form { background-color: transparent; background-image: none; width: 390px; }
h2.addcomment    { font-size: 1px; line-height: 25px; background-image: none; text-indent: -10000px }


/**** gallery display ***/

#imagecontainer{ position: relative; top: 325px; right: 50px; width: 382px; height: 400px; }
#imagecontainer p{ margin-top: 200px; margin-left: 50px; padding-left: 90px; }
.thumb-box { padding-left: 20px; }
.section{ margin-left: 60px; padding-top: 0; padding-right: 0; padding-left: 0; }
.notation{ color: black; font-size: 10px; font-weight: bold; font-style: normal; text-align: right; margin-left: 20px; }

.first{ border-top: none; }

.thumbnail{ float: left; padding: 3px 0 10px 10px; border-style: none; }	

.thumbnail img{ padding: 2px; border: solid 1px #77713b; }

.caption{ font-size: 11px; font-weight: bold; margin-top: -5px; margin-left: 20px; padding-top: 0; padding-bottom: 0; }
.sub-link{ color: #91a9b5; font-size: 10px; margin-right: 2px; margin-left:1px; padding: 0; }
.textwhite{ color: #ffffff; }
.textblue{ color: #696979; }
.textgreen{ color: #859275; }
.textred{ color: #955539; }
.textltblue{ color: #91a9b5; }
.price{ color: #955539; text-align: right; float: right; }
.hide{ position: inherit; z-index: 1; visibility: hidden; }
.unhide{ position: inherit; z-index: 200; visibility: visible; }