html, body{
width: 100%;
height: 100%;
overflow: hidden;
}
#header_wrap{
	position: fixed;
	height: 108px;
	width: 100%;
	top: 0px;
	z-index: 1;
	background-color:#FFF;
}
#header{
height:90px;
	width: 974px;
	margin: 0 auto;
}
#header img{
float: right;
margin-right: 5px;
margin-top:20px;
}
#header a img{
float: none;
margin-top:10px;
margin-left: 0px;
}
#nav{
background:#FFFFFF ;
background-repeat:repeat-x;
height: 40px;
margin-left:15px;
}
#container{
	position:fixed;
	top:108px;
	bottom:42px;
	width:100%;
	overflow: auto;
	text-align: center;
	z-index: 0;
	background-color:#fff;
}
#innerContent {
	padding: 20px 0 80px 0;
	width: 956px;
	text-align: left;
	margin: 0 auto;
	z-index: 1;

}
#innerContent li{
list-style-image:url(../img/bullet.gif);
}
#content{
margin-right: 450px;
background-color:none;
padding: 10px 0px 10px 0px;

}
#subsection{
background-color:none;
float: right;
width: 370px;
padding: 10px 10px 10px 20px;
}

#footer_wrap{
	width: 100%;
	bottom: 0px;
	position: fixed;
	z-index: 2;
	height: 42px;
	padding:0;
	background:#FFF url(../img/footer_bkg.jpg);
	background-repeat:repeat-x;
}
#footer{
width: 956px;
margin: 10px auto 0 auto;
}
#footer a img{
margin: 0 0 0 30px;
}
#footer p.publisher{
float: right;
margin: 0 30px 0 0;
color: #8a9bb5;
}
#footer p.publisher a:link,
#footer p.publisher a:visited{
color: #8A9BB5;
}
#footer p.publisher a:hover{
color: #D2E21D;
}

/*hide sub-section
--------------------------*/
html.nocol #content {
margin: 0;
}
html.nocol #subsection{
display: none;
}
/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Arial, Helvetica, sans-serif;
color: #000;
}

p, div.text {
font-size: 1em;
}

div.text {
margin-bottom: 10px;
}

ul {
list-style-type: circle;
list-style-position: inside;
}

ol{
list-style-type: decimal;
list-style-position: inside;
}

h1 {
font-size: 22px;
font-weight: normal;
margin-bottom: 15px;
margin-top: 0;
color: #477b98;
}

h2 {
font-size: 1.1em;
margin-bottom: 10px;
}

h3 {
font-size: 1.1em;
margin-bottom: 3px;
}

legend {
color: #000;
font-weight: bold;
}

a:link,
a:visited {
color: #477b98;
}

a:hover {
color: #477b98;
}

#footer p {
font-size: 0.9em;
}

#footer,
#footer a:link,
#footer a:visited {
color: #8a9bb5;
text-decoration: none;
}

#footer a:hover {
color: #f2891c;
}

/* Header
----------*/

/* Dropdown menu
-----------------*/
#nav .menu a#mm_home,
#nav .menu a#mm_properties,
#nav .menu a#mm_landlords,
#nav .menu a#mm_tenants,
#nav .menu a#mm_newdev,
#nav .menu a#mm_aboutus,
#nav .menu a#mm_contactus {
display: block;
height: 30px;
color:#fff;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -9999em;
}

#nav .menu a:hover#mm_home,
#nav .menu a:hover#mm_properties,
#nav .menu a:hover#mm_landlords,
#nav .menu a:hover#mm_tenants,
#nav .menu a:hover#mm_newdev,
#nav .menu a:hover#mm_ownerscorp,
#nav .menu a:hover#mm_aboutus,
#nav .menu a:hover#mm_contactus {
background-position: 0px -30px;
}

#nav .menu a#mm_home {
background-image: url(../img/mm_home.jpg);
width: 79px;
}
#nav .menu a#mm_properties {
background-image: url(../img/mm_properties.jpg);
width: 97px;
}
#nav .menu a#mm_landlords {
background-image: url(../img/mm_landlords.jpg);
width: 112px;
}
#nav .menu a#mm_tenants {
background-image: url(../img/mm_tenants.jpg);
width: 84px;
}
#nav .menu a#mm_newdev {
background-image: url(../img/mm_newdev.jpg);
width: 163px;
}
#nav .menu a#mm_aboutus {
background-image: url(../img/mm_aboutus.jpg);
width: 94px;
}
#nav .menu a#mm_contactus {
background-image: url(../img/mm_contactus.jpg);
width: 93px;
}

body#home #nav .menu a#mm_home,
body#properties #nav .menu a#mm_properties,
body#landlords #nav .menu a#mm_landlords,
body#tenants #nav .menu a#mm_tenants,
body#newdev #nav .menu a#mm_newdev,
body#aboutus #nav .menu a#mm_aboutus,
body#contactus #nav .menu a#mm_contactus {
background-position: 0px -30px;
}

#nav ul.menu{
width: 990px;
padding: 0;
margin: 0 auto;
color:#fff;
}

#nav .menu li ul{
background-color:#477b98;

margin: 0;
padding: 5px 0;
}

#nav .menu li ul li a {
height: 25px;
width: 240px;
color: #fff;
text-indent: 10px;
line-height: 25px;
font-weight:normal;
display:block;
padding: 0;
background-color:none;
}

#nav .menu a:link,
#nav .menu a:visited {
color: #fff;
text-decoration: none;
}

#nav .menu a:hover {
color: #fff;
background-color:#4f90ac;
text-decoration: underline;
}

#nav .menu li.last{
float:right;
margin-right:30px;
}

/* STANDARD FORMS
------------------*/

form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #ddd;
}

form li {
list-style-type: none;
}

form label {
display: block;
float: left;
width: 180px;
margin-right: 10px;
margin-bottom: 5px;
}

form input {
width: 250px;
border: 1px solid #CCCCCC;
}

form textarea {
width: 400px;
border: 1px solid #CCCCCC;
}

form select {
width: 254px;
border: 1px solid #CCCCCC;
}

form input.radio {
width: 30px;
}

form textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}

form p {
clear: both;
}


form fieldset#submit {
border: none;
padding: 0;
text-align: left;
}

form fieldset#submit input,
form fieldset.submit input,
form input.button {
width: auto;
padding: 4px 10px;
cursor: pointer;
background-color: #477b98;
border: none;
color: #fff;
font-weight: bold;
}

form em span,
form .required {
color: #B90000;
font-weight: bold;
}

body#home #subsection{
width: 956px;
float: left;
margin: 0;
padding: 0;
}

/*QUICKSEARCH
------------------------------------------------------------*/

body#home form#quicksearch{
background:#FFF url(/img/quicksearch_bkg.jpg);
background-repeat:no-repeat;
background-position:top left;
height: 173px;
}

body#home fieldset#criteria{
border: none;
padding: 50px 0 0 5px;
}
body#home fieldset#criteria p{
margin:0;
}
body#home p#qs_st label{
float: left;
width: 60px;
font-size: 11px;
margin-right: 5px;
}
body#home input#qs_st-rent,
body#home input#qs_st-buy{
width: 20px;
margin-left: 5px;
float: left;
}

body#home select#qs_suburb,
body#home select#qs_property-type{
width: 100px;
margin-left: 5px;
font-size: 11px;
}

body#home select#qs_min-price,
body#home select#qs_max-price,
body#home select#qs_rent_min-price,
body#home select#qs_rent_max-price,
body#home select#qs_bedrooms,
body#home select#qs_bathrooms{
width: 90px;
margin-left: 5px;
font-size: 11px;
}

body#home p.qs_checkbox{
font-size: 11px;
padding: 5px 0;
}
body#home .qs_checkbox input{
width: auto;
margin: 0 5px 0 5px;
}

body#home fieldset#submit input{
cursor: pointer;
width: 91px;
height: 17px;
text-indent: -9999em;
background-color:#FFF;
background-image: url(/img/search_bt.jpg);
background-repeat:no-repeat;
background-position:top left;
float: right;
border: none;
margin: 0 90px 0 0;
}

body#home form#quicksearch h2{
display:none;
}

/*PROPERTY OF THE WEEK
-------------------------------------------------------------*/
body#home #pow{
width: 302px;
height: auto;
background-image: url(/img/pow_bkg.jpg);
background-repeat:repeat-y;
background-position:top left;
padding: 10px 10px 10px 10px;
margin-top: 20px;
color: #477b98;

}
body#home #pow img{
margin-left: 35px;
padding-bottom:10px;
}
body#home #pow p{
font-size: 11px;
margin-right: 20px;
}
body#home strong{
font-size:1.6em;
}
body#home #pow a{
color: #477b98;
font-size: 11px;
text-decoration:none;
}

/*CONTACT US
-------------------------------------------------------------*/
body#contactus form fieldset{
border: none;
margin: 0;
padding: 0;
}
body#contactus form fieldset legend{
margin: 0;
padding: 0 0 10px 0;
color: #000;
}
body#contactus form fieldset label{
width: 100px;
}

/*VACATING FORM
--------------------------------------------------------------*/
body#vacate form fieldset{
border: none;
margin: 0;
padding: 0;
}
body#vacate form fieldset legend{
margin: 0;
padding: 0 0 10px 0;
color: #000;
}

/*LANDLORD PROPERTY APPRAISAL
--------------------------------------------------------------*/
body#pty_appraisal form fieldset{
border: none;
margin: 0;
padding: 0;
}
body#pty_appraisal form fieldset legend{
margin: 0;
padding: 0 0 10px 0;
color: #000;
}

/* Dynamic text
----------------*/

#content img#dyn-heading-img {
display: block;
margin-bottom: 15px;
}

#content img#dyn-img1 {
float: right;
margin: 0 0 10px 20px;
}
#content img#dyn-img2 {
margin-bottom: 10px;
display: block;
}
#content p {
margin-bottom: 10px;
}
#subsection img#dyn-img2{
margin-bottom: 10px;
display: block;
}
#subsection p{
margin-bottom: 10px;
}


/* Homepage
------------------ */
body#home #content {
margin-right: 0;
clear: both;
}
body#home #content_qs{
float: right;
width: 322px;
}
body#home #content_home{
margin: 0 350px 0 0;
}
body#home #subcontent {
clear: both;
}

/*-----------------------------------------------------------------------------------------------------
SEARCH
---------------------------------------------------------------------------------------------------------
Refined Search
--------------------------------*/
body.listing #filter {
width: 800px;
height: 40px;
padding: 0;
margin-bottom: 5px;
margin-left: 60px;
background-color: #FFF;
}

body.listing #filter p {
clear: none;
float: left;
margin-right: 12px;
}

body.listing #filter label {
float: none;
display: block;
width: auto;
font-size: 11px;
font-weight: bold;
}

body.listing #filter select {
width: 90px;
display: block;
font-size: 11px;
background-color:#F8F8F8;
}
body.listing #filter p#surround{
width: 90px;
font-size: 11px;
margin-top: 10px;
}
body.listing #filter p#surround input{
float: left;
width: 12px;
height: 12px;
margin-top: 12px;
padding-right: 5px;
}

body.listing #filter fieldset {
text-align: center;
}

body.listing #filter fieldset#submit input.button {
margin-top: 18px;
margin-left: 10px;
cursor:pointer;
display: block;
background-image:url(/img/search2_bt.jpg);
width: 65px;
height: 18px;
background-repeat:no-repeat;
background-position:top left;
text-indent:-9999px;
background-color:#FFF;
border: none;
}

/*---------------------------------------------*/
body.listing #content {
margin-top: 0;
padding-top: 0;
}

body.listing .property {
width: 790px;
height: 205px;
padding: 10px 0;
margin-left: 60px;
clear: both;
overflow: hidden;
color: #000;
background-image: url(/img/listing_bkg.jpg);
background-position: 0 10px;
background-repeat:no-repeat;
}

body.listing .property .image {
display: block;
float: left;
margin-right: 20px;
border: 1px solid #477b98;
}

body.listing .property .details {
width: 360px;
float: left;
margin-top: 10px;
}

body.listing .property .features {
font-weight: bold;
color: #000;
}
body.listing .property .features p {
float: left;
margin-right: 8px;
}

body.listing .property .features img {
margin-right: 7px;
vertical-align: bottom;
}

body.listing .property .details h2 {
font-size: 12px;
}

body.listing .property .details h3 {
clear: both;
font-size: 12px;
margin: 35px 0 2px 0;
}

body.listing .property .details p {
margin-bottom: 0 !important;
}
body.listing .property .details p a:link,
body.listing .property .details p a:visited{
font-size: 11px;
font-weight: bold;
text-decoration:none;
color: #000;
display: block;
margin-top: 15px;
width: 90px;
}

body.listing .property .details p a:hover{
background-color:#477b98;
}
body.listing .property .price {
text-align: right;
line-height: 20px;
}

/* DETAILS
----------------------------------------------------------------------------------------------*/
body.detail  #subsection {
display: none;
}
body.detail #content{
margin: 0;
}
body.detail #bedbathcar{
font-weight: bold;
margin-bottom: 10px;
}
body.detail #bedbathcar img{
margin-right: 5px;
}

body.detail #property_left{
width: 530px;
float: left;
}

body.detail .images{
width: 530px;
margin: 0 0 20px 0;
float:left;
}
body.detail img#mainimage{
float:left;
width: 375px;
border: 1px solid #00265E;
}
body.detail img#subimage{
width: 142px;
border: 1px solid #00265E;
margin: 0;
display: block;
}

/* TOOLS
------------------------------------------------------------------------*/

body.detail #content ul#toolslist{
width: 530px;
font-size: 11px;
margin: 20px 0;
}
body.detail #content ul#toolslist li{
list-style-image: url(/img/bullet.gif);
margin-right: 10px;
float: left;
}
body.detail #content ul#toolslist li a{
text-decoration:none;
}
body.detail #content ul#toolslist li a:hover{
background-color: #d3e21d;
}

body.detail #property_left #map {
clear : both;
padding : 20px 0;
}

body.detail #property_right{
margin: 0 0 20px 550px;
}
body.detail #property_right h1{
font-size: 13px;
font-weight: bold;
overflow: auto;
float: none;
display: block;
}
body.detail #property_right h1 span {
float: right;
}

body.detail #details_footer{
clear : both;
width: 955px;
height: 195px;
background-image: url(/img/details_box.jpg);
background-position: top left;
background-repeat:repeat-x;
border: 1px solid #CCCCCC;
}
body.detail #details_footer ul{
margin-bottom: 10px;
list-style:none;
}
body.detail #details_footer li{
margin-bottom: 5px;
list-style:none;
}

body.detail #details_footer #pty_info{
padding: 10px;
width: 235px;
height: 195px;
float: left;
}

body.detail #details_footer #sales_offices{
padding: 10px;
width: 195px;
height: 195px;
float: left;
}
body.detail #details_footer #agent_contact{
padding: 10px;
width: 450px;
height: 195px;
float: left;
}

/* Property Alert
-----------------------*/

body.alert #content #alertmenu {
display: block;
overflow: hidden;
background-color: #E7E6E6;
list-style-type: none;
margin: 0px;
padding: 0 !important;
margin: 15px 0px 15px 0px;
}

body.alert #content #alertmenu li {
float: left;
border-right : 1px solid #fff;
}
 
body.alert #content #alertmenu a {
padding: 5px 20px;
display: block;
}

body.alert #content #alertmenu .last {
border: none;
}

body.alert #content #alertmenu a:link,
body.alert #content #alertmenu a:visited {
text-decoration: none;
}

body.alert #content #alertmenu a:hover {
text-decoration: underline;
}

body.alert #content form label {
display: block;
float: left;
width: 180px;
}

body.alert #content form textarea {
width: 250px;
}

body.alert #content form select {
width: 254px;
}

body.alert #content form input.checkbox {
width: auto;
margin: 0 20px;
}

body.alert #content form ul {
margin-bottom: 0;
}

body.alert #content form li {
clear: both;
margin-bottom: 10px;
}

body.alert #content form li span {
float: right;
width: 230px;
font-size: 0.9em;
color: #999;
}

body.alert #content form fieldset {
display: block;
width: 720px;
}

body.alert form#alertRegister,
body.alert form#mainRequirements{
}

body.alert #content form fieldset.submit {
border: none;
padding: 0;
text-align: right;
}

body.alert #content form em span,
body.alert #content form .required,
body.alert #content .warning {
color: #B90000;
font-weight: bold;
}

body.alert #content #loginbox {
float: right;
margin-left: 20px;
width: 254px;

}

body.alert #content #loginbox fieldset {
width: 230px;
margin-bottom: 5px;
clear:both;
background-image: url(/img/alert_register_bg_blank.gif);
background-repeat: no-repeat;
}

body.alert #content #loginbox label,
body.alert #content #loginbox input {
width: 140px;
}

body.alert #content #loginbox label {
width: 70px;
}

body.alert #content #loginbox input.button {
width: auto;
}

body.alert #content #loginbox fieldset.submit {
padding: 0;
width: auto;
margin-bottom: 15px;
width: 252px !important;
display: block;
background-image: none;
}

body.alert #content #loginbox fieldset.submit p {
font-size: 0.9em;
}

body.alert #content #registerbox {
border: 1px solid #DDDDDD;
float: right;
text-align: center;
clear: right;
margin-left: 20px;
margin-bottom: 15px;
background-image: url(/img/alert_register_bg.gif)
}

body.alert #content #registerbox a {
display: block;
padding: 50px;
width: 150px;
}

body.alert #content #registerbox a:link,
body.alert #content #registerbox a:visited {
color: #990000;
font-weight: bold;
text-decoration: none;
}

body.alert #content #registerbox a:hover {
text-decoration: underline;
}
body#saveitem #header img{
float: none;
padding: 10px;
}
body#saveitem form#loginform,
body#saveitem form#loginform fieldset,
body#saveitem #content form fieldset{
width: 470px;
}
body.alert #innerContent li{
list-style-image:none;
}
/*----------------------------------------------------*/
#emailagent #header img{
float: none;
padding: 10px;
}
#emailagent #content{
width: 420px;
}
body.slideshow #header{
float: none;
padding: 10px;
}
body.slideshow #header img{
float: none;
}

/*BROCHURE
----------------------------------------------------*/

html.brochure,
body.brochure {
background-image: none;
background-color: #fff;
overflow: auto;
}
body.brochure #header{
width: 580px;
}
body.brochure #header img{
float: none;
}
body.brochure #wrap {
width: 584px !important;
background-image: none;
background-color: #fff;
height: 100%;
margin: 0 auto;
}
body.brochure #main {
background-image: none !important;
}
body.brochure h2{
padding-top: 10px;
}
body.brochure #content #addressbar {
font-weight: bold;
margin-bottom: 10px;
}
body.brochure #content li{
list-style-image:url(/img/bullet.gif);
}
body.brochure #propertydetails{
float: right;
width: 280px;
}
body.brochure #extradetails .images{
width: 245px;
}
body.brochure #extradetails .images img{
width: 115px;
padding: 2px;
}
body.brochure #extradetails .images img#mainimage{
float: left;
width: 250px;
border: none;
}
body.brochure #brochure_bottom{
clear:both;
}
body.brochure #brochure_bottom #info{
float: left;
width: 180px;
}
body.brochure #brochure_bottom #office{
float: left;
width: 180px;
}
body.brochure #brochure_bottom #agent{
float: left;
width: 180px;
}
body#contactus fieldset#submit input.mysubmit{
color: #000;
}
body#contactus fieldset#submit input.myclear{
color: #000;
}
/*---STAFF---*/
body#staff dt.name {
padding-top: 12px;}