* {
margin:0;
padding:0;
}

html {
background:#8c1b00 url(background.png) repeat-x;
width:100%;
height:100%;
}

body {
margin:0 auto;
position:relative;
font-family:arial;
font-size:0.9em;
}

#header {
margin:20px auto;
width:980px;
position:relative;
z-index:2;
}

a { color:#8c1b00; }

h1 {
background:url(h1.png) no-repeat;
width:450px;
height:100px;
font-size:0;
text-indent:-2000px;
position:relative;
top:-2px;
left:10px;
color:#313131;
}

h1 a {
display:block;
height:100%;
width:300px;
}

h2 {
background:url(palmsprings.png) no-repeat;
width:475px;
height:45px;
font-size:0;
text-indent:-2000px;
position:absolute;
top:30px;
right:5px;
}

#menu {
position:relative;
bottom:10px;
left:345px;
width:650px;
z-index:100;
}

#menu li {
display:inline;
text-transform:uppercase;
font-size:0.75em;
color:#919191;
font-weight:bold;
}

#menu li span {
margin:0 7px 0 7px;
}

#menu  li a {
color:#919191;
text-decoration:none;
}

#menu li a:hover {
color:#313131;
}

#menu li a.current {
color:#313131;
}

#wrap {
background:#ffffff;
margin:0 auto;
width:980px;
border-top:none;
position:relative;
z-index:10;
}

#wrap .homepage {
height:614px;
}

#wrap .ctext {
padding:15px;
color:#313131;
line-height:1.35em;
}

#wrap .ctext h3, #wrap .gallery h3 {
font-size:1.8em;
color:#802f15;
position:relative;
left:-2px;
margin-bottom:5px;
}

#wrap .gallery {
padding:15px;
color:#313131;
}

#viewImage {
height:490px;
}

#preimage {
min-height:500px;
height:100%;
width:100%;
background-color:#8c1b00;
background-repeat:no-repeat;
position:absolute;
top:0;
left:0;
z-index:70;
}

#thumbs {
width:945px;
height:104px;
overflow:hidden;
background:#ffffff;
}

#flipem {
text-align:center;
}

#flipem-buttons {
width:100000px; 
height:108px;
}

#wrap .gallery img {
/*margin:0 5px 0 5px;*/
border:2px solid #000000;
}

#wrap .gallery a:hover img {
border-color:#8c1b00;
}

#wrap li {
margin-left:15px;
}

#wrap li.top {
margin-top:15px;
}

.homepage .box {
z-index:20;
color:#ffffff;
overflow:hidden;
}

.homepage .box span {
text-transform:uppercase;
font-weight:bold;
font-size:0.8em;
}

.homepage .box a {
display:block;
width:100%;
height:100%;
}

.homepage #gallerydiv {
background:#ffffff url(../images/01gallerydiv.jpg) no-repeat;
width:360px;
height:287px;
position:absolute;
top:7px;
left:7px;
z-index:20;
}

.homepage #gallerydiv #gallery {
position:absolute;
top:0;
right:0;
background:#ffffff url(../images/01gallery.jpg) top no-repeat;
height:142px;
width:180px;
}

.homepage #gallerydiv #gallery:hover {
background-position:bottom;
}

.homepage #gallerydiv #gallery span {
position:absolute;
bottom:3px;
right:6px;
}

.homepage #golf {
position:absolute;
top:7px;
left:374px;
background:#ffffff url(../images/02golf.jpg) top no-repeat;
width:259px;
height:142px;
}

.homepage #golf:hover {
background-position:bottom;
}

.homepage #golf span {
position:absolute;
bottom:3px;
right:6px;
}

.homepage #location {
width:333px;
height:142px;
background:#2d2d2d;
position:absolute;
top:7px;
left:640px;
}

.homepage #location p {
position:relative;
top:50px;
text-align:center;
}

.homepage #location p span {
text-transform:none;
font-weight:normal;
}

.homepage #location p span.url {
font-size:1.3em;
text-transform:lowercase;
font-weight:normal;
}

.homepage #history {
position:absolute;
top:154px;
left:374px;
background:#ffffff url(../images/03history.jpg) top no-repeat;
width:259px;
height:140px;
}

.homepage #history:hover {
background-position:bottom;
}

.homepage #history span {
position:absolute;
bottom:3px;
left:6px;
}

.homepage #property {
position:absolute;
top:154px;
left:640px;
background:#ffffff url(../images/04property.jpg) top no-repeat;
width:333px;
height:309px;
}

.homepage #property:hover {
background-position:bottom;
}

.homepage #property span {
position:absolute;
bottom:3px;
right:6px;
}

.homepage #about {
width:625px;
height:164px;
background:#2d2d2d;
position:absolute;
top:299px;
left:7px;
}

.homepage #about p {
position:relative;
top:0px;
text-align:justify;
font-size:0.8em;
margin:10px 20px;
}

.homepage #about h3 {
margin-top:20px;
position:relative;
top:0;
right:20px;
text-transform:none;
font-weight:normal;
text-align:right;
font-size:1.4em;
}

.homepage #about h3 span {
font-size:1em;
color:#444444;
font-weight:normal;
}

.homepage #bottomleft {
width:360px;
height:139px;
background:#ffffff url(../images/05.jpg) no-repeat;
position:absolute;
top:468px;
left:7px;
}

.homepage #attractions {
position:absolute;
top:468px;
left:374px;
background:#ffffff url(../images/06attractions.jpg) top no-repeat;
width:258px;
height:139px;
}

.homepage #attractions:hover {
background-position:bottom;
}

.homepage #attractions span {
position:absolute;
top:3px;
left:35px;
color:#5c5c5c;
}

.homepage #rates {
position:absolute;
top:468px;
left:640px;
background:#ffffff url(../images/07rates.jpg) top no-repeat;
width:171px;
height:139px;
}

.homepage #rates:hover {
background-position:bottom;
}

.homepage #rates span {
position:absolute;
bottom:3px;
right:6px;
}

.homepage #weather {
position:absolute;
top:468px;
left:818px;
background:#ffffff url(../images/08weather.jpg) top no-repeat;
width:155px;
height:139px;
}

.homepage #weather:hover {
background-position:bottom;
}

.homepage #weather span {
position:absolute;
top:3px;
right:6px;
}

#wrap .ctext ul {
margin-bottom:15px;
}

#contact {
text-align:center;
font-size:0.8em;
color:#ffffff;
margin-top:5px;
}

#contact a {
color:#ffffff;
text-decoration:none;
border-bottom:1px dotted #ffffff;
}

.cal-month {
float:left;
margin:10px;
color:#333333;
}

.cal-month b {
}

.cal-month td, .cal-month th {
padding:4px;
text-align:center;
height:20px;
}

.cal-month th {
background:#797979;
color:#ffffff;
font-weight:bold;
}

.cal-month .strike {
background:#cc3300;
color:#dadada;
}
