/* ============= Skin Stylesheet ============ */
/* Contents: colours, typography, backgrounds */
/* ========================================== */

/* Global layout colour scheme
-------------------------------*/
body, html {
background-color: #fff;
}

#wrap {
border-top: 1px solid #818286;
border-bottom: 1px solid #818286;
background-image: url(../img/body_bg2.gif);
background-repeat: no-repeat;
background-position: top;
}

#main {
background-image:none;
}

#menu {
background-color: #666;
border-left: 1px solid #fff; /*sits on top of wrap_bg's edges*/
border-right: 1px solid #fff;
}

/* Pages without columns
-------------------------*/
body.listing #main,
body.detail #main,
body#staff #main {
background-image: none;
background-color: #fff;
}

/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Verdana, Helvetica, sans-serif;
color: #000;
}

#content {
font-size: 0.9em;
}

h1 {
color: #000;
font-size: 1.2em;
margin-bottom: 10px;
}

h2 {
color: #000;
font-size: 1.1em;
margin-bottom: 3px;
}

legend {
color: #000;
font-weight: bold;
}

a:link,
a:visited {
color: #000;
text-decoration: underline;
}

a:hover {
color: #000;
text-decoration: none;
}

#content p,
#sub-section p {
margin-bottom: 10px;
}

#footer p {
font-size: 0.9em;
color: #818286;
}

#footer a:link,
#footer a:visited {
color: #000;
text-decoration: underline;
}

#footer a:hover {
color: #000;
text-decoration: none;
}

#content li,
#content dt,
#content dd {
xfont-size: 0.9em;
}

/* Header
----------*/

#header img#logo {
float: left;
position: absolute;
top: 13px;
right: 0px;
z-index:2;
}

/* Dropdown menu
-----------------*/

.menu a {
font-weight: bold;
font-size: 1.0em;
}
.menu li li a {
font-weight: normal;
font-size: .9em;
}

.menu li.last a, 
.menu li li a {
border: none;
}

.menu a:link,
.menu a:visited {
color: #fff;
text-decoration: none;
background-color: #666;
}

.menu a:hover {
color: #000;
background-color: #FFFF01;
}

.menu li li a:link,
.menu li li a:visited {
border: none;
text-transform: none;
background-color:#E9E9E9;
border-left: 1px solid #818286;
border-right: 1px solid #818286;
color:#808185;
}
.menu li li.first a {
border-top: 1px solid #818286;
}
.menu li li.last a {
border-bottom: 1px solid #818286;
}
.menu li li a:hover {
text-transform: none;
background-color:#ffff01;
}

.menu ul#buyingList a {
width : 110px;
}

.menu ul#rentingList a {
width : 120px;
}

.menu ul#auctionsList a {
width : 145px;
}

.menu ul#developmentsList a {
width : 185px;
}

.menu ul#sellingList a {
width : 100px;
}

.menu ul#aboutList a {
width : 140px;
}

/* Standard forms
------------------*/

form fieldset {
border: 1px solid #818286;
}

form em span,
form .required {
color: #B90000;
font-weight: bold;
}

.required {
color: #B90000;
font-weight: bold;
}

form fieldset#submit input,
.button {
background-color: #818286;
border: none;
color: #fff;
}

/* Home 
---------*/

#home .button {
font-size: 0.9em;
font-weight: bold;
}

/* Listings
------------*/

body.listing .property {
border: 1px solid #818286;
margin-bottom:5px;
}

body.listing .property .image {
/*border: 1px solid #22243D;*/
}

body.listing .property .details h2 {
font-size: 1.1em;
font-style: normal;
}

body.listing .property .features {
font-weight: bold;
color: #818286;
}

body.listing .property .price h3 {
font-size: 1.1em;
font-style: italic;
}

body.listing #filter {
}

body.listing #filter input {
background-color: #818286;
font-weight:bold;
border: none;
color: #fff;
}

body.listing span.suburb {
text-transform: uppercase; 
}

/* Property detail
-------------------*/
body.detail #addressbar h1 {
float: left;
font-size: 1.1em;
margin-bottom: 2px;
padding-top: 0px;
color:#818286;
}

body.detail #addressbar p#icons {
font-size: 1.1em;
}

body.detail #content h2 {
font-size: 1.2em;
font-style: normal;
color: #000;
}
body.detail #content .saletype {
font-size: 1.1em;
font-style: normal;
font-weight:bold;
color: #CD2701;
}

body.detail #content h3 {
font-size: 1em;
}

body.detail #content ul#outgoingslist {
list-style-type: square;
}

body.detail #addressbar p {
font-weight: bold;
}

body.detail #extradetails .images p {
font-weight: bold;
font-size: 0.8em;
}

body.detail #extradetails dl dt {
font-weight: bold;
font-size: 1.0em;
}

body.detail #extradetails dl dd {
font-size: 1.0em;
}

body.detail .toolsfooter li {
font-size: 1.0em;
} 

body.detail #propertydetails li {
font-size: 1.0em;
}

/* Staff 
---------*/

body#staff dl {
border-bottom: 1px solid #ddd;
}

body#staff dl dt img {
border: 1px solid #22243D;
}

body#staff dl dt.name {
font-weight: bold;
font-size: 1.2em;
font-style: italic;
}

body#staff dl dd.position {
font-weight: bold;
}

body#staff dl dd.contact {
font-weight: bold;
}

/* Slideshow
-------------*/

body.slideshow {
background-image: none;
background-color: #fff;
}

body.slideshow #header {
background-image: none;
background-color: #fff;
xborder-bottom: 1px solid #808185;
}

body.slideshow img#slide {
border: 1px solid #333;
}

/* Email a friend
------------------*/
body.emailafriend {
background-image: none;
background-color: #fff;
margin: 0px 15px;
}

body.emailafriend #header {
background-image: none;
background-color: #fff;
xborder-bottom: 10px solid #808185;
}

body.emailafriend #header img {
margin: 0px auto;
}