body
{
font: 76% verdana, arial, sans-serif;
background-color: #9f9f9f;
background-image: url(../img/bg.jpg);
background-repeat: repeat-x;
text-align: center;
}

#wrap {
width: 942px;
margin: 0 auto;
padding-top: 37px;
text-align: left;
}

#header {
background-color: black;
height: 73px;
border-bottom: 1px solid #fff;
}

	#header a#logo {
	float: left;
	background-image: url(../img/logo.jpg);
	background-repeat: no-repeat;
	width: 470px;
	height: 73px;
	text-indent: -9999em;
	}

#menu {
width: 472px;
height: 73px;
float: right;
}

#phonebar {
height: 37px;
background-image: url(../img/phonebar_graphic1.jpg);
background-repeat: no-repeat;
}

#home #container {
width: 942px;
background-color: #000;
}

#container {
width: 942px;
background-color: #fff;
}

#subarea {
width: 188px;
float: left;
}

		#submenu
		{
		width: 186px;
		_width: 176px;
		border: 1px solid #32a5b7;
		border-top: none;
		background-color: #fff;
		}
		
		.submenu {
		width: 186px;
		border: 1px solid #32a5b7;
		border-top: none;
		background-color: #fff;
		}
		
		#subarea h1 {
		background-image: url(../img/submenu_header.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		height: 50px;
		width: 188px;
		margin: 0 auto;
		color: #fff;
		font-size: 1.5em;
		font-weight: normal;
		font-family: Times New Roman;
		text-transform: uppercase;
		padding-left: 10px;
		line-height: 40px;
		}
		
		#home #qsbox {
		width: 188px;
                height: 265px;
		border-bottom: 0px solid #000;
		background-image: url(../img/title_qs.gif);
		background-position: top left;
		background-repeat: no-repeat;
		background-color: #5f5f5f;
		}

	        #qsbox {
		width: 188px;
                height: 265px;
		border-bottom: 8px solid #222;
		background-image: url(../img/title_qs.gif);
		background-position: top left;
		background-repeat: no-repeat;
		background-color: #5f5f5f;
		}
		
		#subbuttons {
		clear: both;
		background-color: #222;
		}
		
		
		#propbox {
		background-image: url(../img/prop_alertbox.gif);
		background-repeat: no-repeat;
		height: 82px;
		padding-top: 38px;
		}
			
#content {
width: 754px;
_width: 740px;
background-color: #fff;
float: left;
}

#home #content {
width: 740px;
border-left: 10px solid #fff;
}

#powarea {
height: 229px;
background-image: url(../img/pow_bg.gif);
background-repeat: repeat-x;
background-color: #fff;
}

.powbox {
float: left;
margin-top: 7px;
margin-right: 6px;
width: 223px;
height: 216px;
background-color: #5f5f5f;
}

#home #propbox {
		background-image: url(../img/prop_alertbox2.gif);
		background-repeat: no-repeat;
		height: 81px;
		margin-left: 694px;
		
        padding: 0;
		}
		
#home #propbox p {
padding-top: 45px;
}

#home #propbox a {
display: inline;
font-size: 1.0em;
padding-left: 0px;
}

#home #homeaddress {
width: 246px;
height: 134px;
border: 1px solid #c4c4c4;
margin-left: 694px;
_margin-left: 7px;
margin-top: 6px;
font-size: 1.1em;
_float: left;
}

#home #homeaddress p {
color: #666;
padding-top: 8px;
}

#home #homeaddress p a {
color: #666;
}

#home #homeaddress strong {
color: #5f5f5f;
}

#break {
clear: both;
}

#footer {
height: 58px;
background-image: url(../img/footerbg.jpg);
background-repeat: repeat-x;
}			

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

#menu .menu a {
display: block;
height: 73px;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -9999em;
} 

#menu .menu a#mm_buy {
background-image: url(../img/mm_buy.jpg);
width: 71px;
}
#menu .menu a#mm_sell {
background-image: url(../img/mm_sell.jpg);
width: 73px;
}
#menu .menu a#mm_rent {
background-image: url(../img/mm_rent.jpg);
width: 80px;
}
#menu .menu a#mm_about {
background-image: url(../img/mm_about.jpg);
width: 111px;
}
#menu .menu a#mm_contact {
background-image: url(../img/mm_contact.jpg);
width: 137px;
}

body#buying #menu .menu a#mm_buy,
body#selling #menu .menu a#mm_sell,
body#renting #menu .menu a#mm_rent,
body#about #menu .menu a#mm_about,
body#contact #menu .menu a#mm_contact {
background-position: 0px -73px;
}

#menu .menu li li.twolines a,
#menu .menu li li.twolines a:hover {
height: 39px;
line-height: 18px;
}

#menu .menu li li.twolines a .twolinesindent {
margin-left: 14px;
}

#menu .menu li li#heading {
font-weight: bold;
}

#menu .menu a:hover {
background-position: 0px -73px;
}

#menu .menu li li a {
text-indent: 14px;
height: 23px;
width: 146px;
font-size: 0.9em;
color: #fff;
text-decoration: none;
line-height: 21px;
background-color: #666;
text-decoration: none; 
-moz-opacity:.85;
 filter:alpha(opacity=85);	
}
#menu .menu li li.first a {
margin-top: 1px;
}
#menu .menu li li.last a {
border-bottom: 0px solid #b4b4b4;
}
#menu .menu li li a:hover {
color: #fff;
background-color: #979797;
}


/* FORMATTING
-----------------*/

p {
font-size: 0.9em;
color: #000;
margin: 10px 15px 10px 20px;
}

#propbox p {
margin: 0 20px 2px 10px;
}

.text {
margin: 10px 20px 20px 20px;
font-size: 0.9em;
color: #303030;
}

#content h1 {
color: #32a5b7;
font-size: 0.9em;
margin: 15px 10px 0 20px;
}

h2, h3 {
margin: 10px 20px 10px 20px;
clear: both;
}

h2 {
color: #32a5b7;
font-size: 1.0em;
}

#submenu a,
.submenu a {
color: #32a5b7;
font-weight: bold;
text-decoration: underline;
font-size: 0.9em;
padding-bottom: 7px;
padding-left: 10px;
display: block;
}

#submenu li,
.submenu li {
_width: 176px;
}

#propbox a {
color: #32a5b7;
font-weight: bold;
text-decoration: underline;
font-size: 0.9em;
padding-left: 10px;
display: block;
}

#submenu a:hover,
.submenu a:hover {
color: #fff !important;
background-color: #32a5b7;
text-decoration: none;
}

#submenu a:visited,
.submenu a:visited {
color: #32a5b7;
}

a {
color: #32a5b7;
text-decoration: underline;
}

a:hover {
color: #fff;
text-decoration: underline;
}

#content a:hover {
color: #666;
text-decoration: underline;
}

a:visited {
color: #000;
}

#footer a {
color: #9a9a9a;
text-decoration: none;
}

.footertextleft {
width: 400px;
height: 48px;
margin: 0 auto;
color: #888;
font-size: 0.9em;
line-height: 15px;
float: left;
margin-left: 10px;
}

.footertextright {
width: 400px;
height: 48px;
margin: 0 auto;
color: #888;
font-size: 0.9em;
line-height: 15px;
float: right;
text-align: right;
margin-right: 10px;
}

img#dyn-heading-img {
float: left;
margin: 10px;
}

img#dyn-img1 {
float: left;
margin: 20px;
}

img#dyn-img2 {
float: right;
margin: 20px;
}

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

form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #d2d0d0;
}

form li {
list-style-type: none;
}

form label {
display: block;
float: left;
width: 180px;
margin-right: 10px;
margin-bottom: 5px;
}

form input {
width: 250px;
}

form textarea {
width: 250px;
}

form select {
width: 254px;
}

form input.radio {
width: 30px;
}

form textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}

form p {
clear: both;
}


form fieldset#submit,
form fieldset.submit {
border: none;
padding: 0;
text-align: right;
}

form fieldset#submit input,
form fieldset.submit input,
form input.button {
width: auto;
padding: 4px 10px;
cursor: pointer;
background-color: #222;
border: none;
color: #fff;
}

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

form em {
font-size: 1.0em;
}

form legend {
color: #666;
font-weight: bold;
margin-top: 5px;
}


/*-------QUICKSEARCH------*/

#qsbox #quicksearch {
padding-top: 33px;
font-size: 0.9em;
font-family: "Tahoma",Arial, Helvetica, sans-serif;
}

#qsbox #quicksearch p {
margin:5px 0 0 25px;
}

#qsbox #quicksearch fieldset {
width: 188px;
border: none;
margin: 0;
padding: 0 0 0 0;
}

#qsbox #quicksearch fieldset #qs_st input{
width: 80px;
}

#qsbox #quicksearch #criteria p label {
width: 100px;
color: #fff;
text-align: left;
margin: 0 0 0 0;
}

#qsbox #quicksearch select {
width: 135px;
line-height: 15px;
font-size: 0.9em;
font-family: "Tahoma",Arial, Helvetica, sans-serif;
}

#qsbox #quicksearch select#qs_min-price, 
#qsbox #quicksearch select#qs_max-price,
#qsbox #quicksearch select#qs_rent_min-price, 
#qsbox #quicksearch select#qs_rent_max-price {
width: 60px;
}

#qsbox #quicksearch select#qs_min-price,
#qsbox #quicksearch select#qs_rent_min-price {
float: left;
margin-right: 3px;
}

#qsbox #quicksearch select#qs_max-price,
#qsbox #quicksearch select#qs_rent_max-price {
margin-left: 10px;
}

#qsbox #quicksearch #qs_price .label_to,
#qsbox #quicksearch #qs_rent_price .label_to,
#qsbox #quicksearch #qs_bedrooms .label_to {
width: 1px;
}

#qsbox #quicksearch input#kilomet {
width: 15px;
margin: 2px 0 2px 0;
}

#qsbox #quicksearch #criteria p label.longer {
width: 85px;
color: #fff;
margin: 2px 0 2px 0;
}

#qsbox #quicksearch #qs_bedrooms {
padding-top: 2px;
}

#qsbox #quicksearch fieldset#submit input {
background-color: #222;
font: 0.9em verdana bold;
padding: 3px;
margin-top: 5px;
}

#qsbox.framed #quicksearch #criteria p {
xmargin-top: 10px;
_margin-top: 3px;
}


#qsbox.framed #quicksearch p select {
float: left;
margin-top: 2px;
}

#qsbox.framed #quicksearch fieldset#submit input {
background-color: #222;
font: 0.9em verdana bold;
padding: 3px;
margin-top: 5px;
}




/*-------CONTACT PAGE------*/

#contact-details {
width: 700px;
margin: 10px 0 10px 20px;
}

/*-------TESTIMONIALS------*/

.testimonial  p.author {
border-bottom: 1px solid #666;
font-weight: bold;
color: #666;
padding-bottom: 10px;
}

/*-------LINKS------*/

.links {
margin: 0 15px 0 15px;
font-size: 0.9em;
color: #666;
}

.links p {
border-bottom: 1px solid #666;
color: #666;
padding-bottom: 10px;
}

.links a {
font-weight: bold;
}



/*-------LISTINGS PAGE------*/

.listing h2, h3 {
margin: 5px 20px 5px 15px;
clear: both;
}

.listing .details h2 {
font-size: 1.3em !important;
margin-bottom: 10px;
}

.pagebar {
font-size: 1.0em;
font-weight: bold;
height: 25px;
overflow: hidden;
margin-bottom: 20px;
}

.pagebar a {
color: #000
}

.listing p.headingtext {
width: 730px;
margin-left: 10px;
width: 720px;
_margin-left: 5px;
}

.listing #filter {
background-color: #222;
width: 730px;
margin-left: 10px;
_margin-left: 0px;
margin-bottom: 10px;
}

.listing #filter p {
color: #fff;
padding-top: 12px;
_padding-top: 2px;
margin-left: 10px;
}

.listing #filter form {
position: relative;
overflow: auto;
width: 730px;
margin-bottom: 10px;
_margin-bottom: 0px;
height: 1%;
}

.listing #filter form p,
.listing #filter form select {
xheight: 18px;
line-height: 18px;
font-size: 1.0em;
}

.listing #filter form p {
clear: none;
float: left;
margin: 0px 0px 10px 10px;
_margin: 0px 0 0 3px;
padding: 0;
}

.listing #filter form input.button {
position: absolute;
bottom: 10px;
_bottom: 15px;
right: 5px; 
height: 18px;
_height: 20px;
font-size: 0.9em;
font-weight: bold;
padding: 2px;
background-color: #5e5e5e;
}

body.listing .property {
position: relative;
border: 1px solid #5f5f5f;
width: 730px;
margin-left: 10px;
_margin-left: 0px;
margin-bottom: 8px;
height: 180px;
clear: both;
}

body.listing .property a.image img {
float: left;
}

body.listing .details {
background-color: #5f5f5f;
float: left;
width: 490px;
}

body.listing #content h1 {
margin: 10px;
}

body.listing .details h2,
body.detail #addressbar h2 {
color: #fff;
font-size: 1.3em;
}

body.listing .details h3,
body.detail #addressbar h1 {
color: #d2c4c4;
font-size: 1.0em;
}

body.listing .details .price h3 {
color: #32a5b7;
font-size: 1.1em;
}

body.listing .features {
background-color: #fff;
}

body.listing .allinfo {
margin-left: 240px;
}

body.listing .allinfo .features p {
margin-left: 15px;
}

body.listing .bbc {
width: 250px;
}

body.listing .bbc .landsize {
margin-left: 15px;
color: #32a5b7;
}

body.listing .bbc p {
width: 45px;
display: inline;
margin: 0;
font-weight:bold;
}

body.listing .bbc p img{
vertical-align: middle;
margin-right:2px;
}

body.listing .property .detailsbtn a {
position: absolute;
bottom: 0;
right: 0;
background-color: #32a5b7;
color: #fff;
padding: 3px 6px;
text-decoration: none;
font-weight: bold;
}

body.listing select#qs_min-price.WCHhider,
body.listing select#qs_max-price.WCHhider,
body.listing select#qs_bedrooms.WCHhider
 {
width: 83px;
}

body.listing select#qs_order.WCHhider {
width: 90px;
}

body.listing select#qs_property-type.WCHhider,
body.listing select#qs_suburb.WCHhider {
width: 130px;
}


/*-------DETAILS PAGE------*/



body.detail #addressbar {
float: left;
background-color: #5f5f5f;
width: 410px;
_width: 400px;
margin-bottom: 15px;
}

body.detail #content {
width: 750px;
_width: 740px;
}

body.detail #propertydetails {
float: left;
width: 410px;
_width: 400px;
border: 1px solid #c7c7c7;
margin: 10px 10px 0 10px;
_margin: 10px 10px 0 0;
}

body.detail #extradetails {
float: left;
width: 310px;
margin-top: 10px;

}

body.detail .images #mainimage {
width: 310px;
}

body.detail .images img {
border: 1px solid #c7c7c7;
margin-bottom: 8px;
margin-right: 3px;
}

body.detail .bbc {
margin-left: 20px;

font-weight: bold;
}

body.detail #propertydetails h3, h2.section {
color: #5f5f5f;
font-size: 1.0em;
}

body.detail #propertydetails li {
font-size: 0.9em;
margin-left: 20px;
}

body.detail #extradetails .alltools {
background-color: #222;
width: 310px;
overflow: auto;
}

body.detail #extradetails #toolslist {
background-color: #222;
padding: 8px 0;
width: 155px;
float: left;
}

body.detail #extradetails #toolslist2 {
background-color: #222;
padding: 8px 0;
width: 155px;
float: left;
}
body.detail #extradetails #toolslist li {
width: 140px;
}

body.detail #extradetails #toolslist li a,
body.detail #extradetails #toolslist2 li a {
color: #fff;
width: 140px;
text-decoration: none;
font-weight: bold;
font-size: 0.9em;
background-color: #5f5f5f;
padding: 6px;
display: block;
margin-bottom: 1px;
}

body.detail #extradetails h2.section {
margin-left: 0;
}

body.detail .agentdetails {
margin-bottom: 10px;
}

body.detail .officedetails,
body.detail .agentdetails {
font-size: 0.9em;
width: 300px;
float: left;
}

body.detail .officedetails a,
body.detail .agentdetails a {
font-weight: bold;
}

body.detail .agentdetails img {
float: left;
margin-right: 10px;
border: 1px solid #c7c7c7;
}


body.detail #outgoinglist li,
body.detail #overviewlist li,
body.detail #propertydetails li
{
border-bottom: 1px solid #32a5b7;
padding-bottom: 3px;
width: 240px;
}

body.detail #propertydetails li
{
margin-bottom: 20px;
}

body.detail #extradetails .callnowdetail {
margin-bottom: 20px;
}

body.detail #addressbar .topprice {
margin-left: 20px;
color: #32a5b7;
font-weight: bold;
font-size: 1.2em;
}


/*-------BROCHURE------*/

.brochure #header {
background-color: #343436;
width: 740px;
}

body.brochure #addressbar {
width: 740px;
_width: 730px;
}
body.brochure #content {
width: 740px;
_width: 730px;
}
body.brochure #propertydetails {
width: 395px;
_width: 385px;
}
body.brochure .images img {
margin-right: 6px;
}
body.brochure .images img.end {
margin-right: 0;
}
body.brochure .officedetails,
body.brochure .agentdetails {
margin-bottom: 10px;
}
body.brochure .officedetails dt,
body.brochure .agentdetails dt {
font-weight: bold;
}


/*-------EMAIL A FRIEND------*/

#emailagent .email-form,
.popup #loginform
{
width: 600px;
text-align: left;
float: left;
margin-left: 10px;
_margin-left: 5px;
}

#emailagent #header,
.slideshow #header,
.popup #header
{
background-image: url(/img/logo.jpg);
background-repeat: no-repeat;
background-color: #343436;
}

#emailagent h1 {
text-align: left;
width: 500px;
}

/*-------SLIDESHOW------*/

.slideshow .button {
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.slideshowbody {
width: 760px;
_width: 773px;
margin: 0 auto;
text-align: center;
}

/*-------CONTACT------*/

#contact h2 {
margin-left: 0;
font-size: 0.9em;
}

#contact li {
font-size: 0.9em;
}

#contact #contact-details #feedback.email-form {
width: 700px;
height: auto;
}

#contact #contact-details form {
background-color: #5f5f5f;
width: 700px;
xheight: 105px;
position: relative;
padding: 0;
margin: 0;
border: 1px solid green;
}

#contact #contact-details form fieldset {
border: none;
padding: 0;
margin: 0 0 0 15px;
}

#contact #contact-details form fieldset label {
width: 50px;
margin: 0;
}

#contact #contact-details form fieldset label#comments {
width: 80px;
margin: 0;
}

#contact #contact-details form fieldset p {
width: 300px;
margin: 10px 0;
}

#contact #contact-details form fieldset p input {
width: 210px;
}

#contact #contact-details form fieldset label.required {
color: #000;
}

#contact #contact-details .rightdetails textarea {
width: 220px;
}

#contact #contact-details .leftdetails {
float: left;
}

#contact #contact-details .rightdetails {
float: left;
width: 320px;
}

#contact #contact-details .rightdetails p {
width: 320px;
}

#contact #content {
width: 750px;
_width: 730px;
margin: 0;
padding: 0;
}

#contact #contact-details #submit input {
background-color: #222;
font-size: 0.9em;
font-weight: bold;
position: absolute;
right: 0;
bottom: 0;
width:55px;
}

#contact #contact-details .text {
margin-left: 0;
}

/*-------MARKET APPRAISAL------*/

#selling #market-appraisal form {
width: 700px;
margin-left: 10px;
}

#selling #market-appraisal form legend {
font-size: 0.9em;
}

#selling #market-appraisal form #submit input {
background-color: #222;
font-size: 0.9em;
font-weight: bold;
}

/*-------POW------*/

#home #powarea .powbox {
position: relative;
}

#home #powarea .powheading {
background-color: #333335;
border: 1px solid #333335;
height: 26px;
_height: 23px;
}

#home #powarea .powheading h2 {
margin-top: 5px;
margin-left: 5px;
line-height: 11px;
}

#home #powarea .powbox img {
width: 221px;
height: 140px;
border-right: 1px solid #222;
border-left: 1px solid #222;
}

#home #powarea .powbox p {
color: #cdcdcd;
font-size: 1.0em;
margin-top: 8px;
}

#home #powarea .powbox .button a {
position: absolute;
bottom: 0;
right: 0;
font-weight: bold;
background-color: #32a5b7;
color: #fff;
float: right;
margin: 0;
padding: 2px 4px;
text-decoration: none;
}

/*-------STAFF PROFILES------*/

#staff .staffmember {
border-bottom: 1px solid #ccc;
margin: 0 20px 0 20px;
overflow: auto;
height: 1%;
}


#staff.profile .persondetails li {
margin-left: 20px;
font-size: 0.9em;
}

#staff .staffmember .photo img {
float: left;
margin: 10px 10px 10px 10px;

}

/*-------PROPERTY ALERT------*/


#alert #registerbox {
border: 1px solid #ccc;
width: 600px;
margin-left: 20px;
text-align: center;
color: #32a5b7;
}

#alert #registerbox  a {
color: #32a5b7;
}

#alert .alertform li,
#alert #loginbox li {
margin-top: 5px;
_margin-top: 10px;
}

#alert #loginform,
#alert .alertform {
width: 600px;
margin-left: 20px;
}

#alert #loginform fieldset li {
margin-bottom: 10px;
}

#alert #loginform fieldset.submit input.button {
float: right;
}

#alert #loginform fieldset.submit p {
text-align: center;
}

.alert #alertRegister {
width: 710px;
margin-left: 20px;
}

#alert .alertform label,
#alert #loginbox li
 {
font-size: 0.9em;
}

#alert .alertform span {
font-size: 0.9em;
}

#alert .alertform input,
#alert .alertform select {
margin-bottom: 5px;
}

#alert .alertform #csPropertyTypeResidential,
#alert .alertform #csPropertyTypeCommercial,
#alert .alertform #csPropertyTypeRural,
#alert .alertform #csPropertyTypeLand,
#alert .alertform #csPropertyTypeHol,
#alert .alertform #csPropertyTypeResDev {
margin-left: 190px;
}

/*-------NEWS PAGES------*/

.newsitems,
.newsitem {
border-bottom: 1px solid #ccc;
padding: 0 0 10px 0;
margin-left: 10px;
width: 700px;
}


/*-------LINKS------*/

.links {
border-bottom: 1px solid #ccc;
padding: 10px 0 10px 0;
margin-left: 10px;
width: 700px;
overflow: auto;
}

.links img {
float: right;
}

/*-------INSPECTIONS------*/

.inspectionslist {
border-bottom: 1px solid #ccc;
margin: 0 10px 0 20px;
}

/*-------SUBURB PROFILE------*/

.subprofile {
width: 520px;
_width: 500px;
float: left;
margin: 0 0 0 10px;
_margin: 0 0 0 0;
}

.subselect {
border: 1px solid #ccc;
width: 200px;
padding: 5px;
float: right;
margin: 10px 10px 0 0;
}

.suburbList {
border: none;
}

.suburbList h2{
margin-left: 0;
}

.suburbList li {
margin-left: 15px;
font-size: 0.9em;
}

.subselect h3 {
font-size: 1.0em;
}