html {
  position: relative;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: verdana, arial, helvetica;
  font-size: 0.8em;
  background: #eee url(../images/bg.gif) repeat-x 0px 109px;
}

img {
  border: 0;
}

div.clear, br.clear {
  clear: both;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

* html #wrapper {
  height: 100%;
}
#wrapper {
  width: 772px;
  min-height: 100%;
  margin: 0 auto;
  background: #fff url(../images/border.gif) repeat-y;
}

#container {
  margin: 0 3px;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}

#header {
  position: relative;
  height: 316px;
  margin: 0;
  padding: 3px 0 0 0;
  border-top: 6px solid #c00;
}

#logo {
  margin-left: 25px;
  height: 100px;
  background: url(../images/logo.gif) no-repeat;
}

#nav {
  height: 30px;
  background: url(../images/nav-bg.gif) repeat-x;
  border-bottom: 2px solid #fff;
}

#nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  z-index: 2;
}

#nav ul li {
  float: left;
  font-size: 13px;
  margin: 0;
  padding: 0;
  z-index: 2;
}
#nav ul li a {
  position: relative;
  display: inline-block;
  height: 16px;
  padding: 7px 20px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-right: 1px solid #fff;
  z-index: 2;
}
#nav ul li a:hover, #nav ul li a#nav-active {
  color: #ff0;
  text-decoration: none;
  background: url(../images/nav-bg-hover.gif) repeat-x;
}
#nav ul li a.last {
  border-right: 0;
}

#address {
	float: right;
	position: absolute;
	top: 20px;
	right: 50px;
	z-index: 10;
	font-weight: bold;
}
#phone {
	float: right;
	position: absolute;
	top: 20px;
	right: 260px;
	z-index: 10px;
	font-weight: bold;
	z-index: 10;
}

#search {
  float: left;
  position: absolute;
  top: 15px;
  left: 400px;
  z-index: 10;
}
#search label {
  font-weight: bold;
  vertical-align: center;
  display: block;
  padding-bottom: 5px;
}
#search input.text {
  padding: 3px;
  border: 1px solid #000;
}

#banner {
  width: 762;
  height: 186px;
  background: url(../images/banner.jpg) no-repeat top left;
}

#house {
  position: absolute;
  margin: 0;
  padding: 0;
  right: 0px;
  bottom: -32px;
  width: 508px;
  height: 289px;
  background: url(../images/house.gif) no-repeat bottom right;
  z-index: 1;
}

.subnav {
  height: 30px;
  background: #ccc url(../images/subnav-bg.gif) repeat-x;
  margin: 0 auto;
  margin-top: 2px;
  z-index:10;
}
.subnav ul {
  list-style-type: none;
  margin: 0 0px;
  padding: 0;
}
.subnav ul li {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.subnav ul li a {
  position: relative;
  display: inline-block;
  padding: 9px 9px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  border-left: 1px solid #fff;
}
.subnav ul li a.last {
  border-right: 1px solid #fff;
}
.subnav ul li a.first {
}
.subnav ul li a:hover, .subnav ul li a#subnav-active {
  background: #ccc url(../images/subnav-bg-hover.gif) repeat-x;
}



#content {
  padding: 20px 10px;
}

h1 {
  font-size: 1.8em;
  color: #900;
  font-weight: bold;
  margin-top: 0;
  margin-left: 0;
}

#footer {
  clear: both;
  font-size: 11px;
  border-top: 3px solid #ccc;
  margin: 0 auto;
  margin-top: 2em;
  padding: 10px 0 0 0;
}

#footer .links {
  text-align: center;
  font-size: 11px;
  margin-bottom: 0.5em;
}


#footer .links a {
  position: relative;
  display: inline-block;
  padding: 0px 7px 0px 3px;
  color: #000;
  border-right: 1px solid #333;
}
#footer .links a.last {
  border-right: 0;
}
#footer p {
  margin-top: 2.5em;
}

table.horizontal {
  margin-bottom: 20px;
}

table.horizontal tr {
  vertical-align: top;
}

table.horizontal th, table.horizontal td {
  text-align: left;
  padding: 3px 7px;
}



/** LISTING STYLES **/

.label {
  font-weight: bold;
}

.listing-img {
  float: left;
  padding: 0 20px 20px 0;
}
.listing-img img {
  border: 1px solid #000;
}

.listing-details {
  margin-top: 15px;
}

.price {
  color: red;
  font-size: 130%;
  text-align: center;
}

.listing-room-info, .listing-other-info {
  margin-top: 2em;
}
#listing .listing-room-info table {
  margin: 0 auto;
}
#listing .listing-room-info table th, #listing .listing-room-info table td {
  text-align: left;
  padding-right: 30px;
}
.listing-other-info table th, .listing-other-info table td {
  padding-bottom: 1em;
}
#listing table th {
  text-align: right;
  padding-right: 20px;
}

#listing table td {
  text-align: left;
}

.listing-table-col {
  float: left;
  width: 49%;
}


/* Property List */
div.property-list-search {
  border: 1px solid #ccc;
  background-color: #ddd;
  padding: 10px 60px;
}

div.property-list-search form input[name=submit]{
  float:right;
  margin: 30px;
  margin-left: 0;
}

div.property-list-search table {
  border-collapse: collapse;
  margin-left: 20px;
}

div.property-list-search table th {
  text-align: left;
  padding-bottom:0;
  color: #3c4c61;
  font-weight: normal;
}

div.property-list-search table td {
  text-align: left;
  padding-top:0;
  padding-bottom:10px;
  padding-right:10px;
}


div.sort-options {
  border-bottom: 1px solid #ddd;
  padding: 3px;
  margin-bottom: 20px;
  color: #3c4c61;
}
div.sort-options a{
  color: #3c4cdd;
  text-decoration: none;
  border: 1px solid white;
}
div.sort-options a.active{
  color: #3c4c61;
  border-color: #aaa;
  background-color: #eee;
}
div.sort-options p{
  margin:0;
  padding: 0;
  width: 250px;
  white-space: nowrap;
}
div.sort-options p.pages {
  float:right;
  text-align: right;
}
div.sort-options p.results-per-page {
  float:left;
  text-align: left;
}
div.sort-options p.sort-by {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 260px:
}


table.property-list table th {
  text-align: left;
}

table.property-list tr.spacer td {
  border-top: 2px solid #ddd;
  padding-bottom: 20px;
}

table.property-list-details {
  width: 98%;
  border-collapse: collapse;
  border: none;
  margin: 0;
}
table.property-list-details td.address {
  font-weight: bold;
}
table.property-list-details p.price {
  color: #333;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 1em;
}
table.property-list-details p.rooms {
  color: #555;
  margin: 0;
  padding: 0;
  text-align: right;
}


table.table {
	margin: 0 auto;
}

table.table th {
	text-align: right;
	vertical-align: top;
}

#featured-listings-wrapper {
	float: right;
	width: 150px;
	text-align: center;
	margin: 0 0 10px 20px;
	padding: 0 0 0px 20px;
	border-left: 2px dashed #ccc;
}

#featured-listings-wrapper h4 {
	margin: 0;
	font-size: 120%;
	font-weight: bold;
}

.featured-listing {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px dashed #ddd;
	font-size: 80%;
}

.no-border {
	border-bottom: none;
}



span.todo {
  color: white;
  background-color: red;
}