/* Global structure

-------------------*/

body, html {height: 100%;}

#main {width: 760px;margin: 0 auto;}

#footer {clear: both;padding: 10px 0 20px 0; text-align: center;}

#header p {float:right;text-align:right;margin-top:10px;}



/* Column layout

-----------------*/

/* two column, sidebar on the right */

#main {clear: both;overflow: hidden;}

#content {width: 550px; float: left; padding: 15px 20px 15px 20px;}

#sub-section {width: 150px; float: right; padding: 15px 10px;}

/* pages without columns */

body.listing #content,

body.detail #content,

body#staff #content,

body.privacy #content,

body.news #content,

body.testimonials #content,

body.neighbourhood #content,

body.nocol #content {width: auto; display: block; float: none;}



/* Remove columns for printing

------------------------------*/



@media print {

	body, html {

	background-image: none !important;

	background-color: #fff !important;

	color:000#;

	}

	#wrap {

	width: auto !important;

	background-image: none !important;

	}

	#header {

	position:absolute;

	left: 40px;

	top: 0px;

	}

	#menu {

	display: none !important;

	}

	#main {

	background-image: none !important;

	}

	#content {

	margin-top: 60px;

	float: none !important;

	width: auto !important;

	}

	#footer {

	background-image: none !important;

	color: #000 !important;

	display: none !important;

	}

	body.ofi td.link {

	display: none !important;

	}



}



/* Header

----------*/







/* header based on body class */

#header {

background-repeat: no-repeat;

background-position: right top;

background-image:url(/img/header_img.jpg);

}



body.about #header {background-image:url(/img/header_img_about.jpg);}

body.buying #header {background-image:url(/img/header_img_buying.jpg);}

body.selling #header {background-image:url(/img/header_img_selling.jpg);}

body.renting #header {background-image:url(/img/header_img_renting.jpg);}

body.projects #header {background-image:url(/img/header_img_projects.jpg);}

body.calcs #header {background-image:url(/img/header_img_calculators.jpg);}

body.contact #header {background-image:url(/img/header_img_contact.jpg);}



/* Dropdown menu

-----------------*/



.menu {

width: 760px;

margin: 0 auto;

}



.menu a {

padding: 8px 15px 7px 25px;

}



.menu li {

padding: 8px 0 7px 0;

}



.menu li li {

padding: 0;

}



.menu li li a {

padding: 4px 15px;

display: block;

width: 130px;

}





/* Standard forms

------------------*/



form fieldset {

margin-bottom: 15px;

padding: 10px;

}



form label {

display: block;

float: left;

width: 150px;

}



form input,

form textarea,

form select {

width: 250px;

}



form p {

clear: both;

}



form fieldset#submit {

border: none;

padding: 0;

text-align: right;

}



form fieldset#submit input,

.button {

width: auto;

padding: 0 10px;

cursor: pointer;

}

.button {

margin-left:5px;

}



/* Dynamic text

----------------*/



#content img#dyn-heading-img {

display: block;

margin-bottom: 15px;

}



#content img#dyn-img1 {

float: left;

margin: 0 20px 10px 0;

}



#content img#dyn-img2 {

float: left;

margin: 0 20px 10px 0;

}



#sub-section img#dyn-img2 {

margin-bottom: 10px;

display: block;

}



/*single column pages*/

body.privacy #content img#dyn-img1 {

float: right;

margin: 0 0 10px 20px;

}



/* Sub-section

---------------*/

#sub-section dd,

#sub-section dt {

margin-bottom: 5px;

}



/* Home 

---------*/



body#home #content {

width: 500px;

padding: 15px 0px 15px 0px;

}



body#home #sub-section {

width: 190px;

padding: 10px 10px 0 10px;

margin: 15px 0 10px 0;

}



body#home #content img#dyn-img2 {

float: left;

margin: 0 20px 10px 0;

}



body#home #sub-section form {

width: 160px;

padding: 0 15px 0 10px;

}



body#home #sub-section fieldset {

border: none;

padding: 0;

}



body#home #sub-section legend {

text-transform: uppercase;

font-weight: bold;

font-size: 1em;

margin-bottom: 10px;

padding-left: 0;

margin-left: 0;

}



body#home #sub-section label {

color: #000;

font-weight: normal;

float: none;

display: inline;

}



body#home #sub-section p {

margin-bottom: 5px;

}



body#home #sub-section select {

width: 140px;

font-size: 0.9em;

}



body#home #sub-section #qs_price select,

body#home #sub-section #qs_rent_price select {

width: 62px;

}



body#home #sub-section form #qs_st label {

padding-right: 5px;

width: auto;

float: none;

display: inline;

}



body#home #sub-section form #qs_st input {

vertical-align: middle;

width: auto;

}



body#home #sub-section form #submit {

text-align: right;

padding: 0 8px 0 0;

}





/* Listings

------------*/



body.listing .property {

padding: 10px 0;

clear: both;

overflow: hidden;

}



body.listing .property .image {

display: block;

float: left;

margin-right: 15px;

}



body.listing .property .details {

width: 380px;

float: left;

margin-right: 20px;

}



body.listing .property .features {

float: left;

}



body.listing .property .features img {

margin-right: 7px;

vertical-align: bottom;

}



body.listing .property .details h3 {

font-size: 0.9em;

margin-bottom: 2px;

}



body.listing .property .details p {

margin-bottom: 0 !important;

}



body.listing .property .price {

text-align: right;

}



body.listing #filter {

height: 40px;

padding: 10px;

margin-bottom: 5px;

}



body.listing #filter label {

float: none;

display: block;

width: auto;

font-weight: bold;

}



body.listing #filter select {

width: 90px;

display: block;

font-size: 0.9em;

}



body.listing #filter p {

clear: none;

float: left;

margin-right: 24px;

}



body.listing #filter input {

width: auto;

padding: 1px 10px;

cursor: pointer;

}



body.listing p.pagebar {

font-size: 0.9em;

padding-top: 10px;

text-align: right;

}



/* Property detail

-------------------*/



body.detail #content h2 {

padding: 3px 0;

margin-bottom: 5px;

}



body.detail #content ul {

margin-bottom: 15px;

list-style-type: none;

list-style-position: outside;

}



body.detail #content ul#outgoingslist,

body.detail #content ul#features {

list-style-position: inside;

}



body.detail #addressbar {

height: 25px;

margin-bottom: 5px;

}



body.detail #addressbar h1 {

float: left;

}



body.detail #addressbar p {

float: right;

}



body.detail #addressbar img {

vertical-align: middle;

margin: 0 2px 0 10px;

} 



body.detail #propertydetails {

width: 450px;

float: left;

margin-bottom: 20px;

}



body.detail #extradetails {

width: 244px;

float: right;

margin-bottom: 20px;

}



body.detail #extradetails img {

width: 118px;

margin-right: 2px;

margin-bottom: 2px;

display: block;

float: left;

}



body.detail #extradetails img#mainimage {

width: auto;

display: block;

}



body.detail #extradetails .images p {

text-align: center;

clear: both;

}



body.detail #extradetails dl {

margin-bottom: 10px;

clear: both;

}



body.detail dl.agentdetails img {

width: auto !important;

margin-right: 10px !important;

}



/* Property detail printfriendly

---------------------------------*/



html.brochure,

body.brochure {

background-image: none;

background-color: #fff;

color:#000;

}

body.brochure #wrap,

body.brochure #main {

width: 584px !important;

background-image: none;

background-color: #fff !important;

margin: 0 auto;

padding-top: 0 !important;

}

body.brochure #main {

background-image: none !important;

background-color: #fff !important;

padding-top: 0px !important;

margin-top: 0px;

}			

body.brochure #content {

background-image: none !important;

float: none !important;

background-color: #fff !important;

}

body.brochure #header {

background-image: none;

width: auto;

margin-bottom: 0 !important;

padding-bottom: 0 !important;

}



body.brochure #propertydetails {

width: 280px !important;

}

body.brochure #extradetails img {

display: block;

float: left;

margin: 0 2px 2px 0 !important;

}

body.brochure #extradetails {

width: 247px !important;

}

	

/* Staff 

---------*/



body#staff dl {

clear: both;

margin-bottom: 10px;

padding-bottom: 10px;

overflow: hidden;

}



body#staff dl dt.photo {

float: left;

margin-right: 15px;

}



body#staff dl dd.position {

margin-bottom: 5px;

}



body#staff dl dd.contact {

margin-bottom: 5px;

}



/* Slideshow

-------------*/



body.slideshow {

text-align: center;

}



body.slideshow #header {

margin-bottom: 10px;

}



body.slideshow #header img {

float: none;

display: block;

width: auto;

margin: 0 auto;

}



body.slideshow table img {

display: block;

width: auto;

margin: 20px auto;

}



body.slideshow input {

width: auto;

}



body.slideshow table {

margin: 0 auto;

}



/* Email a friend

------------------*/



body.emailafriend #header img {

float: none;

}



/* News

--------*/



body.news #content.twocolumn #latestnews {

width: 520px;

float: left;

}



body.news #content #newsarchive {

width: 180px;

float: right;

border-left: 1px dashed #CCAFB4;

padding-left: 25px;

}





/* OFI List

-----------*/



body.ofi #ofi_list,

body.ofi #auctions {

width: 100%;

}



body.ofi .date td {

background-color : #E2E2E2;

color : #000;

padding : 4px 0 4px 5px;

border-bottom: 1px dashed #aaa;

}



body.ofi .items td {

padding : 4px 0;

}



body.ofi #ofi_list td.address {

padding-left: 5px;

}



body.ofi #ofi_list td.time {

padding-right: 5px;

padding-left: 5px;

width : 200px;

}



body.ofi #ofi_list td.link {

padding-right: 5px;

width : 150px;

text-align : right;

}

/* suburb profiles */

#sub-section form#sp select {

width: 140px;

}