body {margin: 0; padding: 0; background: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px;
font-size: 13px; color: #7F6A63;}

a:link, a:active, a:visited { text-decoration: none; color: #000099; border-width: 0px;}
a:hover {color: #990000;}
h1, h2, h3 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #492B21;}
h1 {letter-spacing: -1px; font-size: 2.5em;}
h2 {font-size: 2em;}
h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold;}
p, ul, ol {margin-top: 0; margin-bottom: 1em; line-height: 160%; font-size: 1.1em;}
p {text-align: justify; letter-spacing: 0cm;}
p.dc:first-letter {float: left; font-size: 45pt; line-height: 50px; color: #666; padding: 7px 3px 3px 3px;
 font-family: "Times New Roman", Times, Serif;}
select {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
option {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
img {position: relative;} /*IE6 hack */
/* \*/ 
* html .gainlayout { height: 1%; } 
/* */ 
.tagline { padding: 0.4em; border-bottom: 3px solid #CCCCCC; margin: 10px;
 text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;	color: #492B21; font-size: 1.8em;}

.big_quote_left {float: left; width: 150px; padding: 0.4em; border-top: 3px solid #CCCCCC; border-bottom: 3px solid #CCCCCC;
 margin: 10px 20px 10px 10px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;
 color: #333; font-size: 1.6em;}
.big_quote_right {float: right; width: 150px; padding: 0.4em; border-top: 3px solid #CCCCCC; border-bottom: 3px solid #CCCCCC;
 margin: 10px 10px 10px 20px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;
 color: #333; font-size: 1.6em;}

/* Wrappers for the three major areas - header, centre content, footer*/
#headwrapper{background: #65CEEC; display: block; width: 100%;}
#header{width: 760px; height: 120px; margin: 0 auto; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 8pt;color: #FAE6D4; background: url('/images/banner.jpg');}
#contentwrapper {width: 760px; margin: 0 auto;}
#footer {clear: both; height: 70px; padding-top: 10px; margin-top: 10px; background: #65CEEC; text-align: center;	font-size: .8em; color: black;}
#footer a {border: none; color: #009;}
#legal {text-align: center;}
#links {text-align: center;}


/*Styles used in the menu tree*/
#navsubtable {text-align: right; margin: 0px; padding-top: 102px; color: #000099;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px;}
#navsubtable li {display: inline; margin: 4px 4px 4px 20px; padding: 2px;}
#navsubtable a:hover {color: #990000;}
#more_menu {display: inline;}
.switchcontent {background: #fff}
.button {position: relative; left: 600px; width: 160px; background: red;}
#dropmenudiv {position:absolute; border:1px solid #009; line-height:18px; z-index:100; border-left-width: 5px;}
#dropmenudiv a {width: 100%; display: block; text-indent: 3px; padding: 5px 0; text-decoration: none;
 font-weight: bold; line-height: 20px; font-size: 0.9em;}
#dropmenudiv a:hover{ /*hover background color*/ background-color: #009; color: #fff;}
/*END MENU TREE STYLES */

/* Content box and mid-border styles*/
.content {margin: 0px 10px 0px 10px; padding: 5px; color: black;}

/*villa page styles*/
.villa_data {float: right; border: 2px solid #000099; border-collapse: collapse; margin: 5px; padding: 0px; margin-left: 10px;
background: #FFFFCC;}
.col1 {background-color: #000099; color: #fff;}
.villa_data th {text-align: left; font-size: 0.9em; padding: 5px; color: #fff;}
.villa_data td {text-align: left; font-size: 0.9em; padding: 5px; color: #000;}

/*#villa_jump_box {position: relative; top: -104px; left: 550px; margin-top: 6px; background-color: #666; width: 150px;
 height: 79px; padding-left: 10px; padding-top: 10px; z-index:2;}*/
#villa_jump_box {position: absolute; top: 5px; left: 570px; margin-top: 2px; width: 150px; height: 100px; z-index:2;}

#villa_jump_box p {color: white; margin: 0px; font-size: 0.9em;}
#villa_jump_box .s {font-size: 0.7em;}
#villa_jump_box form {margin-top: 4px;}
#villa_jump_box select {width: 140px;}
#villa_jump_button {text-align: right;}

#villa_banner_wrapper {position: relative; width: 730px; padding: 0; margin: 0; margin-bottom: 10px; height: 100px;}

#villa_banner_image{width: 730px; height: 100px; background-color: #DDDDDD; padding: 0px; border: 0px; z-index: 1; position: relative;}

/*tab styles*/
#tabwrapper .activetab {font-weight: bold; padding-left: 8px; padding-top:4px; padding-bottom: 5px; padding-right: 8px;
 border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999;
  background: #FFF; border-bottom: 1px solid #FFF;}
#tabwrapper .inactivetab {padding-left: 8px; padding-top: 1px; padding-right: 8px; border: 1px solid #999999; padding-bottom: 5px; background: #dddddd;}
#tabwrapper .inactivetab a:hover {color: red;} 
#tabwrapper {margin: 0px; padding: 0px 0px 0px 10px;}
#tabline {border-top: 1px solid #999; margin-top: 5px; padding: 0px; margin-bottom: 10px;}

#pricestable {border-collapse: collapse; border-top: 5px solid #000099; border-bottom: 5px solid #000099; width: 100%;}
#pricestable td {padding: 5px;}

.left_img {border-right: 5px solid #CCC; float: left; margin: 5px; margin-right: 10px;}
.right_img {border-left: 5px solid #CCC; float: right; margin: 5px; margin-left: 10px;}
.right_img_card {float: right;}
.left_img_card {float: left;}


.map {border: 3px solid #333;}
#booking_form {text-align: center;}
.bookingtable {border-collapse: collapse; background: #CCFFFF; width: 100%;}
.bookingtable td {padding: 2px; text-align: left;}
.bookingtable th {padding: 5px; text-align: center; background: #000099; color: white; border: 1px solid #000099;}
.bookingtable td .col2 {background: #fff;}

#banner {margin: 0px; padding-left: 10px; padding-bottom: 5px;}
#useful_info li {padding: 4px;}

#local_area_table {float: left; border-collapse: collapse; margin-right: 10px; padding: 5px; background: #ffc; border: 1px solid #666;}
#local_area_table td {padding: 0;}
#local_area_table td p {font-size: 1.1em; font-weight: bold; text-align: center; padding-top: 5px;}
#area_map {border-top: 2px solid #000099;}

#villa_listing {border-collapse:collapse; font-size: 1.1em; float: right; width: 75%; border-left: 10px solid white;;}
#villa_listing td {border-bottom: 2px solid #999999;}
#villa_listing th {border-bottom: 2px solid #999999;}
#villa_listing img {margin: 5px; border: 2px solid #999999}
.hotel_listing_tagline {padding-right: 10px;}

#car_hire {border-collapse: collapse; border-bottom: 5px solid #000099;}
#car_hire th {text-align: left; background: #000099; color: #ffffff; padding: 5px;}
#car_hire td {background: #ccffff; padding: 5px;}
#car_hire .odd {background: #99ccff; padding: 5px;}

.disclaimer {font-size: 0.8em;}