body {color: #777; font: 1em/1.4em "Lucida Grande", Lucida, Verdana, sans-serif; margin: 0; padding: 0; background-image: url(images/body.gif); background-repeat: repeat;}

h1 {font-size: 16px; color: #037E44; margin: 0; padding: 0;}
a {color: #037E44; text-decoration: none;}
img {border: 0;}
hr {border: 0; height: 1px; border-top: 1px dashed #777; clear: both; margin: 10px 0 10px 0; padding: 0;}
table {margin-top: 20px; width: 300px;}
button {margin: 0; height: 25px;}
textarea {height: 130px; width: 300px;}

#frame {width: 770px; margin: 0 auto 0 auto; padding: 30px 0 30px 0; font-size: 0.7em;}

/* HEADER AREA */

#head {width: 100%; font-size: 0.7em; height: 204px; background-image: url(images/back.gif); background-repeat: repeat-x;}

#header {width: 770px; margin: 0 auto 0 auto; padding-top: 20px; display: block;}
#header img {float: right;}
#header h1 {font-size: 16px; color: #fff; margin: 0; padding: 0;}
#header h2 {font-size: 14px; color: #fff; margin: 0; padding: 0;}
#header p {margin: 10px 0 10px 0; padding: 0; color: #fff;}

#tabs {width: 770px; margin: 0 auto 0 auto; clear: both;}
#tabs ul {margin: 0; padding: 0; list-style: none; float: right;}
#tabs li {float: left; margin: 23px 0 0 0; padding: 0;}
#tabs li a { font-size: 9px;display: block; height: 27px; width: 110px;  margin: 0 0px 0 0; padding: 6px 0 0 0; color: #777; font-weight: bold; text-align: center;}
.off {background-image: url(images/tab-off.gif); background-repeat: no-repeat;}
#on, #tabs li a:hover {background-image: url(images/tab-on.gif); background-repeat: no-repeat;}

/* FEATURED PROPERTY BOX */

.featured {float: left; width: 210px; height: 400px; background-image: url(images/results.gif); background-repeat: no-repeat; padding: 20px; margin-bottom: 20px;}
.featured h1 {font-size: 14px; color: #037E44; margin: 0; padding: 0;}
.featured h2 {font-size: 12px; font-weight: bold; margin: 5px 0 10px 0; padding: 0;}
.featured h3 {font-size: 12px; margin: 10px 0 0 0; padding: 0; text-transform: uppercase; font-weight: normal;}
.featured p {margin: 5px 0 5px 0; padding: 0;}
.featured button {margin: 10px 0 10px 0;}
.gap {margin: 0 10px 0 10px; _margin: 0 5px 0 5px;}
.border {border: 4px solid #E1E5E6;}
.featured h1 {letter-case: upper; text-transform: uppercase;}

.thumb {width: 204px; height: 136px; border: 4px solid #E1E5E6;}
.buttonmoon {margin: 15px 0 10px 0; float: right;}

/* CONTENT AREA */

.details, .full {width: 720px; background-image: url(images/details-mid.gif); background-repeat: repeat-y; padding: 0 30px 0 20px;}
.details ul {margin: 20px 0 0 0; padding: 0; list-style: none;}
.details li {float: left; width: 60px; text-align: center; padding: 10px; font-size: 0.9em; height: 60px; line-height: 13px;}
.details h2 {font-size: 13px; color: #037E44;}
.details p, .full p {padding: 0; margin: 10px 0 0 0;}
.full ul {margin: 20px 0 0 20px; padding: 0 0 0 20px;}

.sticker {width: 105px; height: 105px; background-image: url(images/sticker.gif); float: right; margin-top: 20px;}
.sticker p {color: #fff; font-size: 14px; font-weight: bold; margin: 0; padding: 34px 0 0 9px;}
.bord {border-left: 1px solid #777; border-right: 1px solid #777;}
.bordtop {border-top: 1px solid #777;}

.propdetails {float: left; width: 335px;}
.propdetails label {width: 300px; display: block;}
.propdetails input, .propdetails textarea {width: 300px;}
.spacetop {margin-top: 20px;}

/* GOLF DEL SUR */

.golfdelsur {float: left; width: 335px; height: 188px; padding: 20px; background-image: url(images/golfdelsur.gif); margin: 0 0 20px 20px;}
.golfdelsur .picleft {width:120px; height:90px;}
.spacer {margin-right: 20px;}
.spacerform {margin-right: 40px;}

/* LATEST PROPERTY IFRAME */

iframe {border: 0; width: 375px; background-image: url(images/latestprops-back.gif); background-position: bottom; float: left; height: 480px;}
.latestprops p {font-size: 0.7em; margin: 0 0 0 20px;}
.latestprops table {width: 330px; font-size: 0.7em; margin: 20px 0 10px 20px;}
.latestprops td, .details td {border-bottom: 1px solid #333; line-height: 25px;}
.latestprops h2 {font-size: 14px; margin: 20px 0 0 20px; }
.dark {background-color: #f3f4f4;}

.tabprops {width: 375px; font-size: 0.7em;}
.tabprops ul {list-style: none; margin: 0; padding: 0; float: left; /*background-color: Lime;*/}
.tabprops li {float: left;}
.tabprops li a {display: block; height: 27px; width: 125px; margin: 0 0 0 0; padding: 5px 0 0 0; font-weight: bold; text-align: center;}

.toff {background-image: url(images/tab-alt-off.gif); background-repeat: no-repeat;}
.toff a {color: #fff;}
#ton, .toff a:hover {background-image: url(images/tab-alt-on.gif); background-repeat: no-repeat;}
#ton a,.toff a:hover {color: #037E44;}

.datatable tr:hover, .datatable tr.hilite {background-color: #037E44; color: #fff; cursor: pointer;}

/* FOOTER AREA */

#footer {background-color: #F0F0EC; font-size: 0.7em; clear: both; border-top: 4px solid #fff;}
#foot {margin: 0 auto 0 auto; width: 730px; padding: 20px; height: 90px; /*background-color: orange;*/}
#foot ul {margin: 0; padding: 0; float: right;}
#foot li {list-style: none; margin: 0 30px 0 30px;}
#foot a {color: #777;}
#foot a:hover {color: #037E44;}
#foot p {margin: 10px 0 10px 0; padding: 0;}

.quicksearch select{width: 200px;}

/* REGISTER FORM */

.formlayout label {width: 300px; display: block; float: left; height: 20px; margin: 2px 0 2px 0; /*background-color: Red;*/}
.formlayout select, .formlayout input {margin: 2px 0 2px 0;}
.formlayout textarea {height: 200px;}
.formreg {float: left; width: 300px; /*background-color: Blue;*/}
.formregtxt {width: 700px;}
.location {width: 300px; height: 100px;}
.trlight {background-color: #F3F4F4;}

/* OTHER STUFF */

.right {float: right;}
.left {float: left;}
.picright {float: right; margin-left: 10px;}
.picleft {float: left; margin-right: 10px;}

.greentext {color: #037E44;}

.details {width: 720px; background-image: url(images/details-mid.gif); background-repeat: repeat-y; padding: 0 30px 0 20px;}
.details ul {margin: 20px 0 0 0; padding: 0; list-style: none;}
.details li {float: left; width: 60px; text-align: center; padding: 10px; font-size: 0.9em; height: 60px; line-height: 13px;}
.details h2 {font-size: 13px;}

.siteemail {display:none;}
.normallogo {display: block}
.printlogo {display:none;}

/* FLASH VID */

.flash {float: left;}
.flash h1 {margin: 20px 0 20px 0;}