/* reset.css Yahoo */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}
/* base.css, part of YUI's CSS Foundation */
h1 {
/*18px via YUI Fonts CSS foundation*/
font-size:138.5%;
}
h2 {
/*16px via YUI Fonts CSS foundation*/
font-size:123.1%;
}
h3 {
/*14px via YUI Fonts CSS foundation*/
font-size:108%;
}
h1,h2,h3 {
/* top & bottom margin based on font size */
margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
/*bringing boldness back to headers and the strong element*/
font-weight:bold;
}
abbr,acronym {
/*indicating to users that more info is available */
border-bottom:1px dotted #000;
cursor:help;
}
em {
/*bringing italics back to the em element*/
font-style:italic;
}
del {
text-decoration:line-through;
}
blockquote,ul,ol,dl {
/*giving blockquotes and lists room to breath*/
margin:1em;
}
ol,ul,dl {
/*bringing lists on to the page with breathing room */
margin-left:2em;
}
ol li {
/*giving OL's LIs generated numbers*/
list-style: decimal outside;
}
ul li {
/*giving UL's LIs generated disc markers*/
list-style: disc outside;
}
dl dd {
/*giving UL's LIs generated numbers*/
margin-left:1em;
}
th,td {
/*borders and padding to make the table readable*/
border:1px solid #000;
padding:.5em;
}
th {
/*distinguishing table headers from data cells*/
font-weight:bold;
text-align:center;
}
caption {
/*coordinated margin to match cell's padding*/
margin-bottom:.5em;
/*centered so it doesn't blend in to other content*/
text-align:center;
}
p,fieldset,table,pre {
/*so things don't run into each other*/
margin-bottom:1em;
}
/* setting a consistent width, 160px;
control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { *display: block; *zoom: 1; } /* for IE/Mac */
/* Page stuff */
html { font-family: Helvetica, Arial, sans-serif; }
html, body { background: #fdf4eb; }
.page { width: 954px; margin: 0 auto; position: relative; color: #cc9966;}
.content { background: #FFF url(../img/bg.png) no-repeat; color: #555555; border-top: 1px solid #fdf4eb; position: relative; padding: 0 0 40px 30px; }
a { color: #808080; text-decoration: none; }
a:hover { text-decoration:underline; }
/* header */
.site-header { background: url(../img/h1.png); height: 64px; width: 404px; }
.img-header { text-indent: -999em; overflow: hidden; margin: 0; padding: 0; display: block; }
.location { position: absolute; top: 40px; right: 8px; font-size: 12px; }
/* menu */
.menu { margin: 0; padding-bottom: 42px; background: url(../img/bg-menu.png) bottom left no-repeat; border-top: 1px solid #fff; }
.menu-wrapper { float: left; margin: 30px 30px 0px 0; padding-top: 18px; background: url(../img/bg-menu.png) no-repeat; width: 215px; }
.menu li { margin-top: 17px; color: #ab9989; text-transform: uppercase; list-style: none; font-size: 12px; }
.menu .header { margin-top: 25px; color: #cc9966; font-size: 15px; }
.menu a { color: #ab9989; text-decoration: none; }
.menu a:hover { text-decoration: underline; }
.menu .active a { color: #76736e; padding-left: 20px; }
.menu .address { text-transform: none; line-height: 16px; color: #b3b3b3; }
.menu .address a { color: #b3b3b3; }
.info { float: left; width: 641px; font-size: 13px; line-height: 17px; padding-top: 64px; }
img.photo { padding-bottom: 20px; }
.info h1 { padding-bottom: 7px; }
/* footer */
.footer { text-align: center; line-height:16px; padding: 14px 10px 25px; color: #a6a4a3; font-size: 12px; }
/* share */
.share { /*width:270px;*/ position: relative; /*top: 23px; left: 647px;*/ color: #B3B3B3; font-size: 13px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; text-align:right;clear:both;}
.share img { vertical-align: text-bottom; }
/* headers */
.page-header { height: 42px; margin: 0; padding: 7px 0 0 0; font-family: Garamond, Times, serif; color: #ab9989; font-weight: normal; font-size: 33px; background: url(../img/h1-bg.png) repeat-x; }
.page-header span { background: #fff; padding-right: 20px; }
/*
.homepage-header { background: url(../img/h1-homepage.png) no-repeat; }
.about-header { background: url(../img/h1-about.png) no-repeat; }
.accommodation-header { background: url(../img/h1-accommodation.png) no-repeat; }
.amenities-header { background: url(../img/h1-amenities.png) no-repeat; }
.dream-header { background: url(../img/h1-dream.png) no-repeat; }
.history-header { background: url(../img/h1-history.png) no-repeat; }
.isla-header { background: url(../img/h1-isla.png) no-repeat; }
.rates-header { background: url(../img/h1-rates.png) no-repeat; }
.why-header { background: url(../img/h1-why.png) no-repeat; }
.photo-header { background: url(../img/h1-photo.png) no-repeat; }
*/
/* photo gallery */
.thumb { padding: 0 4px 4px 0; cursor: pointer; }
.thumbs { margin-right: -7px; }
#photo .photo { padding-bottom: 15px; }
.photo-description { padding-bottom: 10px; }