html, body {
font: 12px/1.4em "Verdana", serif;
color: #008e7d;
background: url('../ui/bg1.png') repeat-y top center;
}

body, div, td, form, map, area, p {margin: 0px;padding: 0px;border: none;}

p {padding: 0px;margin: 2px 0px !important;}

img {border-style: none;}

table {border-collapse: collapse;border-spacing: 0px;}

td {vertical-align: top;}

h1 {font-size: 130%;}
h2 {font-size: 120%;}
h3 {font-size: 110%;}
h4 {font-size: 100%;}
h5 {font-size: 90%;}
h6 {font-size: 75%;}

a:link, a:active, a:visited {text-decoration: none;color: #008e7d;}
a:hover {text-decoration: none;color: #8cc63f;}

a.arrow:link, a.arrow:active, a.arrow:visited {text-decoration: none;color: #009fda;font-weight: bold;background: url('../ui/arrow.png') no-repeat center right;padding-right: 20px;}
a.arrow:hover {text-decoration: none;color: #006185;}

a.prev:link, a.prev:active, a.prev:visited {text-decoration: none;color: #8cc641;font-weight: bold;background: url('../ui/prev.png') no-repeat 0px 4px;padding-left: 28px;}
a.prev:hover {text-decoration: none;color: #006185;}

a.bold-green:link, a.bold-green:active, a.bold-green:visited {text-decoration: none;color: #009fda;font-weight: bold;background: url('../ui/back.png') no-repeat center left;padding-left: 20px;}
a.bold-green:hover {text-decoration: none;color: #006185;}

hr {width: 80%;height: 1px;line-height: 1px;border: none;color: #8f7f47;background: #8f7f47;padding: 0px;margin: 5px auto;}

.button {background: #e7e7e8;color: #008e7d;cursor: pointer;font-size: 13px;}

.box {border: 1px solid #8cc63f;background-color: #f7f7f7;font-size: 11px;color: #000000;padding: 1px;}

.box:focus {background: #d7f2a7;}

.box-s {border: 1px solid #e7e7e8;background:#e7e7e8;font: 11px/1.4em "Verdana", sans-serif;color: #008e7d;padding:1px;font-weight:bold;}

.box-s:focus {background: #e7e7e8;}

.box:hover {background: #d7f2a7;}

.txtl {text-align: left !important;}

.txtc {text-align: center !important;}

.txtr {text-align: right !important;}

.txtj {text-align: justify !important;}

.center {margin-left: auto !important;margin-right: auto !important;}

.vtop {vertical-align: top !important;}

.vmiddle {vertical-align: middle !important;}

.vbottom {vertical-align: bottom !important;}

.p2 {padding: 2px !important;}

.p5 {padding: 5px !important;}

.p10 {padding: 10px !important;}

.m5 {margin: 5px !important;}

.m3 {margin: 3px !important;}

.m10 {margin: 10px !important;}

.mbt10 {margin: 10px 0px !important;}

.mlr10 {margin: 0px 10px !important;}

.mt10 {margin-top: 10px !important;}

.mb10 {margin-bottom: 10px !important;}

.ml10 {margin-left: 10px !important;}

.mr10 {margin-right: 10px !important;}

.block {display: block !important;}

.inline {display: inline !important;}

.rel {position: relative;z-index: 1;}

.abs {position: absolute;}

.bold {font-weight: bold;}

.italic {font-style: italic;}

.nonitalic {font-style: normal;}

.float_l {float: left;}

.float_r {float: right;}

.clear {clear: both;}

.violet {color: #7f1b7d;}

.frame {border: 1px solid #8cc641;}

.green, a.green:link, a.green:active, a.green:visited, a.green:hover {color: #8CC641;}
.black, a.black:link, a.black:active, a.black:visited, a.black:hover {color: #000;}
.darkgreen, a.darkgreen:link, a.darkgreen:active, a.darkgreen:visited, a.darkgreen:hover {color: #008e7d;}

.f10 {font-size: 10px !important;}
.f11 {font-size: 11px !important;}
.f12 {font-size: 12px !important;}
.f13 {font-size: 13px !important;}
.f14 {font-size: 14px !important;}
.f15 {font-size: 15px !important;line-height: 15px !important;}
.f16 {font-size: 16px !important;line-height: 16px !important;}
.f17 {font-size: 17px !important;line-height: 17px !important;}
.f18 {font-size: 18px !important;line-height: 18px !important;}
.f19 {font-size: 19px !important;line-height: 19px !important;}
.f20 {font-size: 20px !important;line-height: 20px !important;}
.f21 {font-size: 21px !important;line-height: 21px !important;}
.f22 {font-size: 22px !important;line-height: 22px !important;}
.f23 {font-size: 23px !important;line-height: 23px !important;}
.f24 {font-size: 24px !important;line-height: 24px !important;}

/*Start round boxes*/
.xround {width: 800px;margin: 5px auto;background: transparent;}
.xtop, .xbottom {display: block;background: transparent;font-size: 1px;}
.xb1, .xb2, .xb3, .xb4 {display: block;overflow: hidden;}
.xb1, .xb2, .xb3 {height: 1px;}
.xb2, .xb3, .xb4 {background: #ffffff;border-left: 0px solid #ffffff;border-right: 1px solid #ffffff;}
.xb1 {margin: 0px 5px;background: #ffffff;}
.xb2 {margin: 0px 3px;border-width: 0px 2px;}
.xb3 {margin: 0px 2px;}
.xb4 {height: 2px;margin: 0px 1px;}
.xbox {display: block;background: #ffffff;border-left: 0px solid #ffffff;border-right: 1px solid #ffffff;}

.xround-corner {margin: 5px;background: transparent;color:#004f44;padding:5px;}
.xtop-corner, .xbottom-corner {display: block;background: transparent;font-size: 1px;}
.xb1-corner, .xb2-corner, .xb3-corner, .xb4-corner {display: block;overflow: hidden;}
.xb1-corner, .xb2-corner, .xb3-corner {height: 1px;}
.xb2-corner, .xb3-corner, .xb4-corner {background: #ffffff;border-left: 1px solid #8cc641;border-right: 1px solid #8cc641;}
.xb1-corner {margin: 0px 5px;background: #8cc641;}
.xb2-corner {margin: 0px 3px;border-width: 0px 2px;}
.xb3-corner {margin: 0px 2px;}
.xb4-corner {height: 2px;margin: 0px 1px;}
.xbox-corner {display: block;background: #ffffff;border-left: 1px solid #8cc641;border-right: 1px solid #8cc641;padding:5px;}
.xbox-corner table {
	width:440px;
	margin: 0;
}
.xbox-corner table td {
	padding: 10px;
}

.xround_h {overflow: hidden;background: transparent;}
.xtop_h, .xbottom_h {display: block;background: transparent;font-size: 1px;}
.xb1_h, .xb2_h, .xb3_h, .xb4_h {display: block;overflow: hidden;}
.xb1_h, .xb2_h, .xb3_h {height: 1px;}
.xb2_h, .xb3_h, .xb4_h {background: #792877;border-left: 1px solid #792877;border-right: 1px solid #792877;}
.xb1_h {margin: 0px 5px;background: #792877;}
.xb2_h {margin: 0px 3px;border-width: 0px 2px;}
.xb3_h {margin: 0px 2px;}
.xb4_h {height: 2px;margin: 0px 1px;}
.xbox_h {display: block;background: #792877;border-left: 1px solid #792877;border-right: 1px solid #792877;overflow: hidden;padding: 1px 7px;color: #ffffff;font: 13px/1.4em Verdana, Arial, sans-serif;}

.xround_c {margin: 10px;background: transparent;}
.xtop_c, .xbottom_c {display: block;background: transparent;font-size: 1px;}
.xb1_c, .xb2_c, .xb3_c, .xb4_c {display: block;}
.xb1_c, .xb2_c, .xb3_c {height: 1px;}
.xb2_c, .xb3_c, .xb4_c {background: #e7e7e8;border-left: 1px solid #8cc63f;border-right: 1px solid #8cc63f;}
.xb1_c {margin: 0px 5px;background: #8cc63f;}
.xb2_c {margin: 0px 3px;border-width: 0px 2px;}
.xb3_c {margin: 0px 2px;}
.xb4_c {height: 2px;margin: 0px 1px;}
.xbox_c {display: block;background: #e7e7e8;border-left: 1px solid #8cc63f;border-right: 1px solid #8cc63f;padding: 5px 7px;color: #008e7d;}

.xround_ce {margin-top: 0px;margin-bottom:5px;background: transparent;}
.xtop_ce, .xbottom_ce {display: block;background: transparent;font-size: 1px;}
.xb1_ce, .xb2_ce, .xb3_ce, .xb4_ce {display: block;}
.xb1_ce, .xb2_ce, .xb3_ce {height: 1px;}
.xb2_ce, .xb3_ce, .xb4_ce {background: #e7e7e8;border-left: 1px solid #8cc63f;border-right: 1px solid #8cc63f;}
.xb1_ce {margin: 0px 5px;background: #8cc63f;}
.xb2_ce {margin: 0px 3px;border-width: 0px 2px;}
.xb3_ce {margin: 0px 2px;}
.xb4_ce {height: 2px;margin: 0px 1px;}
.xbox_ce {display: block;background: #e7e7e8;border-left: 1px solid #8cc63f;border-right: 1px solid #8cc63f;padding: 5px 7px;color: #008e7d;}

.round1 {margin: 0px 0px 10px 0px;}
.round1 .tl {width: 7px;height: 7px;background: url('../ui/button-tl.png') no-repeat top left;}
.round1 .tr {width: 11px;height: 7px;background: url('../ui/button-tr.png') no-repeat top left;}
.round1 .bl {width: 7px;height: 11px;background: url('../ui/button-bl.png') repeat-y top left;}
.round1 .br {width: 11px;height: 11px;background: url('../ui/button-br.png') repeat-y top left;}
.round1 .t {height: 7px;background: url('../ui/button-t.png') repeat-x top left;}
.round1 .b {height: 11px;background: url('../ui/button-b.png') repeat-x top left;}
.round1 .l {width: 7px;background: url('../ui/button-l.png') repeat-y top left;}
.round1 .r {width: 11px;background: url('../ui/button-r.png') repeat-y top left;}
.round1 .cnt {height: 17px;padding: 0px 5px;background: #863687;font: bold 12px/18px Verdana, Arial, sans-serif;text-align: left;color: #ffffff;vertical-align: middle;}

.round {margin: 0px;width: 148px;}
.round .tl {width: 7px;height: 7px;background: url('../ui/button-tl.png') no-repeat top left;}
.round .tr {width: 11px;height: 7px;background: url('../ui/button-tr.png') no-repeat top left;}
.round .bl {width: 7px;height: 11px;background: url('../ui/button-bl.png') repeat-y top left;}
.round .br {width: 11px;height: 11px;background: url('../ui/button-br.png') repeat-y top left;}
.round .t {height: 7px;background: url('../ui/button-t.png') repeat-x top left;}
.round .b {height: 11px;background: url('../ui/button-b.png') repeat-x top left;}
.round .l {width: 7px;background: url('../ui/button-l.png') repeat-y top left;}
.round .r {width: 11px;background: url('../ui/button-r.png') repeat-y top left;}
.round .cnt {height: 17px;padding: 0px 5px;background: #e7e7e8;font: bold 12px/18px Verdana, Arial, sans-serif;text-align: center;color: #004f44;vertical-align: middle;}
/*Rounded thumbnails*/
.thumb {width: 103px;height: 76px;position: relative;z-index: 1;overflow: hidden;padding: 2px;}
.thumb img {display: block;}
#thumbPIC {width: 90px;height: 62px;}
/*Rounded thumbnails */
.thumbF {width: 174px;height: 129px;position: relative;z-index: 99;padding: 0px;}
.thumbF img {display: block;width:160px;height:115px;}
/*Rounded pictures*/
.regular {width:467px;height:329px;position: relative;z-index: 1;overflow: hidden;padding: 2px;margin: 0px;}
.regular img {display: block;}
#regularPIC {width: 452px;height: 315px;}

/** Structure styles **/
#header {height: 180px;}
#footer {width: 800px;margin: 0px auto;font: 11px/1.4em Verdana, Arial, sans-serif;text-align: center;}
#logo {width: 300px;height: 120px;display: block;margin-top: 20px;margin-left: 30px;}

#front-page {position: relative;background: url('../ui/house-home.jpg') no-repeat bottom right;width: 800px;height: 650px;margin: 20px auto;}
#front-page #logo {position: absolute; top: -10px;left: -20px;}
#front-page #text {width: 318px; font-weight: bold;position: absolute; top: 200px; left: 20px;line-height: 18px;}
#front-page #text p{padding-bottom: 20px;}
#front-page #logo-flags{width: 151px;position: absolute;top: 520px; left: 85px;}
#front-page a#home-link {font-size:18px;color:#05403a;position: absolute;left: 615px;top: 125px;width: 55px; height: 27px; background-color: transparent;}
#front-page a#home-link:hover {font-weight:bold;}
#front-page a#estate-link {font-size:18px;color:#05403a;position: absolute;left: 655px;top: 355px;background-color: transparent;}
#front-page a#estate-link:hover {font-weight:bold;}
#front-page a#management-link {font-size:18px;color:#05403a;position: absolute;left: 480px;top: 440px;background-color: transparent;}
#front-page a#management-link:hover {font-weight:bold;left: 470px;}
#front-page a#rentals-link {font-size:18px;color:#05403a;position: absolute;left: 415px;top: 560px;background-color: transparent;}
#front-page a#rentals-link:hover {font-weight:bold;}

/*#villaspage #villas {display: block;}*/
#nav {width: 800px;height: 88px;position: relative;background: #ffffff;z-index:2;}
#nav ul {width:800px;height: 36px;margin:0;padding:0;list-style:none;background: url("../ui/nav.gif") repeat-x top left;}
#nav #menu0 {width: 82px;}
#nav #menu1 {width: 114px;border-right: 1px solid #ffffff;}
#nav #menu2 {width: 192px;border-right: 1px solid #ffffff;}
#nav #menu3 {width: 152px;border-right: 1px solid #ffffff;}
#nav #menu4 {width: 125px;border-right: 1px solid #ffffff;}
#nav #menu5 {width: 130px;}
#nav ul ul {display:none;height:12px;position:absolute;top:36px;left:0;background:#8cc63f;padding:10px 0px 4px 0px;}
#nav ul ul ul {background:#ffffff;position:absolute;top:22px;height:12px;padding:8px 0px 4px 0px;border-top:4px solid #8cc63f;border-bottom:1px solid #8cc63f;}
#nav li {height:36px;margin:0;float:left;display: block;line-height:36px;border-right: 1px solid #ffffff;font-size: 13px;text-align: center;}
#nav li li {height:12px;margin:0;float:left;display: block;line-height:12px;border-right: 1px solid #ffffff;font-size: 12px;text-align: center;}
#nav li li li{height:12px;margin:0;float:left;display: block;line-height:12px;font-size: 12px;text-align: center;}
#nav li.last {border: none;}
#nav .current {display:block;}
#nav li a {text-decoration: none;color: #ffffff;display: block;padding: 0px 10px;}
#nav li a:hover {text-decoration: none;color: #004f44;font-weight: bold;background: #8cc63f;}
#nav li li a.bold-green {text-decoration: none;color: #004f44;font-weight: bold;}
#nav li li a.bold-green:hover {color:#ffffff;}
#nav a.firstM:link, #nav a.firstM:active, #nav a.firstM:visited {background: url("../ui/house.gif") no-repeat center center;}
#nav a.firstM:hover {background: url("../ui/house-h.gif")  no-repeat center center;}
#nav a.selectedM {background: url("../ui/house-h.gif")  no-repeat center center;}
#nav a.selected:link, #nav a.selected:active, #nav a.selected:visited {color: #004f44;font-weight: bold !important;background: #8cc63f !important;}
#nav li li li a {text-decoration: none;color: #8cc641;display: block;padding: 0px 12px;}
#nav li li li a:hover {text-decoration: none;color: #8cc63f;display: block;padding: 0px 12px;background: #ffffff;}
#nav li li li a.bold-green {text-decoration: none;color: #004f44;font-weight: bold;}
#nav li li li a.bold-green:hover {color:#004f44;}

#content {padding: 15px 0px;}

#home {margin-left: 340px;padding: 15px 10px 15px 0px;}
#search {position: relative;width: 312px;padding: 0px;}
#search h3 {font: small-caps bold 16px/1.8em Verdana, Arial, sans-serif;color: #008e7d;background: #792877;text-align: center;letter-spacing: 1px;margin: 0px;padding: 0px;}
#search p {margin: 0px;padding: 0px;clear: left;}
#search img {display: block;margin: 0px auto 10px auto;}
#search label {font: 12px/1.4em Verdana, Arial, sans-serif;color: #008e7d;margin-right: 0px;font-weight:bold;}
#search #submit {cursor:pointer;}
#sec-logo {position: absolute;top: 25px;left: -10px;}

.display {width: 780px;margin: 10px auto;}
.display .pic {width: 150px;}
.display .pic .thumb {margin-top: 10px;}
.display .cnt {width: 780px;height: 86px;}
.display .display-div {width: 780px;height: 86px;background: url('../ui/bg-prop-list.gif') no-repeat 0px 0px;margin: 20px 0px;}
.display .small-pic {width: 180px;}
.display .short {width: 380px;vertical-align: middle;text-align: center;padding: 0 10px 0 0;}
.display .spacer {width: 4px;}
.display .price {width: 105px;padding-top: 8px;text-align: center;}
.display .code {width: 117px;padding-top: 30px;text-align: center;vertical-align: middle;color: #ffffff;}
.display .price p.propId{font-size: 14px;font-weight: bold;color: #ffffff;margin:20px 0px 0px 30px !important;}


.property {width: 780px;margin: 10px auto !important;}
.property .top-td {padding-left:10px;height:106px;vertical-align: middle;}
.property div#details-div {width:780px;height:106px;background: url('../ui/top-property.png') no-repeat top left;overflow: hidden;}
.property td#leftDetails {width: 125px;height: 56px;text-align: center;color: #fff;padding-top: 50px;padding-left: 5px;}
.property td#centerDetails {width: 450px;height:75px;padding:20px 60px 10px 40px;vertical-align:middle;}
.property td#rightDetails {width: 100px;height: 56px;padding-top:50px;}

.property .left {width: 456px;padding: 0 0 0 10px;}
.property .right {width: 304px;padding: 0px 10px 10px 0px;}

#bottom {width:790px;margin: 0px auto;padding: 10px 5px 0px 5px;text-align: center;clear: both;border-top: 4px solid #8cc641;}
#bottom dt {display: inline;color: #008e7d;font: bold 13px/18px Verdana, Arial, sans-serif;padding: 0px 5px;}
#bottom a, #bottom a:link, #bottom a:active, #bottom a:visited {text-decoration: none;color: #008e7d;font: bold 13px/18px Verdana, Arial, sans-serif;}
#bottom a:hover {text-decoration: none;color: #8cc63f;}
.more_panel {float: right;text-align: right;margin: 0px 10px 0px 20px;}
#choose {text-align: center;}
#choose img {margin: 0px 10px;}
#choose_s {margin-left: 320px;}
#choose_s img {margin: 0px;}

/*Form styles*/
#form {width: 416px;margin: 0px auto;padding-left: 10px;padding-right: 10px;}
#form input {line-height:16px;height:20px;font-size:14px;}
#form label {display: block;text-align: left;margin-bottom: 2px;font-weight:bold;}
#form .box {width: 100%;}
#form span {color: #8cc63f;font-weight: bold;}
#form #right-form label {display: block;text-align: right;margin-bottom: 2px;font-weight:bold;}

.records {border-collapse: separate;border-spacing: 1px;margin: 0px auto 15px auto;border: 1px solid #a87da7;}
.records th {text-align: center;vertical-align: middle;font-size: 12px;font-weight: bold;color: #ffffff;padding: 2px 5px;background: #792677;border: 1px solid #a87da7;}
.records td {text-align: left;vertical-align: middle;border: 1px solid #a87da7;padding: 2px;font-size: 11px;}

div.icons {text-transform:uppercase;font-weight:bold;font-size:11px;text-align:center;width: 110px;margin: 10px auto 20px auto;}

#media_home {width:760px;height:330px;margin: 0 auto 20px auto;}
.house-sign {background: url('../ui/house.png') no-repeat top left;overflow: hidden;margin:35px 0px 0 40px;height:45px;color:#fff;text-align:center;width:80px;padding-top:35px;float:left;}

.price-box{float:right;margin-top:30px;text-align:center;}

 #featured {
	width:740px;
    height:330px;
    background:#fff;
    overflow:hidden;
    margin:10px auto;
    position:relative;
 }
.featured-picture {
	width:452px;
    height:315px;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
	border:2px solid #7db351;
}
#featured-main {
	border:1px solid #8CC641;
	-o-box-shadow: 4px 4px 4px #c2d3ca;
	-icab-box-shadow: 4px 4px 4px #c2d3ca;
	-khtml-box-shadow: 4px 4px 4px #c2d3ca;
	-moz-box-shadow: 4px 4px 4px #c2d3ca;
	-webkit-box-shadow: 4px 4px 4px #c2d3ca;
	box-shadow: 4px 4px 4px #c2d3ca;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#EFEFEF,  offX=4, offY=4, positive=true);
}
#featured-summary {
	width:260px;
	height:212px;
	background:#fff url('../ui/bg.jpg') no-repeat;
	padding:20px 15px 0px 15px;
	position:absolute;
	top:44px;
	left:450px;
	z-index:1;
}
#featured-items {
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}
#featured-items .item {
	display:none;
	z-index:3;
}

#sold {width:100px;height:72px;position:absolute;top:0px;left:60px;z-index:99;}
#sold-big {width:160px;height:115px;position:absolute;top:0px;left:280px;z-index:99;}
#map-canvas {width:200px;}
