/* RESETS */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {font-size: 1em; font-weight: normal; font-style: normal;}
ul, ol {list-style: none;}
fieldset, img {border: none;}
caption, th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}

/* LAYOUT */
html, body {height: 100%;}
body {background: #b6b3b1; font: 62.5%/1.5em Helvetica, Arial, sans-serif; text-align: center;}

.guts {padding: 0 0 20px; margin: 0 auto; width: 855px; text-align: left;}

#container {min-height: 100%; _height: 100%; position: relative;}

#logo {height: 143px; background-color: #26231e;}
#logo .guts {height: 123px; position: relative;}
#logo h6, #logo h1 {width: 434px; height: 69px; position: absolute; top: 51px; left: 100px; background: url(/images/logo.gif) no-repeat; overflow: hidden; text-indent: -999em;}
#logo h6 a, #logo h1 a {width: 434px; height: 69px; display: block; position: absolute; top: 0; left: 0;}
#logo #languages {position: absolute; right: 0; bottom: 20px; font-size: 1.1em;}
#logo  li {display: inline; color: #DDD;}
#languages li { color: #DDD; display:list-item;}
#logo #languages li a {color: #DDD; text-decoration: none;}
#logo #languages li a:hover {color: #FFF;}

#header {margin: 0 0 30px; height: 262px; overflow: hidden; background: #8ea836 url(/images/bg_header.gif) repeat-y 50% 0;}

#navigation {padding: 0 0 50px 100px; width: 250px; float: left; text-transform: uppercase; font-size: 1.1em; line-height: 1.4545em;}
#navigation li {width: 250px; float: left; clear: left; position: relative;}
#navigation li li {width: 115px; margin: .5em 0; line-height: 1.2;}
#navigation li ul {padding: 0 20px 0 15px; width: 115px; position: absolute; right: 0; top: 0; z-index: 100; text-transform: lowercase;}
#navigation a {text-decoration: none; color: #333;}
#navigation a:hover, #navigation a.current {color: #FFF;}
#navigation li a {padding: .5em 0; width: 100px; display: block; float: left;}
#navigation li li a {width: auto; display: inline; float: none;}

#content {padding: 0 100px 20px 0; width: 405px; float: right; font-size: 1.3em; line-height: 1.2308em; color: #333;}
#content h1 {margin: 0 0 .5em; padding: 0; font-size: 1.5em; line-height: 1.2; text-transform: uppercase; color: #FFF;}
#content h2 {margin: 0 0 .5em; font-size: 1.2em; text-transform: uppercase; color: #FFF;}
#content ul, #content ol, #content p {margin-bottom: .8em;}
#content ul, #content ol {margin-left: 2em;}
#content ul {list-style: disc;}
#content li {margin-bottom: .4em;}
#content a {color: #EEE;}
#content em {font-style: italic;}
#content sup {font-size: .7em; line-height: 1;}

#content dt {text-transform: uppercase; font-size: .8em; color: #555;}
#content dd {margin: .2em 0;}

#footer {width: 100%; position: absolute; bottom: 0; *left: 0;}
#footer ul {padding: 0 0 20px 350px; *padding-bottom: 5px; width: 505px; margin: 0 auto;}
#footer li {float: left; white-space: nowrap;}
#footer li a {margin-right: 20px; display: block; text-transform: uppercase; text-decoration: none; color: #524c45;}
#footer a:hover, #footer li.current a {color: #FFF;}

/* SECTION SPECIFIC VARIATIONS AND STYLES */

#home #header {background: #ff7700 url(/images/bg_header_blue.gif) repeat-y 50% 0;}
#project #header {background-color: #1b325e; background-image: none;}
#architecture #header {background-color: #185e6e; background-image: none;}
#amenities #header {background-color: #8ea737; background-image: none;}
#pool #header {background-color: #1c335f;}
#spa #header {background-color: #83a925; background-image: none;}
#resort #header {background-color: #1c3160;}
#kitchen #header {background-color: #83a925; background-image: none;}
#bathrooms #header {background-image: url(/images/bg_header_lightblue.gif);}
#vacation #header {background-image: url(/images/bg_header_purple.gif);}
#area #header {background-color: #1e6975; background-image: none;}
#activities #header {background-color: #1c335f;}
#travel #header {background-color: #b72a18; background-image: none;}
#contact #header {background-image: url(/images/bg_header_purple.gif);}
#about #header {background-image: url(/images/bg_header_teal.gif);}
#news #header {background-color: #b72c17;}
#disclaimers #header {background-color: #ad9a5f; background-image: url(/images/bg_header_purple.gif);}
#gallery #header {background: #86a7ca;}

#content #thumbs,
#content #thumbs li {list-style-type: none; margin: 0; padding: 0;}
#content #thumbs {margin-bottom: 2em;}
#content #thumbs li {float: left; padding: 0 10px 10px 0;}
#content #thumbs img {display: block;}
/*#content #thumbs a img {border: 2px solid #b6b3b1;}
#content #thumbs a:hover img {border-color: #FFF;}*/

#cheater {display: none !important;}

/* TOOLS */
.clear-after:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear-after {display: inline-table;}
/* Hides from IE-mac \*/
.clear-after {display: block; *height: 1%;}
/* End hide from IE-mac */

.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

/* sIFR */

/* These are standard sIFR styles... do not modify */
.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 Customization */
.sIFR-active #content  h1 {
  visibility: hidden;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1em;
  font-size: 20px;
}