/* =========== Base Stylesheet =========== */
/* Contents: structure, page layouts, menu */
/* ======================================= */

/* whitespace reset */
* {margin:0;padding:0;}
/* override annoying things */
a:focus {outline: none;}
a img {border: none;}
#main ul, #main ol {list-style-position: inside;}

/* Global structure
-------------------*/
body, html, #wrap {height: 100%;}
#wrap {width: 762px;margin: 0 auto;min-width:762px;}
#footer {clear: both; padding: 5px 15px 20px 15px; text-align: center;}
#header {padding: 0 1px;overflow:hidden;}

/* Column layout
-----------------*/
/* two column, sidebar on the right */
#main {clear: both;}
#content {width: 90%; float: left; padding: 10px 0 15px 35px;}
#sub-section {width: 150px; float: right; padding: 15px 10px;}
/* pages without columns */
/*body.listing #content,
body.detail #content,
body#staff #content {width: auto;display: block;float: none;}*/

/* Remove columns for printing
------------------------------*/

@media print {
	body, html {
	background-image: none !important;
	background-color: #fff !important;
	}
	#wrap {
	width: auto !important;
	background-image: none !important;
	}
	#header img {
	top: 0 !important; 
	left: 0 !important;	
	}
	#menu {
	display: none !important;
	}
	#main {
	background-image: none !important;
	}
	#content {
	float: none !important;
	width: auto !important;
	}
	#footer {
	background-image: none !important;
	color: #000 !important;
	}
}

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

/*#header img {
display: block;
float: right;
}*/

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

/* Core CSS, don't edit */
#menu {display:block;}
#menu ul {margin:0;padding:0;border:0;list-style-type:none;}
#menu li {margin:0;padding:0;border:0;display:block;float:left;position:relative;}
#menu a {display:block;}
#menu li li {width:100%;}
#menu li li ul {top:0;left:0;}
#menu li li:hover ul {left:100%;}
#menu li ul {display:none;position:absolute;z-index:10;}
#menu li:hover>ul {display:block;}
#menuList:after {content:".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both;}
/* Clear-fix for IE5/Mac \*//*/
#menu a {float:left;}
#menuList {display:inline-block;}
/*  */
/* dropdown structure stuff */

#menu a {
/*padding: 8px 15px;*/
}

#menu li.first a {padding-left: 0;}
#menu li.last a {padding-right: 0;}

#menu ul {
/*width: 460px;
margin: 0 auto;*/
}

#menu ul ul {
/*
display: block; 
width: 130px; 
height: 25px;
line-height: 21px; */

/*background-color: #000; */

font-face: verdana, sans-serif; 
font-size: 9px; 
color: #FFF; 
font-weight: normal;
text-align: left; 
text-decoration: none; 
}


/* original stylesheet 
----------------------*/

/* === ALL PAGES ===*/

	
body {
	width: 100%; min-width: 767px;
	font-size: 76%; /* Global font-size */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #3C3C3C;
	background-image: url(/img/bg_main.gif);
	background-position: top center;
	background-repeat: repeat-y;
	}



/*=== CONTENT ===*/

div#main {
	width: 100%;
	margin-left: auto; 
	margin-right: auto;
	_height:400px;
	min-height: 400px;
	color: #272727;
	font-size: 1em;
	line-height: 16px;
}
	
/* === GENERAL STYLES ===*/

h2.tag { /* for labelling areas of the page */
	display: none;
	}
	
.break {
	clear: both;
	}

/* === PAGE ===*/
div#wrapper {
	width: 760px;
	margin-left: auto; margin-right: auto; 
	}
#content {
	/*float:left;
	width:440px;*/
	}
#subSection {
	float:right;
	margin:25px 0 0 0px;
	width:220px;
	}
	
/*logo*/
	
a#logo {
	position: relative;
	float: left;
	display: block;
	width: 273px; height: 72px; 
	background-image: url(/img/logo.gif); background-repeat: no-repeat;
	}

a#logo span {
	display: none;
	}

a#subHeader {
	position: relative;
	float: left; 
	display: block;
	width: 487px; 
	height: 66px; 
	background: white; 
	background-image: url(/img/subHeader.jpg); 
	background-repeat: no-repeat;
	padding-bottom: 3px; 
	border-bottom: 3px solid black;
	}

a#subHeader span {
	display: none;
	}

a#logoSub span {
	display: none;
	}
	

	
/*text*/
	
div#main h1,
div#main h2,
div#main h3,
div#main h4 {
	margin: 0px 0 15px 0; 
	}
	
div#main h1 {
	font-family: arial, sans-serif; font-size: 1.5em; color: #7000AD;
	/*margin-top: 25px; margin-bottom: 25px; */
	}
	
div#main h2 {
	font-size: 12px; color: #333;
	padding-bottom: 3px;
	}
	
div#main h2 span {
	font-size: 12px; color: #FFF;
	margin: 0; padding: 0;
	}
	
div#main h4 {
	font-size: 11px;
	}
	
div#main p {
	/*margin-top: 15px; margin-bottom: 15px;*/
	}
	
/*
subSection
-------------*/
#property #main #subSection #dyn-img2 {
}
#property #main #subSection p {
	font-size:2em;
	line-height:1.2em;
}

div#main img {
	border: 1px solid white;
	}

div#main img.right {
	float: right;
	margin: 5px 0 5px 10px;
	margin-right: 35px;
	}
	
div#main img.left {
	float: left;
	margin: 5px 10px 5px 0;
	}
	
/*about the area image slide*/

div#main div#imageSlide {
	display: block; 
	width: 425px; 
	height: 283px;
	border: 1px solid #FFF;
	}
	
div#main div#imageSlide img {
	border: 0px solid #FFF;
	}
	
/*property management page*/
	
div#main div.pmImgTxt {
	float: right; width: 250px; margin-left: 20px;
	}
	
div#main div.pmImgTxt img {
	display:block;float:none; padding: 0; margin:0;
	}
	
div#main div.pmImgTxt h1 {
	color: #000; font-size: 24px; font-family: arial, sans-serif; line-height: 28px;
	text-align: center; font-weight:normal;
	}
	
/*hyperlinks*/
	
div#main a {
	color: #000; /*7000AD;*/
	font-weight: bold;
	text-decoration: underline;
	/*background-color: #EEE; */
	padding: 0 3px 3px 3px;
	arrow: hand;
	}
	
div#main a:hover {
	text-decoration: none;
	}
	
div#main p.buttonPdf a { 
	width: 120px; height: 32px; display: block;
	padding: 10px 40px;
	background-color: #DDD; background: none;
 	background-image:url(/img/ico_pdf.gif);	background-repeat: no-repeat; background-position:0 10px;
	color: #000;
	}

div#main p.buttonDownload a:link,
div#main p.buttonDownload a:active,
div#main p.buttonDownload a:visited { 
	width: 220px; height: 51px; display: block;
	background-color: #CCC; background: none;
	background-image: url(/img/ico_acrobat.gif);	background-repeat: no-repeat; background-position:0 10px;
	padding-left: 98px; padding-top: 12px;
	font-size: 9px;	line-height: 12px; color:#333; text-decoration:none;
	border-top:1px solid #FFF;
	}

div#main p.buttonDownload a:hover { 
	color: #FFF;
	}
	
/*lists*/	

div#main ul {
	list-style: disc;
	margin: 15px 0 20px 15px; 
	}

div#main ul li { 
	background-image: url(/img/list_arrow.gif); 
	background-repeat: no-repeat; 
	background-position: 0 1px;
	margin-left: 20px; 
	color:#7000AD;
	}

div.contact dl, dt, dd {
	margin: 0; padding: 0 0 0 35px;
	}
div.contact h1{
padding-top: 20px;
padding-left: 35px;}
	
div.contact dl {
	float: left; overflow: auto; width: 340px;
	margin-right: 10px; margin-top: 8px;
	background-position: bottom center;
	background-repeat: repeat-x;
	font-family: tahoma; font-size: 11px; line-height: 16px;
	}


div.contact dt {
	float: left; width: 80px; 
	padding: 5px;
	background-image: url(/img/bg_sep.gif);
	background-position: top center;
	background-repeat: repeat-x;
	color:#666;
	}


div.contact dd {
	float: left; width: 240px;  
	padding: 5px;
	background-image: url(/img/bg_sep.gif);
	background-position: top center;
	background-repeat: repeat-x;
	}
	
div.contact h2.newBlock {
	clear: left;
	padding-top: 30px; _padding-top: 5px;
	}

/*tables*/

table {
	/*background-image: url(/img/bg_dotted-horiz.gif);
	background-position: bottom right;
	background-repeat: repeat-y;*/
	}

tr {
	/*background-image: url(/img/bg_dotted.gif);
	background-position: bottom center;
	background-repeat: repeat-x;*/
	}
	
th {
	padding: 5px 0;
	/*background: white;*/
	/*background-image: url(/img/bg_dotted-horiz.gif);
	background-position: top left;
	background-repeat: repeat-y;*/
	}
	
td {
	padding: 10px 10px;
	/*background-image: url(/img/bg_dotted-horiz.gif);
	background-position: top left;
	background-repeat: repeat-y;
	border-bottom: 1px solid #999;*/
	}

td.fee {
	font-weight: bold;
	w//hite-space: nowrap;
	}
	
/*=== FOOTER ===*/

div#footer {
	clear: both;
	background-image: url(/img/bg_bigText.gif);
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 120px; 
	padding-top: 100px; 
	padding-bottom: 20px;
	font-size: 11px; 
	font-weight: normal;
	color: #666; 
	line-height: 16px; 
	text-align: center;
	}
	
div#footer ul {
	display: inline; 
	list-style: none;
	}
	
div#footer ul li {
	display: inline; 
	padding-left: 3px; 
	padding-right: 3px;
	/*ie hack*/_padding-left: 6px; 
	border-right: 1px solid #999;
	}
	
div#footer ul li.first {
	padding-left: 0;
	}

div#footer ul li.last {
	border: none;
	}
	
div#footer li a {
	color: #333;
	 text-decoration: none;
	}
	
div#footer a:link, #footer a:visited {
	color: #666;
	}
div#footer a:hover {
	color: #FFF; text-decoration: underline;
	}

/*projects area*/

div#main div.textBlock {
	clear: both; _height: 100px; overflow: auto; _overflow: none;
	padding-top: 10px; padding-bottom: 20px;
	background-image: url(/img/bg_sep.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
	}
	
div#main div.textBlock h2 {
	margin: 5px 0 3px 0; padding:0 0 5px 0;
	}
	
div#main div.textBlock img {
	display: block; float: left; margin-bottom: 10px; width: 100px; bo//rder:1px solid red;
	}
	
div#main div.textBlock a,
div.project a {
	display:block; width: 100px; text-align: center;
	margin-top: 10px;
	}
	
div.info {
	float: left; b//order:1px solid red; width: 500px;
	}
	
div.projectImages {
	float:right;width:200px;
	}
	
div.projectImages img {
	width:200px; margin-top: 20px; margin-left: 20px;
	}
	
div#main div.financeBroker {
	clear: both; _height: 100px; overflow: auto; _overflow: none;
	padding-top: 10px; padding-bottom: 20px;
	background-image: url(/img/bg_sep.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
	}
	
div#main div.financeBroker h2 {
	margin: 5px 0 3px 0; padding:0 0 5px 0;
	}
	
div#main div.financeBroker a {
	background: none; float: none;
	}
	
div#main div.financeBroker img {
	margin: 10px 0; background: none; float: none;
	}
	
div#content a#acroReader {
cursor: hand; font-size: 0.9em; text-decoration: none;
}

div#content a#acroReader:hover {
color: #fff;
}

div#content a#acroReader img,
div#content a#acroPDF img {
border: none;
}

div#content a#acroPDF {
cursor: hand;
}


/* original stylesheet finish
-----------------------------*/











body #content #pagecount {
	width: 100%;
	height: 20px;
	background-image: url(/img/bg_sep.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
}

/* Dynamic
-----------*/

body#dynamic #content h1 {
	margin-top: 10px;
}

body#dynamic h1.calculatorHead {
	padding-left: 30px;
	margin-top: 10px;
}


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

body.listing #content h1 {
	margin:0;
	padding:0;
}

body.listing #content #pagecount {
	width: 100%;
	height: 20px;
	background-image: url(/img/bg_sep.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
}

body.listing .property {
	clear: both;
	overflow: hidden;
	width: 100%;
	background-image: url(/img/bg_sep.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
}

body.listing .property img.listImg {
	width:220px;
	height:165px;
}

body.listing .property a.image {
	position: relative;
	float: left;
	width: 220px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
}

body.listing .property .details {
	position: relative;
	float: left;
	width: 60%;
	margin-right: 20px;
}

body.listing .property .details div.proTitle {
	color: #7000AD;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

body.listing .property .details div.proSuburtb {
	position: relative;
	float: left;
	color: #fff;
	font-weight: bold;
	padding-right: 10px;
}

body.listing .property .details div.proSaleType {
	position: relative;
	float: left;
	font-weight: bold;
	padding-right: 10px;
}

body.listing .property .details div.proPrice {
	position: relative;
	float: left;
	font-weight: bold;
	margin-bottom: 5px;
}

body.listing .property .details div.proDesc {
	clear: both;
	margin-bottom: 5px;
}

body.listing .property .features {
	display: none;
}

body.listing a {
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

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

body.listing p.pagebar {
	font-size: 0.9em;
	padding-top: 10px;
	text-align: right;
}

/* Property detail
-------------------*/

body.detail #content h1 {
	margin-bottom: 20px;
}

body.detail #content #pagecount {
	clear: both;
	width: 100%;
	height: 20px;
	background-image: url(/img/bg_sep.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
}

body.detail #leftCol {
	position: relative;
	float: left;
	width: 490px;
	margin-top: 10px;
}

body.detail #leftCol div.propBigImages {
	
}

body.detail #leftCol div.propBigImages img.mainimage {
	width: 475px;
	height: 346px;
}

body.detail #leftCol div.proTitle {
	color: #7000AD;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

body.detail #leftCol .proDetails {
	width: 475px;
}

body.detail #leftCol .proDetails div.proSuburb {
	position: relative;
	float: left;
	color: #fff;
	font-weight: bold;
	padding-right: 10px;
}

body.detail #leftCol .proDetails div.proSaleType {
	position: relative;
	float: left;
	font-weight: bold;
	padding-right: 10px;
}

body.detail #leftCol .proDetails div.proPrice {
	position: relative;
	float: left;
	font-weight: bold;
	margin-bottom: 5px;
}

body.detail #leftCol .proDetails div.proDesc {
	clear: both;
	margin-bottom: 5px;
}

body.detail #extradetails {
	/*position: relative;
	float: left;*/
	margin-top: 10px;
}

body.detail #extradetails div.propSmallImages img {
	margin-bottom: 6px;
}

body.detail #extradetails #sideToolBox {
	margin-top: 15px;
}

body.detail #extradetails #sideToolBox ul {
	list-style: none;
}

body.detail #extradetails #sideToolBox ul li {
	color: #000;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #fff;
	text-align: center;
	width: 140px;
	margin-bottom: 4px;
	margin-left: 4px;
}

body.detail #extradetails #sideToolBox a {
	width: 135px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	text-decoration: none;
}

body.detail #extradetails #sideToolBox a:hover {
	color: #fff;
	background-color: #000;
}

body.detail #proFeatures {
	position: relative;
	clear: both;
	padding-top: 30px;
}

body.detail #proFeatures .proOverview {
	position: relative;
	float: left;
	width: 280px;
	font-size: 0.9em;
	margin-bottom: 25px;
}

body.detail #proFeatures .proAgent {
	position: relative;
	float: right;
	width: 280px;
	font-size: 0.9em;
}

body.detail #proFeatures .proOverview h1,
body.detail #proFeatures .proAgent h1 {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
}

body.detail #proFeatures .proOverview dl,
body.detail #proFeatures .proAgent dl {
	border-top: 1px solid #999;
}

body.detail #proFeatures .proOverview dd,
body.detail #proFeatures .proAgent dd {
	border-bottom: 1px solid #999;
	padding-top: 2px;
	padding-bottom: 2px;
}

body.detail span#Attachs img {
	border: none;
}


/* Property detail printfriendly
---------------------------------*/

html.brochure,
body.brochure {
background-image: none;
background-color: #fff;
}
body.brochure #wrap {
width: 600px !important;
background-image: none;
background-color: #fff;
height: 100%;
}
body.brochure #main {
background-image: none !important;
}			
body.brochure #content {
background-image: none !important;
float: none !important;
width: 635px !important;
}
body.brochure #header {
background-image: none;
margin-left: 35px;
}
body.brochure #propertydetails {
width: 280px;
}
body.detail #leftCol .proDetails div.proSuburb {
color: #000;
}
body.brochure #extradetails img {
position: relative;
float: left;
}
body.brochure #extradetails div.propSmallImages img {
margin-bottom: 9px;
}


/* Inspection 
--------------*/

body.auction #content #auctionTimetable h1 {
	color: #000;
	font-size: 1.2em;
	margin-bottom: 0;
	clear: both;
}

body.auction #content #auctionTimetable .auctionAddress {
	position: relative;
	float: left;
	width: 280px;
}

body.auction #content #auctionTimetable .auctionTime,
body.auction #content #auctionTimetable .moreButton {
	position: relative;
	float: left;
	width: 180px;
}

body.auction #content #auctionTimetable .moreButton {
	/*margin-bottom: 15px;*/
}


/* Stocklist 
--------------*/

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

body.printlist #content {
	padding: 0;
	width: 99%;
}

body.printlist #header {
	border: 1px solid #CCCCCC;
	padding: 7px 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

body.printlist #header h3 {
	position: relative;
	float: left;
	color: #7600BE;
	font-size: 1.1em;
	width: 300px;
}

body.printlist #header h3 span {
	color: #666666;
	font-weight: normal;
	font-size: 0.8em;
}

body.printlist #header a {
	color: #666666;
	text-decoration: underline;
	font-weight: normal;
}

body.printlist #header a:hover {
	color: #7600BE;
	text-decoration: none;
}

body.printlist #header a#logo {
	position: relative;
	float: right;
}

body.printlist .property {
	border: 1px solid #CCCCCC;
	background-image: none;
}

body.printlist .property img.listImg {
	width: 120px;
	height: 90px;
}

body.printlist span.image {
	position: relative;
	float: left;
	padding: 3px;
}

body.printlist .details {
	position: relative;
	float: left;
	font-size: 0.9em;
	border-left: 2px solid #CCCCCC;
	padding: 3px;
	min-height: 96px;
}

body.printlist .details span.proTitle {
	font-weight: bold;
}

body.printlist div#footer {
	background-image: none;
}
	
/* Staff 
---------*/

body#staff dl {
clear: both;
margin-top: 15px;
margin-bottom: 0px;
padding-bottom: 0px;
overflow: hidden;
}

/*body#staff dl dt.photo {
	position: relative;
	float: left;
	margin-right: 15px;
}

body#staff dl dd.position {
margin-bottom: 5px;
}

body#staff dl dd.contact {
margin-bottom: 5px;
}*/

body#staff div.photo {
	position: relative;
	float: left;
	width: 100px;
	padding-right: 15px;
}

body#staff div.photo img {
	width: 100px;
}

body#staff div.staffDescription {
	position: relative;
	float: left;
	width: 550px;
	font-size: 0.9em;
}

body#staff div.staffDescription span.name {
	font-weight: bold;
}

body#staff div.staffDescription span.position {
	color: #fff;
	font-weight: bold;
}

body#staff div.staffDescription div.contact {
	width: 60%;
}

body#staff div.staffDescription div.contact a {
	color: #7600BE;
}

body#staff #pagecount {
	margin-bottom: 4px;
}


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

body.slideshow {
	background-image: url(/img/slide_bg_main.gif);
	background-position: top center;
	background-repeat: repeat-y;
}
body.slideshow #header {
	
}
body.slideshow #main {
	/*background: url(/img/slide_bg_main.gif) repeat-y 0 0; */
	background-color: #fff;
	padding-top: 5px;
	width: 100%;
}
body.slideshow #main img#showImg {
	width: 600px;
	height: 450px;
}

body.slideshow input.button {
	width: auto;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	margin-right: 2px;
	background-color: #CCCCCC;
	border: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
}

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 table {
margin: 0 auto;
border: none;
background-image: none;
}

body.slideshow tr,
body.slideshow th,
body.slideshow td {
background-image: none;
border: none;
}

/* Email a friend
------------------*/

body.emailafriend #header img {
float: none;
}