body {
	font-family: Arial;
	font-size: 12px;
	color: #270f00;
	background-image: url('images/bg.png');
}
#placeholder {
	width: 760px;
	text-align: justify;
}
body,#placeholder {
	margin: 0px;
	padding: 0px;
}

/* ======================================================================== */

table, div {
	font-size: 12px;
}
a {
	text-decoration: none;
	color: #0672d0;
}
a:hover {
	text-decoration: underline;
}
.blueBox {
	background: #F8F8FF;
	border: 1px solid #E6E6FA;
	padding: 5px;
	margin: 10px 0 10px 0;
}
.btn {
	background: url('images/bg_btn.png') repeat;
	border: 1px solid #f7f0dd;
	color: #552202;
	padding: 2px;
}

.btn:hover {
	background: url('images/bg_btn_hover.png') repeat;
	cursor: pointer;
}
.clearBoth {
	clear: both;
}
del {
	color: red;
}
.error {
	background: #FFF799;
}
.hidden {
	visibility: hidden;
	display: none;
}
.img {
	border: 1px solid #EAE3DD;
	padding: 3px;
}
.orange {
	color: #f26522;
}
.redBox {
	background: #FDF0EC;
	border: 1px solid #C50D04;
	color: #C50D04;
	padding: 5px;
	margin: 10px 0 10px 0;
}
.yellowBox {
	background: #FBFAF4;
	border: 1px solid #FAF0E6;
	padding: 5px;
	margin: 10px 0 10px 0;
}

/* ======================================================================== */

#banner {
	border: 1px solid #eadcb7;
}
#banner {
	background-image: url('images/banner.png');
	height: 122px;
}

/* ======================================================================== */

#top_menu {
	border: 1px solid #eadcb7;
	background-image: url('images/bg_menu_top.png');
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-top: 0px;
	margin-top: -1px;
	padding: 5px 30px 5px 30px;
	color: #705927;
}
#top_menu a{
	color: #705927;
}
#top-menu-del {
	margin: 0px 10px 0px 10px;
	text-align: center;
	color: #d0bf94;
}

/* ======================================================================== */

#top_options_main {
	background-image: url('images/bg_top_options.png');
	border: 1px solid #eadcb7;
	padding: 3px 15px 3px 35px;
	height: 315px;
}
#mainTopOptionsTitle{
	border-bottom: 1px solid #F1EDE4;
	width: 100%;
	font-weight: bold;
	margin-bottom: 3px;
}
/* ------------------------------------------------------------------------- */
#tblMainTopCalendarSearchForm td.title {
	font-weight: bold;
	font-size: 11px;
	vertical-align: bottom;
	padding-top: 5px;
	color: #552202;
}
#tblMainTopCalendarSearchForm select{
	color: #3D0B00;
	font-size: 11px;
	margin-right: 3px;
	padding: 1px 0 1px 0;
}

/* ======================================================================== */

#top_options {
	background-image: url('images/bg_top_options.png');
	border: 1px solid #eadcb7;
	padding: 3px 25px 3px 35px;
}
/* ------------------------------------------------------------------------- */
#tblTopOptions span.title {
	font-weight: bold;
	font-size: 11px;
	vertical-align: bottom;
	padding-top: 5px;
	color: #552202;
}
#tblTopOptions select{
	color: #3D0B00;
	font-size: 11px;
	margin-right: 3px;
	padding: 1px 0 1px 0;
}
#btnSeeVillas{
	cursor: pointer !important;
}
/* ------------------------------------------------------------------------- */
#topOptionsTitleLeft, #topOptionsTitleRight{
	border-bottom: 1px solid #F1EDE4;
	width: 100%;
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 12px;
}
#topOptionsTitleRight{
	text-align: right;
}
#topRightOptionMenu{
	padding: 3px 30px 0px 0px;
	background: url('images/arrow_menu_top_right.png') no-repeat right;
	vertical-align: middle;
}
#topRightOptionMenu a{
	font-weight: bold;
	color: #552202;
}

/* ======================================================================== */

#content_group {
	border: 1px solid #eadcb7;
	margin-top: 1px;
	padding: 0px;
	vertical-align: top;
}
#contentTitle {
	padding: 10px 0px 2px 0px;
	vertical-align: bottom;
	width: 100%;
	border-bottom: 1px dotted #f1ede4;
	color: #270F00;
}
#content h1 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	padding-left: 20px;
	background: url('images/arrow_h1.png') no-repeat left bottom;
}
#content {
	background-image: url('images/bg_content.png');
	padding: 0px 0px 5px 0px;
}

#content {
	padding-left: 35px;
	padding-right: 35px;
}

/* ======================================================================== */

#villaShowInfoHeader {
	margin-top: 10px;
	width: 100%;
	clear: both;
	background-color: #eee6d1;
	border-top: 1px solid #786230;
}
#villaShowCalendarOptions {
	text-align: center;
}
#villaPicThumbs {
	text-align: center;
	margin: 10px 5px 0px 0px;
}
#villaPicThumb {
	width: 65px;
	height: 50px;
	padding: 1px;
	cursor: pointer;
	border: 1px solid #e7e3e0;
}
/* ------------------------------------------------------------------------- */
#tblOtherVillas {
	margin: 0px 0px 3px 0px;
	width: 100%;
}
#tblOtherVillas td {
	vertical-align: top;
}
#otherVillasTitle {
	width: 150px;
	font-weight: bold;
}
#otherVilla {
	margin-right: 10px;
	padding: 1px;
	color: #672A00;
}

/* ======================================================================== */

#listVillasTitle {
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 10px;
	text-align: left;
}
#listVillasTitle {
	width: 450px;
}
#tblListVillas {
	margin-bottom: 5px;
	background-color: #f7f3e8;
	width: 450px;
}
#tblListVillas td {
	text-align: center;
	font-weight: bold;
	background-color: #f7f3e8;
}
#listVillasNo {
	width: 100px;
}
#villaListNumber {
	font-size: 17px;
	color: #f26522;
}
#villaListNumber a {
	color: #f26522;
}
#listVillasImg {
	width: 90px;
}
.villaThumb {
	border: 0px;
	width: 90px;
	height: 60px;
}
#listVillasCal{
	font-size: 13px;
}

/* ======================================================================== */

#tblAvailability {
	width: 450px;
	margin-bottom: 5px;
	background-color: #f7f3e8;
}
#tblAvailability td {
	text-align: center;
	font-weight: bold;
	background-color: #f7f3e8;
}
#avalabilityVillaNumber {
	font-size: 17px;
	color: #f26522;
}
#avalabilityVillaNumber a{
	color: #f26522;
}
#avalabilityVillaType {
	font-size: 12px;
	font-weight: normal;
}
#avalabilityVillaThumb {
	width: 100px;
}
#avalabilityVillaNoType {
	width: 150px;
}
#avalabilityVillaBedCal{
	font-size: 13px;
}

/* ======================================================================== */

#calendarOptionsHeader {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
#calendarOptionsHeaderBeds {
	color: #a46313;
}
#calendarOptionA,#calendarOptionAB,#calendarOptionMain {
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
	color: #a46313;
}
#calendarOptionA:HOVER,#calendarOptionAB:HOVER,#calendarOptionMain:HOVER {
	text-decoration: none;
}

/* ======================================================================== */

#tblSpecialsMain {
	background: #f7f3e8;
}
#specialsMainDates {
	font-weight: bold;
	font-size: 11px;
}
#specialsMainDates,#tblSpecialsMain,#specialsMainContact {
	clear: left !important;
	float: left !important;
}
#tblSpecialsMain td {
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}
#specialsMainVillaNo {
	font-size: 13px;
	width: 180px;
}
#specialsMainVillaNo a{
	color: #f26522;
}
#tblSpecialsMain td img {
	width: 100px;
	height: 66px;
}
#specialsMainContact {
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
}
#specialsMainDates {
	color: #7b5d16;
}
/* ------------------------------------------------------------------------- */
#tblSpecialsList {
	border: 0px;
	border: 1px solid #ebdcb3;
	margin-bottom: 10px;
}
#tblSpecialsList td{
	text-align: center;
	vertical-align: middle;
}
#specialsListDates{
	font-weight: bold;
	padding: 2px;
	background-color: #ebdcb3;
}
#specialsListVillaNo {
	font-size: 17px;
	color: #f26522;
	font-weight: bold;
	width: 100px;
}
#specialsListVillaNo a{
	font-size: 17px;
	color: #f26522;
	font-weight: bold;
}
#specialsListType{
	width: 180px;
	font-weight: bold;
	font-size: 13px;
}
#specialsListThumb {
	width: 100px;
}
#specialsListThumb img {
	width: 90px;
	height: 60px;
	border: 0px;
}

/* ======================================================================== */

#homeTestimonial {
	width: 100%;
	padding: 3px;
	font-weight: bold;
	background-color: #e9dbbe;
	text-align: center;
}

/* ======================================================================== */

#splashPicture {
	padding: 0px 3px 0px 3px;
	margin: 0px;
	border: 0px;
}
#splashSlideshow {
	width: 390px;
	float: left;
}

/* ======================================================================== */

#rateTypeName,#rateTypeMessage {
	font-weight: bold;
}
#rateTypeMessage {
	font-size: 11px;
	font-style: italic;
}
#tblRates {
	margin-bottom: 20px;
	margin-top: 5px;
	clear: left !important;
}
#tblRates td {
	vertical-align: top;
	text-align: left;
}
#rateTypeMessage {
	color: #7B5D16;
}
.rateSpecial {
	color: green;
}
.resHeader {
	color: #F26522;
}

/* ======================================================================== */

.resHeader {
	padding-top: 10px;
	font-weight: bold;
	font-size: 12px;
}
#tblAddNewReservations,#tblReservation {
	margin-left: 20px;
}
#tblAddNewReservations,#tblAddNewReservations input,#tblAddNewReservations select,#tblAddNewReservations textarea
	{
	font-size: 11px;
}
#tblAddNewReservations td,#tblReservation td {
	text-align: left;
}
#tblAddNewReservations input,#tblAddNewReservations select,#tblAddNewReservations textarea
	{
	border: 1px solid #D0BF94;
}
#tblReservation input,#tblReservation select,#tblReservation textarea {
	border: 1px solid #D0BF94;
	font-size: 11px;
}
#btnReservationSubmit {
	font-weight: bold;
	font-size: 12px;
}

/* ======================================================================== */

#rTravelInsurance {
	border: 0px !important;
}
#damageWaiver {
	width: 470px;
	text-align: justify;
}

/* ======================================================================== */

#contactInfo {
	width: 290px;
	float: left;
}
#contactMap {
	float: left;
	margin-top: 20px;
	margin-left: 10px; 
	width : 370px;
	height: 225px;
	border: 1px solid #e1e1e1;
}

/* ======================================================================== */

#tblConcierge {
	width: 100%;
	border: 0px;
}
#tblConcierge td {
	width: 50%;
	padding: 5px;
	vertical-align: top;
}
.conciergeBox {
	border: 1px dotted #555555;
	padding: 5px;
}

/* ======================================================================== */

#footer {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0px 5px 0px;
	color: #705927;
}
#footer a {
	color: #705927;
}

/* ======================================================================== */

