body {
background-color: #9fb4a9;
color: #fafcf1;
font: 11px/1.4em Arial, Helvetica, sans-serif;
text-align: center;
}
.popup {
background-color: #b5ac8a;
text-align: left;
}
#everything {
position: relative;
width: 1000px;
w\idth: 651px;
height: 837px;
he\ight: 605px;
margin: 0 auto;
padding: 232px 173px 0 176px;
background: url(background.jpg) no-repeat;
text-align: left;
}
h1 {
display: none;
}
#menu {
position: absolute;
left: 105px;
top: 106px;
margin: 0;
padding: 0;
width: 800px;
height: 12px;
overflow: hidden;
list-style: none;
}
#menu li {
float: left;
padding: 0 32px;
border-right: 1px solid #fff;
}
#location {
margin-right: 152px;
}
#menu #amenities, #menu #availabilities, #menu #contact {
padding: 0 24px;
border-left: 1px solid #fff;
border-right: none;
}
#menu a {
display: block;
height: 12px;
background-repeat: no-repeat;
text-indent: -999em;
}
#home a {
width: 34px;
background-image: url(menuhome.png);
}
#home a:hover, .home #home a {
background-image: url(menuhomeactive.png);
}
#history a {
width: 41px;
background-image: url(menuhistory.png);
}
#history a:hover, .history #history a {
background-image: url(menuhistoryactive.png);
}
#location a {
width: 49px;
background-image: url(menulocation.png);
}
#location a:hover, .location #location a {
background-image: url(menulocationactive.png);
}
#amenities a {
width: 55px;
background-image: url(menuamenities.png);
}
#amenities a:hover, .amenities #amenities a {
background-image: url(menuamenitiesactive.png);
}
#availabilities a {
width: 72px;
background-image: url(menuavailabilities.png);
}
#availabilities a:hover, .availabilities #availabilities a {
background-image: url(menuavailabilitiesactive.png);
}
#contact a {
width: 45px;
background-image: url(menucontact.png);
}
#contact a:hover, .contact #contact a {
background-image: url(menucontactactive.png);
}
h2 {
position: absolute;
left: 173px;
top: 181px;
margin: 0;
width: 651px;
height: 39px;
background-repeat: no-repeat;
text-indent: -999em;
}
.history h2 {
background-image: url(history.png);
}
.location h2 {
background-image: url(location.png);
}
.amenities h2 {
background-image: url(amenities.png);
}
.availabilities h2 {
background-image: url(availabilities.png);
}
.contact h2 {
background-image: url(contact.png);
}
.history h2 {
background-image: url(history.png);
}
#content {
padding: 20px 20px 20px 262px;
height: 362px;
he\ight: 322px;
overflow: auto;
background: #b5ac8a;
scrollbar-arrow-color: #b4ac87;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #6c6751;
scrollbar-face-color: #b4ac87;
scrollbar-highlight-color: #c9c3a8;
scrollbar-shadow-color: #9a9373;
scrollbar-track-color: #c9c4a2;
}
h3, p, ul, dt {
margin: 0 0 1em;
}
h3 {
font-size: 1em;
font-weight: normal;
}
p {
text-indent: 40px;
}
.availabilities p {
text-indent: 0;
text-align: center;
}
.contact p {
clear: left;
padding-top: 1em;
border-top: 1px solid #fff;
text-indent: 0;
line-height: 2em;
}
a {
color: #6e3a1e;
text-decoration: none;
}
ul, ol {
padding-left: 2.25ex;
}
table {
width: 100%;
}
th {
font-weight: normal;
text-align: center;
}
.contact dl {
float: left;
margin-right: 20px;
white-space: nowrap;
}
dd {
margin: 0;
}
input, select, textarea {
border: none;
background-color: #c9c4a2;
}
img {
position: absolute;
left: 177px;
top: 233px;
}
a img {
border: none;
}
.home img, #content img, .popup img {
position: static;
}
#formore {
margin-top: 40px;
color: #000;
text-align: center;
}
#copyright {
margin-top: 40px;
color: #6e3a1e;
text-align: center;
}