body
{
 margin:0;
 padding:0;
 background-color:#ffffff;
 font-family:verdana, arial;
 font-size:12px;
 color:#493f1f;
}



/* #Global Styles# */

div.clear{
 clear:both; 
 display:block; 
 visibility:hidden; 
 height:1px; 
 font-size:0;
 overflow:hidden;
}

a{
 text-decoration:underline;
 color:#493f1f;
}

a:hover{
 text-decoration:none;
}

a img, img{
 border:none;
}



/* #Master Layout# */

div#container{
 width:955px;
 margin:0 auto 0 auto;
 background-color:#c2b28d;
}


/* #Master Layout/Header# */
div#header{
 background-color:#a58d57;
}

div#header div.logo-holder{
 height:66px;
 text-align:right;
}

div#header div.logo-holder img{
 padding-top:6px;
 padding-right:15px;
}


/* #Master Layout/Footer# */
div#footer{
 background-color:#a58d57;
}

div#footer ul{
 padding:17px 0 16px 0;
 margin:0;
 text-align:center;
}

div#footer ul li{
 display:inline;
 list-style:none;
 margin-left:88px;
 text-transform:lowercase;
 color:#ffffff;
 letter-spacing:2px;
}

div#footer ul li.first{
 margin-left:0px;
}

div#footer ul li a{
 text-decoration:none;
 color:#ffffff;
}

div#footer ul li a:hover{
 text-decoration:underline;
}







/* #Master Layout/Navigation# */
div#navigation
{
 padding:0 0 0 120px;
 border-bottom:1px solid #a58d57;
}

div#navigation a
{
 color:#fff;
 text-decoration:none;
}

ul.mainCMSListMenuUL
{
 margin:0;
 padding:0;
 list-style:none;
 font-size:13px;
 letter-spacing:2px;
 text-transform:lowercase;
}

ul.mainCMSListMenuUL li.nav-home,
ul.mainCMSListMenuUL li.nav-home-over,
ul.mainCMSListMenuUL li.nav-villa,
ul.mainCMSListMenuUL li.nav-villa-over,
ul.mainCMSListMenuUL li.nav-location,
ul.mainCMSListMenuUL li.nav-location-over,
ul.mainCMSListMenuUL li.nav-reservations,
ul.mainCMSListMenuUL li.nav-reservations-over,
ul.mainCMSListMenuUL li.nav-contact-us-over,
ul.mainCMSListMenuUL li.nav-contact-us,
ul.mainCMSListMenuUL li.mainCMSListMenuLI,
ul.mainCMSListMenuUL li.mainCMSListMenuHighlightedLI
{
 float:left;
 margin-right:10px;
 position:relative;
}

ul.mainCMSListMenuUL li.nav-villa,
ul.mainCMSListMenuUL li.nav-villa-over,
ul.mainCMSListMenuUL li.nav-home,
ul.mainCMSListMenuUL li.nav-home-over
{
 margin-right:30px;
}

ul.mainCMSListMenuUL li.nav-location,
ul.mainCMSListMenuUL li.nav-location-over
{
 margin-right:0;
}


ul.mainCMSListMenuUL li.mainCMSListMenuLI a.mainCMSListMenuLink,
ul.mainCMSListMenuUL li.mainCMSListMenuHighlightedLI a.mainCMSListMenuLinkHighlighted
{
 /*display:block;
 padding:11px 40px 9px 20px;*/
}


ul.mainCMSListMenuUL li.nav-home a.mainCMSListMenuLink,
ul.mainCMSListMenuUL li.nav-home-over a.mainCMSListMenuLinkHighlighted,
ul.mainCMSListMenuUL li.nav-villa a.mainCMSListMenuLink,
ul.mainCMSListMenuUL li.nav-villa-over a.mainCMSListMenuLinkHighlighted,
ul.mainCMSListMenuUL li.nav-contact-us a.mainCMSListMenuLink,
ul.mainCMSListMenuUL li.nav-contact-us-over a.mainCMSListMenuLinkHighlighted
{
 display:block;
 padding:11px 20px 9px 20px;
}


ul.mainCMSListMenuUL li.nav-location a.mainCMSListMenuLink,
ul.mainCMSListMenuUL li.nav-location-over a.mainCMSListMenuLinkHighlighted
{
 display:block;
 padding:11px 20px 9px 20px;
 width:110px;
}

ul.mainCMSListMenuUL li.nav-reservations a.mainCMSListMenuLink,
ul.mainCMSListMenuUL li.nav-reservations-over a.mainCMSListMenuLinkHighlighted
{
 display:block;
 padding:11px 20px 9px 20px;
 width:130px;
}




ul.mainCMSListMenuUL li.nav-home-over a.mainCMSListMenuLinkHighlighted,
ul.mainCMSListMenuUL li.nav-villa-over a.mainCMSListMenuLinkHighlighted,
ul.mainCMSListMenuUL li.nav-location-over a.mainCMSListMenuLinkHighlighted,
ul.mainCMSListMenuUL li.nav-reservations-over a.mainCMSListMenuLinkHighlighted,
ul.mainCMSListMenuUL li.nav-contact-us-over a.mainCMSListMenuLinkHighlighted,
ul.mainCMSListMenuUL li.mainCMSListMenuHighlightedLI a.mainCMSListMenuLinkHighlighted
{
 font-weight:bold;
}

ul.mainCMSListMenuUL li.nav-home a.mainCMSListMenuLink:hover,
ul.mainCMSListMenuUL li.nav-home-over a.mainCMSListMenuLinkHighlighted:hover,
ul.mainCMSListMenuUL li.nav-villa a.mainCMSListMenuLink:hover,
ul.mainCMSListMenuUL li.nav-villa-over a.mainCMSListMenuLinkHighlighted:hover,
ul.mainCMSListMenuUL li.nav-contact-us a.mainCMSListMenuLink:hover,
ul.mainCMSListMenuUL li.nav-contact-us-over a.mainCMSListMenuLinkHighlighted:hover,
ul.mainCMSListMenuUL li.nav-location a.mainCMSListMenuLink:hover,
ul.mainCMSListMenuUL li.nav-location-over a.mainCMSListMenuLinkHighlighted:hover,
ul.mainCMSListMenuUL li.nav-reservations a.mainCMSListMenuLink:hover,
ul.mainCMSListMenuUL li.nav-reservations-over a.mainCMSListMenuLinkHighlighted:hover,
ul.mainCMSListMenuUL li.mainCMSListMenuLI a.mainCMSListMenuLink:hover,
ul.mainCMSListMenuUL li.mainCMSListMenuHighlightedLI a.mainCMSListMenuLinkHighlighted:hover
{
 background-color:#a58d57;
}

ul.mainCMSListMenuUL li.nav-location:hover,
ul.mainCMSListMenuUL li.nav-location:hover a,
ul.mainCMSListMenuUL li.nav-location:hover a.mainCMSListMenuLink,
ul.mainCMSListMenuUL li.nav-location-over:hover,
ul.mainCMSListMenuUL li.nav-location-over:hover a,
ul.mainCMSListMenuUL li.nav-location-over:hover a.mainCMSListMenuLink,
ul.mainCMSListMenuUL li.nav-reservations:hover,
ul.mainCMSListMenuUL li.nav-reservations:hover a,
ul.mainCMSListMenuUL li.nav-reservations:hover a.mainCMSListMenuLink,
ul.mainCMSListMenuUL li.nav-reservations-over:hover,
ul.mainCMSListMenuUL li.nav-reservations-over:hover a,
ul.mainCMSListMenuUL li.nav-reservations-over:hover a.mainCMSListMenuLink,
ul.mainCMSListMenuUL li.mainCMSListMenuLI:hover,
ul.mainCMSListMenuUL li.mainCMSListMenuHighlightedLI:hover a,
ul.mainCMSListMenuUL li.mainCMSListMenuHighlightedLI:hover a.mainCMSListMenuLink
{
 background-color:#a58d57;
}

div#navigation li:hover ul.subCMSListMenuUL, 
div#navigation li.over ul.subCMSListMenuUL
{
 display:block;
}

/* sub menu */
ul.subCMSListMenuUL
{
 list-style:none;
 position:absolute; 
 top:30px; left:0px;
 margin:0; padding:0;
 display:none;
 background-color:#a58d57;
 font-size:12px;
 letter-spacing:1px;
}

ul.mainCMSListMenuUL li.nav-reservations ul.subCMSListMenuUL,
ul.mainCMSListMenuUL li.nav-reservations-over ul.subCMSListMenuUL
{
 width:170px;
}

ul.mainCMSListMenuUL li.nav-location ul.subCMSListMenuUL,
ul.mainCMSListMenuUL li.nav-location-over ul.subCMSListMenuUL
{
 width:150px;
}


ul.mainCMSListMenuUL li.nav-location li,
ul.mainCMSListMenuUL li.nav-location-over li
ul.mainCMSListMenuUL li.nav-reservations li,
ul.mainCMSListMenuUL li.nav-reservations-over li,
ul.subCMSListMenuUL li
{
 padding:0px;
 margin:0px;
 border-bottom:1px solid #a58d57;
}

ul.subCMSListMenuUL .subCMSListMenuHighlightedLI a
{
 font-weight:bold;
}

li.nav-location ul.subCMSListMenuUL li a,
li.nav-location-over ul.subCMSListMenuUL li a,
li.nav-reservations ul.subCMSListMenuUL li a,
li.nav-reservations-over ul.subCMSListMenuUL li a,
ul.subCMSListMenuUL li a,
li.mainCMSListMenuHighlightedLI ul.subCMSListMenuUL li a
{
 background:url(../App_Themes/villaolivia/images/sub_menu_bullet.gif);
 background-repeat:no-repeat;
 background-position:20px 10px;
 display:block;
 padding:5px 35px 7px 35px;
}

li.nav-location ul.subCMSListMenuUL li a:hover,
li.nav-location-over ul.subCMSListMenuUL li a:hover,
li.nav-reservations ul.subCMSListMenuUL li a:hover,
li.nav-reservations-over ul.subCMSListMenuUL li a:hover,
ul.subCMSListMenuUL li a:hover,
li.mainCMSListMenuHighlightedLI ul.subCMSListMenuUL li a:hover
{
 background:url(../App_Themes/villaolivia/images/sub_menu_highlighted_bullet.gif);
 background-repeat:no-repeat;
 background-position:20px 10px;
 background-color:#c4b592;
}











/* #Page Styles# */

/* #Page Styles/Main Two Column Page# */

/* #Page Styles/Main Two Column Page/Left# */
div.main-left-column{
 width:693px;
 float:left;
 background-color:#e4ddcc;
 border-right:1px solid #ac9664;
}

div.main-left-column div.content{ 
 padding:10px 40px 10px 40px;
 font-size:13px;
}

div.main-left-column h2{
 color:#7e6d42;
 font-weight:normal;
 margin-bottom:20px;
}


/* #Page Styles/Main Two Column Page/Right# */
div.main-right-column{
 width:260px;
 float:right;
}

div.main-right-column div.content{ 
 padding:0 7px 0 7px;
}









/* #Lightbox# */

div.lightbox-gallery img{
 padding-bottom:3px;
 padding-right:1px;
}










/* #Availability Calendar# */

.availability-grid td
{
 background-color:#625331 !important;
 color:#fff;
}

.availability-grid .day-header
{
 background-color:#625331;
 border:1px solid #e4ddcc;
 color:#fff;
}

.availability-grid .title-style
{
 background-color:#625331;
 font-weight:bold;
 color:#fff;
}

.availability-grid .title-style a,
.availability-grid .day-style a,
.availability-grid .booked a
{
 color:#fff !important;
}

.availability-grid .day-style
{
 background-color:#a58d57 !important;
 border:1px solid #e4ddcc;
}

.availability-grid .booked
{
 background-color:#493f1f !important;
 border:1px solid #e4ddcc;
} 


.availability-grid .selected-day-booked
{
 background-color:#493f1f !important;
 border:1px solid #e4ddcc;
}

.availability-grid .selected-day-available
{
 background-color:#a58d57 !important;
 border:1px solid #e4ddcc;
}

.availability-grid .selected-day-style
{
 background:none;
 font-weight:bold;
}

div.availability-year-selector{
 margin-bottom:10px;
}

div.availability-button-holder{
 margin-top:10px;
}

div.availability-legend{
 margin-top:10px;
}


div.availability-legend .booked,
div.availability-legend .available
{
 padding:3px 0 3px 0 !important;
 border:0;
 width:75px;
 text-align:center;
}

div.availability-legend .available
{
 background-color:#a58d57 !important;
}

div.availability-legend .booked
{
 background-color:#493f1f !important;
} 












/* #Gallery# */

div.gallery-holder
{
 text-align:center;
 margin-bottom:20px;
}

div.gallery-item 
{
 padding:0 0 0 0;
 margin:0 2px 2px 0;
 float:left;
}

div.gallery-item a img{
 border:0;
} 
input.FormButton
{
 background-color:#493f1f;
 color:#FFF;
 border:0;
}

