body {
margin: 0;
padding: 53px 0 0;
background: #392825 url(background.jpg) 50% 0 repeat-x;
color: #52463b;
font: 11px/1.4em Verdana, Tahoma, "Myriad Web", Arial, Helvetica, sans-serif;
text-align: center;
}
h1, #sanjuan {
display: none;
}
#everything {
position: relative;
margin: 0 auto;
width: 585px;
height: 665px;
background: #ceb79a url(frame.jpg);
text-align: left;
}
.home #everything {
background-image: url(framehome.jpg);
}
#menu {
position: absolute;
left: 12px;
top: 118px;
margin: 0;
padding: 0;
list-style-type: none;
}
#menu li {
float: left;
padding: 0;
border-right: 1px solid #f8e7c1;
background: -999em -999em no-repeat;
}
a {
outline: none;
color: #52463b;
font-weight: bold;
text-decoration: none;
}
#menu a {
display: block;
height: 13px;
background: 50% 50% no-repeat;
text-indent: -999em;
line-height: 7px;
}
#home a {
width: 87px;
background-image: url(menuhome.png);
}
#home, .home #home a, #home a:hover {
background-image: url(menuhomeactive.png);
}
#location a {
width: 112px;
background-image: url(menulocation.png);
}
#location, .location #location a, #location a:hover {
background-image: url(menulocationactive.png);
}
#features a {
width: 112px;
background-image: url(menufeatures.png);
}
#features, .features #features a, #features a:hover {
background-image: url(menufeaturesactive.png);
}
#availabilities a {
width: 137px;
background-image: url(menuavailabilities.png);
}
#availabilities, .availabilities #availabilities a, #availabilities a:hover {
background-image: url(menuavailabilitiesactive.png);
}
#menu #contact {
border-right: none;
}
#contact a {
width: 109px;
background-image: url(menucontact.png);
}
#contact, .contact #contact a, #contact a:hover {
background-image: url(menucontactactive.png);
}
#home1, #home2, #location1, #location2 {
position: absolute;
border: 1px solid #000;
}
#home1 {
w\idth: 339px;
width: 337px;
he\ight: 260px;
height: 258px;
left: 197px;
top: 170px;
}
#home2 {
left: 51px;
top: 229px;
}
#location1 {
left: 90px;
top: 223px;
}
#location2 {
left: 300px;
top: 184px;
}
#address {
position: absolute;
left: 321px;
top: 344px;
background: url(clickformapactive.png) -999em -999em no-repeat;
}
#address a {
display: block;
margin: 19px;
width: 119px;
height: 23px;
background-image: url(clickformap.png);
text-indent: -999em;
}
#address a:hover, #address a:active {
background-image: url(clickformapactive.png);
}
h3 {
margin: 0;
height: 28px;
background: 0 50% no-repeat;
text-indent: -999em;
}
.home h3 {
background-image: url(featuring.png);
}
.location h3 {
background-image: url(uniquelylocated.png);
}
.features h3 {
background-image: url(propertyfeatures.png);
}
.availabilities h3 {
background-image: url(currentavailabilities.png);
}
.contact h3 {
border: 1px solid #000;
width: 356px;
w\idth: 354px;
height: 27px;
he\ight: 25px;
background-image: url(contactus.jpg);
}
#content {
position: absolute;
left: 100px;
top: 210px;
width: 411px;
height: 370px;
overflow: auto;
scrollbar-arrow-color: #8c7763;
scrollbar-3dlight-color: #a79687;
scrollbar-darkshadow-color: #635446;
scrollbar-face-color: #8c7763;
scrollbar-highlight-color: #978472;
scrollbar-shadow-color: #806d5b;
scrollbar-track-color: #8c7763;
}
.home #content {
left: 113px;
top: 460px;
width: 375px;
height: 170px;
}
.location #content {
left: 113px;
top: 410px;
width: 375px;
height: 200px;
}
ul {
margin: 1.25em 0 1.25em 1.25em;
padding: 0;
}
li {
padding-left: 2em;
}
dl {
clear: both;
margin: 1.25em 0 0 0;
}
*>dl {
padding-bottom: 1.25em;
}
dt {
width: 140px;
float: left;
clear: both;
}
dd {
float: left;
width: 250px;
margin: 0;
}
#sitemappdf {
clear: both;
padding-top: 2em;
background: url(sitemappdfactive.png) -999em -999em no-repeat;
text-align: center;
}
#sitemappdf a {
display: block;
margin: 0 auto;
width: 196px;
height: 23px;
background-image: url(sitemappdf.png);
text-indent: -999em;
}
#sitemappdf a:hover, #sitemappdf a:active {
background-image: url(sitemappdfactive.png);
}
table {
width: 100%;
}
th {
padding: 1em 0;
font: normal 11px/1.4em Verdana, Tahoma, "Myriad Web", Arial, Helvetica, sans-serif;
text-align: left;
}
td {
padding: .25em 0;
font: 11px/1.4em Verdana, Tahoma, "Myriad Web", Arial, Helvetica, sans-serif;
}
input, select, textarea {
margin-top: .25em;
border: none;
background-color: #8c7763;
color: #eee;
}
#copyright {
color: #f8e7c1;
font: 11px/2em Arial, Helvetica, sans-serif;
}
#copyright a {
color: #f8e7c1;
font-weight: normal;
}