html, body {
height: 100%;
margin:0;
text-align:center;
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
color: #363427;
background: #FAF4DD;
}

a:link {  color: #363427; text-decoration: none}
a:active {  color: #363427; text-decoration: none}
a:visited {  color: #363427; text-decoration: none}
a:hover {  color: #363427; text-decoration: underline}

/* layout - Content Padding Bottom = Height of Footer */

#wrapper {
min-height: 100%;
width: 100%;
margin: 0 auto;
position: relative;
}
#content {
padding: 0 0 34px;
margin: 0 auto;
width: 900px;
}

/* header */

#header {
float: left;
width: 898px;
height:82px;
margin: 0px 0px 0px 0px;
background-color:#faf4dd;
text-align:left;
border-left:1px solid #eae2d4;
border-right:1px solid #eae2d4;
}

/* nav */

#navBar {
float: left;
display:inline;
width: 898px;
height: 33px;
margin: 0px;
text-transform:uppercase;
border-left:1px solid #eae2d4;
border-right:1px solid #eae2d4;
background:url('../images/nav_bg.jpg');
}
#nav, #nav ul {
padding: 0;
margin: 0px 0px 0px 20px;
list-style: none;
width:auto;
height:33px;
line-height:33px;
background-image:url(/images/nav_bg.jpg);
}
#nav a {
display: block;
width: auto;
color:#fff;
padding:0px 9px;
}
#nav a:hover {
text-decoration:none;
background-color:#fff;
color:#242112;
}
#nav li {
float: left;
width: auto;
color:#fff;
}
#nav li ul {
position: absolute;
width: 120px;
height:auto;
left: -999em;
margin:0px 0px 0px 0px;
padding:0px;
background-image:none;
}
#nav li ul li a{
width:115px;
height:auto;
line-height:normal;
color:#fff;
background-color:#000;
text-align:left;
margin:0px;
padding:6px 0px 6px 5px;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: auto;
}



/* main content areas */

#homeFlash {
float: left;
width: 900px;
height: auto;
}
#main {
float:left;
width: 900px;
height:auto;
padding:0px;
margin:0px;
text-align:left;
}

/* left */

#left {
float:left;
width: 305px;
height:auto;
text-align:left;
margin: 0px 15px 0px 0px;
padding:0px;
}
.leftPropBox {
float:left;
width: 283px;
height:auto;
text-align:left;
margin: 10px 0px 0px 0px;
padding: 15px 10px 10px 10px;
background:#f0e7c3;
border: 1px solid #eae2d4;
}
.leftPropBox h1{
font-family:Georgia, "Times New Roman", Times, serif;
color:#517B67;
font-size:130%;
font-weight:normal;
text-transform:uppercase;
padding:0px;
margin:0px 0px 5px 0px;
}

.leftPropBox h2{
font-size:110%;
font-weight:bold;
padding:0px;
margin:0px 0px 5px 0px;
}

.leftPropPod {
float:left;
width:285px;
height:auto;
margin: 0px 0px 15px 0px;
}
.lppHead {
float:left;
width:180px;
height:auto;
text-transform:uppercase;
font-weight:bold;
}
.leftPropPod a {
float:right;
color:#517B67;
}
.lppText {
float:left;
width:180px;
height:auto;
}
.lppText a {
float:right;
color:#517B67;
}
.leftPropPod img {
float:right;
border: 1px solid #fff;
}
.leftNewsBox{
float:left;
width:305px;
height:auto;
margin: 10px 0px 0px 0px;
}
.leftNewsBox h1{
font-family:Georgia, "Times New Roman", Times, serif;
color:#908763;
font-size:130%;
font-weight:normal;
text-transform:uppercase;
padding:0px;
margin:0px 0px 5px 0px;
}
.leftNewsPod {
float:left;
width:305px;
height:auto;
margin: 0px 0px 5px 0px;
}
.lnpHead {
float:left;
width:305px;
height:auto;
font-weight:bold;
}
.leftNewsPod a {
float:right;
color:#908763;
}

/* full width */

#fullWidth {
float:left;
width: 900px;
height:auto;
text-align:justify;
padding: 15px 0px 0px 0px;
margin:0px;
}

#fullWidth h1{
font-family:Georgia, "Times New Roman", Times, serif;
color:#517B67;
font-size:150%;
font-weight:normal;
text-transform:uppercase;
padding:0px;
margin:0px 0px 5px 0px;
}


/* right */

#right {
float:left;
width: 580px;
height:auto;
text-align:justify;
padding: 15px 0px 0px 0px;
margin:0px;
}
#right h1{
font-family:Georgia, "Times New Roman", Times, serif;
color:#517B67;
font-size:150%;
font-weight:normal;
text-transform:uppercase;
padding:0px;
margin:0px 0px 5px 0px;
}
.rightNewsPod {
float:left;
width:580px;
height:auto;
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
border-bottom:1px solid #dfd3af;
}
.hNP {
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
border-bottom:0px;
}
.rnpHead {
float:left;
width:580px;
height:auto;
font-weight:normal;
font-size:130%;
color:#9F8F4F;
}
.hNPHead {
font-weight:bold;
font-size:100%;
}
.rightNewsPod a {
float:right;
color:#908763;
}
.rightNewsPod img {
float:right;
margin: 0px 0px 10px 10px;
border:1px solid #474539;
}


/* property */

.propLeft {
float:left;
width:385px;
height:auto;
margin: 0px 15px 0px 0px;
}
.propRight {
float:left;
width:500px;
height:auto;
margin: 0px;
padding: 0px;
}

.propcol1 {
float:left;
width:285px;
height:auto;
margin: 10px 10px 0px 0px;
}
.propcol2 {
float:left;
width:265px;
height:auto;
margin: 10px 0px 0px 0px;
padding: 10px;
background:#f0e7c3;
}
.prop-listing-img {
  float:  right;
  margin: 0px 0px 0px 10px;
  border: 0px;
}

.rightPropBox {
float:left;
width: 568px;
height:auto;
margin: 0px 0px 15px 0px;
padding: 5px;
background-color:#EFE9D1;
border:1px solid #DFD199;
}
.rppHead {
float:left;
width:400px;
height:auto;
text-transform:uppercase;
font-weight:normal;
color:#9F9363;
font-family:Georgia, "Times New Roman", Times, serif;
}
.rppText {
float:left;
width:400px;
height:auto;
}
.rppText a {
float:right;
color:#908763;
}
.rightPropBox img {
float:right;
border: 1px solid #908763;
}

.propDetailsImgBox {
float:left;
width: 375px;
height:auto;
margin: 0px 0px 15px 0px;
padding: 5px;
background-color:#EFE9D1;
border:1px solid #DFD199;
}
.pdibThumbs {
float:right;
width:375px;
margin: 10px 0px 0px 0px;
}


/* local directory page */

.listingBox {
float:left;
width:888px;
height:auto;
padding:5px;
margin: 10px 0px 0px 0px;
background-color:#EFE9D1;
border:1px solid #DFD199;
}

.listingBox h2 {
margin: 0px;
padding: 0px;
}

.listingBox h3 {
margin: 0px;
padding: 0px;
}

.listingBox p {
margin: 0px;
padding: 0px;
}

.LBHead {
height:auto;
margin: 0px 8px 0px 0px;
font-weight:bold;
padding: 0px;
}

.LBWeb {
float:right;
text-align:right;
width:200px;
height:auto;
margin: 0px 0px 5px 0px;
}


/* recuitment */

.positionBox {
float:left;
width:568px;
height:auto;
padding:5px;
margin: 10px 0px 0px 0px;
background-color:#EFE9D1;
border:1px solid #DFD199;
}
.posBoxItem {
float:left;
width:280px;
height:auto;
margin: 0px 4px 5px 0px;
}
.posBoxDesc {
float:left;
width:568px;
height:auto;
margin: 0px 0px 10px 0px;
}
.pbContact {
float:left;
width:568px;
height:auto;
}


/* footer */

#footer {
width: 100%;
height: 33px;
position: absolute;
bottom: 0;
left:0;
text-align: center;
margin-top:0px;
}
#footerContent {
width:900px;
height:auto;
text-align: left;
margin: auto;
margin-top:0px;
padding: 0px;
color: #363427;
border-top:1px solid #dfd3af;
}

#footerNav {
float: left;
width: 898px;
height: 33px;
margin: 0px;
text-transform:uppercase;
font-size:80%;
}
#footerNav ul  {
float: left;
display:inline;
list-style: none;
width:auto;
height:33px;
padding: 0px;
margin: 0px;
}
#footerNav li {
float: left;
display:inline;
width:auto;
height: 33px;
line-height:33px;
color:#363427;
}
#footerNav li a, #footerNav li a:visited {
float: left;
color:#363427;
margin:0px 0px;
padding:0px 5px;
}
#footerNav li a:hover {
float: left;
height: 33px;
text-decoration:underline;
color:#363427;
}

#footer a, #footer a:visited {  color: #363427; text-decoration: none}
#footer a:hover {  color: #363427; text-decoration: underline}


/* Dajve */
.fr {
  float:  left;
  margin-bottom: 2px;
  clear:  both;
}
.min  {
  float:  left;
  width:  150px;
}
.med {
  float:  left;
  width:  300px;
}
.head {
  font-size:    1.1em;
  margin-right: 10px;
}
.min.head {
  width:  140px;
}

form.recruitment-form {
float:left;
width:568px;
height:auto;
padding:5px;
margin: 10px 0px 0px 0px;
background-color:#EFE9D1;
border:1px solid #DFD199;
}

form.property-enquiries {
float:left;
width:568px;
height:auto;
padding:5px;
margin: 10px 0px 0px 0px;
background-color:#EFE9D1;
border:1px solid #DFD199;
}
form.property-enquiries fieldset {
  float:  left;
  padding:  5px;
}
form.property-enquiries .min {
  width:  200px;
}
form.property-enquiries fieldset .min {
  width:  100px;
}
form.property-enquiries fieldset .med {
  width:  430px;
}
form.property-enquiries .med input,
form.property-enquiries .med textarea,
form.property-enquiries .med select {
  width:  300px;
}
form.property-enquiries .med input.CBI {
  width:  auto;
  float: left;
}
form.property-enquiries .med label {
  float: left;
  display:  block;
  width:  85px;
}

form#applicationform.property-enquiries .med label {
  width:  auto;
  float: none;
  display: inline;
}
form#applicationform.property-enquiries .med .CBI {
  float: none;
}