/*home.css - styles specific to the home page

copyright 2007 Future Medium Pty Ltd

@author: matt watts

*/


body {
  background: url("../images/bg_faux_home.gif") repeat-y 50% 0;
}

.wrapper {
  width: 765px;
  margin: 60px auto;
}

.colLeft {
  float: left;
  width: 256px;
}

.colRight {
  float: right;
  width: 509px;
}

.logoBox {
  background: #fff url("../images/bg_left_panel_upper_shadow.jpg") no-repeat bottom right;
  width: 256px;
}

.logoBox img {
  margin: 60px 50px;
}

.colLeft a {
  color: #006da6;
}

.colRight img {
  display: block;
}

.colRight .colA {
  float: left;
  margin-left: 1px;
}

.colRight .colB {
  float: right;
}

.colRight .colB img.banner {
  display: block;
  margin: 1px 0;
  padding: 0;
}

span.hidden {
  display: none;
}

a.justLooking {
  background: url("../images/button_just_looking.gif") no-repeat top left;
  display: block;
  height: 31px;
  width: 256px;
  margin: 1px 0;
}

a.justLooking:hover {
  background-position: bottom left;
}

.propertySearch {
  background: url("../images/bg_property_search_box.gif") repeat-x;
  width: 256px;
}

form {
  display: inline;
}

.propertySearch img.heading {
  padding: 14px 10px;
}

.propertySearch img.subheading {
  padding: 6px 10px;
  clear: left;
}

.propertySearch select {
  background-color: #ed0000;
  border: 1px solid #4c5f89;
  color: #fff;
  padding: 1px;
  font-size: 0.9em;
  margin: 0;
}

.propertySearch select.priceL {
  width: 115px;
  margin: 0 0 0 10px;
  float: left;
        padding: 0;
}

.propertySearch select.priceR {
  width: 115px;
  margin: 0 0 0 5px;
  float: left;
        padding: 0;
}

.propertySearch select.location {
  width: 235px;
  margin: 0 0 0 10px;
        padding: 0;
}

.buyRent {
  background: #edeee4 url("../images/bg_search_box.gif") repeat-x;
  width: 256px;
  height: 40px;
}

.input {
  float: left;
  padding: 10px 5px;
  margin-left: 3px;
}

.input img {
  display: inline;
}

a.searchButton {
  background: url("../images/button_search.gif") no-repeat top left;
  height: 22px;
  width: 114px;
  display: block;
        margin-left: 8px;
}

a.searchButton:hover {
  background-position: bottom left;
}

a.searchButton span {
  display: none;
}

.colA .textPanel {
  background: #fff;
  width: 256px;
}

.colB .textPanel {
  background: #faf9f4;
  border: 1px solid #f3f3f0;
  border-top: none;
  width: 248px;
}

.textPanel h1 {
  color: #010101;
  background: #fff;
  font-size: 1.2em;
  margin: 0;
  padding: 7px 0 7px 10px;
}

.textPanel h2 {
  color: #515252;
  font-size: 1em;
  margin: 0;
  padding: 10px 0 10px 10px;
}

.textPanel p {
  color: #7d7d7d;
  padding: 0 0 0 10px;
  clear: left;  
}

.colB .textPanel h2 {
  color: #3c4244;
  float: left;
}

.textPanel span.highlighted {
  font-weight: bold;
}

.textPanel a {
  color: #ed0000;
  text-decoration: none;
}

.textPanel a:hover {
  text-decoration: underline;
}

#featureProperty,
#sellItRight {
  position: relative;
}

a.viewMore {
  position: absolute;
  bottom: 10px;
  right: 10px;
  top: 140px; /* top and left are recognised by IE6 */
  left: 160px;
  background: url("../images/button_view_more.gif") no-repeat top left;
  width: 84px;
  height: 22px;
}

a.viewMore:hover {
  background-position: bottom left;
}

a.findMore {
  position: absolute;
  bottom: 10px;
  right: 10px;
  top: 154px; /* top and left are recognised by IE6 */
  left: 141px;
  background: url("../images/button_find_out_more.gif") no-repeat top left;
  width: 103px;
  height: 22px;
}

a.findMore:hover {
  background-position: bottom left;
}

.amenitiesBox {
  float: right;
        margin: 0;
        padding: 0;
}

ul.amenity {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.amenity li {
  background: #fff;
  padding: 5px;
  margin-left: 1px;
  float: left;
}

ul.amenity li span {
  color: #ed0000;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0 2px;
}

ul.amenity li img {
  display: inline;
}

#footer .fLeft {
  float: left;
  width: 254px;
}

#footer .fRight {
  float: right;
  width: 500px;
}
