body { font-size: 12px; font-family: Verdana, Geneva, sans-serif; background: url('./bpimages/body_background.jpg') repeat-x #267a89;}

h2 { font-size: 12px; }

#wrapper {margin: auto; width: 838px; background: url('./bpimages/bg_middle.jpg') repeat-y; /*overflow: hidden;*/ }

#header { overflow: hidden; clear: both; height: 204px; }
	#headerleft {width: 207px; float:left;}
	#headerright {width: 631px; height: 204px; float:left;}
#header a img { border: none;}
#nav { clear: both; background: #536974; color: #ffffff; height: 34px;/* overflow: hidden;*/ margin: 0 8px; position:relative; border:1px solid #fff; }

#col1 { width: 165px; padding: 22px; overflow: hidden; float: left; }
#col1 h2 {text-align:center;}
#col1 a img{ border: none; }
#col1 a {color: black; }
#col1 div { background: #cbd2d5; padding: 5px; height: 107px; width: 147px; margin: 0 auto 13px; text-align:center; border:1px solid #536974; }
#col1 div p { clear:both; }
#col2 ul { color:#690; list-style-type:square; }
#col2 ul a { color:#C60; }
#col1 div img { border:1px solid #fff;}

#col2 { background: url('./bpimages/bg_col2.jpg') repeat-x #ffffff top; overflow: hidden; min-height: 385px; width: 380px; float: left; padding: 37px 20px 10px; line-height: 24px; }
#col2 img { float:left; border:1px solid #333; margin: 0 20px 0 0; padding:1px; }
#col2 img.reserve_it { border:0px; float:none; }
#col2 a { text-decoration: none; color: #59666C; }
#col2 #villas a {margin-right: 25px; }
#col2 #villas a img { border: 3px solid #536974; padding: 1px;}
#col2 h2 { margin-top: 0px; }
#col2 p.first { margin-top: 0px; }

#col3 { width: 176px; padding: 30px 20px 0 13px; overflow: hidden; float: right; font-size: 10px;}
#col3 hr { height:1px; border:0; border-top:1px solid #ccc; }
#col3 #teaser { overflow: hidden; }
	#teaser select { margin-bottom: 9px; font-size: 10px;}
	#teaser select.villa { width: 176px; }
	#teaser input { width: 171px; margin-bottom: 10px;}
	#teaser select.occupancy { width: 36px; }
	#teaser button { background: url('./bpimages/check_availablity.jpg') no-repeat; height: 27px; width: 174px; border: none; cursor:pointer; }
	#teaser a { letter-spacing: -1px; color:#536974; }
	#teaser img {cursor: pointer; vertical-align: top; padding: 0px;}
	#teaser th {text-align: left; font-weight: normal; }
	#teaser .calendars { margin: 0px; padding:0px; border: 1px solid blue; position:relative;}
	#teaser #checkincalendar, #teaser #checkoutcalendar { margin: 0px; padding:0px; display: inline; width: 18px;}
	
	
#col3 #teaser a { font-size: 9px; }
#col3 #signUp { margin-top: 28px; font-size: 11px; min-height: 87px;  padding-top: 19px; text-align:center; background-color: #dfefff; border:1px solid #1d78a4; }
	#col3 #signUp input { border: 1px solid #949494; width: 148px; margin: 6px 0px; font-size:10px; text-align:center;}
	#col3 #signUp span { letter-spacing: -1px; font-weight:bold; color:#3d6a81; }
	#col3 #signUp #sh_sufs .sserror { font-weight:bold; font-size: 10px; }
	#col3 #signUp input#sufs_submit { background: url('./bpimages/submit.jpg') no-repeat; height: 21px; width: 63px; border: none; cursor:pointer; text-align:right; margin: 5px 0;}
	#col3 #signUp .hidden { display: none; }

#rollover { margin-left: 229px; margin-bottom: 27px}
#rollover a img { border:3px solid #536974; padding:1px; }

#footer { background: url('./bpimages/bg_footer.jpg') no-repeat #267a89;6; text-align:center; font-size: 11px; width: 100%; color: #ffffff; padding: 30px 0; }
#footer ul { margin: 0px; padding: 0px;}
#footer ul li { display: inline; }
#footer ul li a { color: #ffffff; text-decoration:none; }
#footer ul li a:hover { text-decoration:underline; }


/* ---------------- individual page css ------------------- */

body#contact #col2 { line-height: 14px; }

body#properties #col2 .left { width: 450px; float: left; line-height: 45px; font-size:13px; }
body#properties #col2 .right { width: 170px; float: left; line-height: 45px; font-size:13px; margin-left: 15px; }
body#properties #col2 ul {margin: 0; padding: 0;}
body#properties #col2 ul li {list-style-type: none; clear:both; padding:20px 0 0 20px;; }
body#properties #col2 a  { float: left; }
body#properties #col2 a:hover  { text-decoration: underline; }
body#properties #col2 a img { border: 1px #536974 solid; padding: 1px;}
body#properties #col2 a.text  { margin-left: 5px;}

body.properties table.propinfo { width: 100%; border-collapse:collapse; line-height: 15px;}
body.properties table.half { width: 50%; margin: auto; border-collapse:collapse; line-height: 15px;}
body.properties table.propinfo tr td, body.properties table.half tr td { padding: 2px 15px; border: 1px #333 solid; text-align: center;}
body.properties td.small { font-size: 10px; }
body.properties h3 { font-size: 11px;}

.bubbleInfo { position:relative; width: 80px; float: left; margin-right: 35px;}
.pop { position: absolute; z-index: 50; border: 10px solid #999999; background: #fff; width: 425px; padding: 10px; overflow:hidden;}
.pop a { text-decoration: none; color: #59666C; }
.pop a:hover { text-decoration: underline; }
.pop table { border-collapse:collapse; }
.pop table tr td { padding: 2px 15px; border: 1px #333 solid; text-align: center;}
.pop p.popText { line-height: 15px; }
.pop p.close { float:right; margin: 0px;}
  .pop p.close a { color: #000; }
  
body#locations #col2 #map { border: #FFF solid 3px; }
body#locations #col2 a:hover { text-decoration: underline; }

/*---------------------- teaser popout calendars -------------------------- */

div#teaser006 {margin-top:2px; }
div#teaser006 table.ymtb {border-collapse:collapse; border:1px solid #000000; width: 190px;}
div#teaser006 table.ymtb thead tr th {background-color:#267A89; color:#fff; width:25px; height:22px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; cursor:default; -moz-user-select:none; -khtml-user-select:none;}
div#teaser006 table.ymtb thead tr th.ymtprevious {font-size:15px; color:#000000; cursor:pointer;}
div#teaser006 table.ymtb thead tr th.ymtymh {}
div#teaser006 table.ymtb thead tr th.ymtnext {font-size:15px; color:#000000; cursor:pointer;}
div#teaser006 table.ymtb tbody tr td {background-color:#ffffff; color:#000000; width:25px; height:20px; font-size:11px; font-family:Verdana, Geneva, sans-serif; text-align:center; cursor:pointer; -moz-user-select:none; -khtml-user-select:none;}
div#teaser006 table.ymtb tbody tr td.ymdblockinvalid {color:#ffffff; cursor:default;}
div#teaser006 table.ymtb tbody tr td.ymdrangeinvalid {color:#cccccc; text-decoration:line-through; cursor:default;}
div#teaser006 table.ymtb tbody tr td:hover {background-color:#7E7E7E;}
div#teaser006 table.ymtb tbody tr td.ymdblockinvalid:hover {background-color:#ffffff;}
div#teaser006 table.ymtb tbody tr td.ymdrangeinvalid:hover {background-color:#ffffff;}
div#teaser006 div#closebuttoncontainer {text-align:center;}
div#teaser006 div#closebuttoncontainer button {margin:3px auto 0; padding:1px 2px; border:1px solid #000000; font-size:11px; font-family:Verdana, Geneva, sans-serif; background-color:#ffffff; color:#000000; cursor:pointer;}