/*------------------------------------------------------------------
	[Reset]
*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }

ul,ol { list-style: none; }

fieldset,img { border: none; }

caption,th { text-align: left; }

table { border-collapse: collapse; border-spacing: 0; }

.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

.inner { padding: 18px; }

.small-inner { padding: 1px; }

/*------------------------------------------------------------------
	[Global]
*/

body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333; text-align:center; background:#EFEFE5; }

a { color: #333; }

a:link, a:visited, a:active { text-decoration: none; }

a:hover { text-decoration: underline; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

p { margin-bottom: 18px; }

h1,h2,h3,h4 { color: #333; }

h1 { font-size: 24px; line-height: 36px; margin-bottom: 18px; text-transform:uppercase; }

h2 { font-size: 18px; line-height: 18px; margin-bottom: 18px; }

h3 { font-weight: bold; font-size: 1em; line-height: 18px; }

h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

/*------------------------------------------------------------------
	[Layout]
*/

#wrapper { position:relative; margin: 0 auto 0 auto; width:960px; text-align:left; background:#FFFFFF; }

#header { background: #820159 url(/images/logo.gif) 100% 0 no-repeat; height: 120px; margin-bottom: 9px; }

#header h3 { font-size:18px; padding-top: 82px; padding-left: 18px; color:#FFFFFF; font-weight:normal;  }

#nav { background: #820159; height: 48px; margin-bottom: 9px; }

#nav ul { }

#nav ul li { float:left; display:inline; color:#FFFFFF; font-size:14px; font-weight:bold; text-transform:uppercase; }

#nav ul li a { color:#FFFFFF; display:block; height: 30px; padding: 0 19px; margin: 9px; line-height: 30px; }

#nav ul li a:hover { background: #BE78AA; text-decoration:none; }


body.p-home #nav ul li#home-link a { background: #BE78AA; text-decoration:none; }

body.p-buying #nav ul li#buying-link a { background: #BE78AA; text-decoration:none; }

body.p-selling #nav ul li#selling-link a { background: #BE78AA; text-decoration:none; }

body.p-renting #nav ul li#renting-link a { background: #BE78AA; text-decoration:none; }

body.p-calculators #nav ul li#calculators-link a { background: #BE78AA; text-decoration:none; }

body.p-aboutus #nav ul li#aboutus-link a { background: #BE78AA; text-decoration:none; }

body.p-contactus #nav ul li#contactus-link a { background: #BE78AA; text-decoration:none; }

#content-wrapper { background: #C2C29C; padding-top: 9px; }

#content { margin-left: 240px; }

body.p-results #content { margin-left: 0; }

body.p-home #content { margin-left: 0; margin-right: 320px; height: 380px; }

body.p-home #content-wrapper { position:relative; }

#quicksearch { position:absolute; top:9px; left: 620px; width: 284px; height: 340px; background:#EFEFE5; }

#quicksearch .inner { padding:9px;  }

.searchLabel { font-weight: bold; float:left; font-size: 11px; width: 80px; padding-top: 6px; }

#qs-suburb, #qs-suburbs, #qs-proptype, #qs-price, #qs-surrounding, #qs-button { padding-top: 6px; }

#qs-button { padding-top: 12px; }

#qs-button input { border: 0; background:#820159; margin-left: 80px; padding: 0.4em 1em; text-align:center; font-weight:bold; color:#FFFFFF; font-size: 20px; }

#qs-suburb input { width: 175px; }

#qs-proptype select, #qs-suburbs select { width: 180px; }

#qs-surrounding-label { width: 140px; }

#quicksearch input, #quicksearch select { font-size: 11px; }

#qs-header { width: 266px; height:77px; position:relative; }

#buying-tab, #renting-tab { position: absolute; width: 70px; height: 28px; top: 49px; text-indent: -9000px; }

#buying-tab { left: 57px; }

#renting-tab { left: 130px; }

.buylink { background:url(/images/search-header-buy.jpg) 0 0 no-repeat; }

.rentlink { background:url(/images/search-header-rent.jpg) 0 0 no-repeat; }

#feature-one { position:absolute; top:390px; left: 18px; width: 284px; height: 340px; background:#EFEFE5 url(/images/feature-bg.gif) 0 100% no-repeat; }
#feature-one h2 { text-indent: -9000px; height:37px; width:284px; margin:0; padding:0; line-height:1; background:url(/images/property-of-the-week.jpg) 0 0 no-repeat; }
#feature-one font  { display: block; padding: 20px; }
#feature-one input { display: none; }

#feature-two { position:absolute; top:390px; left: 320px; width: 284px; height: 340px; background:#EFEFE5 url(/images/feature-bg.gif) 0 100% no-repeat; }
#feature-two h2 {text-indent: -9000px; height:37px; width:284px; margin:0; padding:0; line-height:1; background:url(/images/rental-of-the-week.jpg) 0 0 no-repeat; }
/* when now features have been set, add padding and remove button */
#feature-two font  { display: block; padding: 20px; }
#feature-two input { display: none; }

#feature-three { position:absolute; top:390px; left: 620px; width: 284px; height: 340px; background:#EFEFE5 url(/images/feature-bg.gif) 0 100% no-repeat; }
#feature-three h2 {text-indent: -9000px; height:37px; width:284px; margin:0; padding:0; line-height:1; background:url(/images/land-estate.jpg) 0 0 no-repeat; }

.address { margin: 0 4px 0 4px; padding: 4px 6px; background:#000000; color:#FFFFFF; font-size: 11px; }

.photos { margin: 0 4px 0 4px; overflow:hidden; height: 92px; }

.thumb { float: left; width: 138px; overflow:hidden; text-align:center; background:#000000; }

.icons { margin: 0 4px 0 4px; padding: 4px 6px; font-weight:bold; font-size:10px; }

.title { margin: 0 4px 0 4px; padding: 4px 6px; font-weight:bold; font-size:10px; }

.description { margin: 0 4px 0 4px; padding: 4px 6px; font-size:10px; }

#content ul { list-style:disc; margin:0 18px 18px 36px; }

#sidebar { background:#EFEFE5; margin-right: -18px; margin-left: 18px; padding: 9px 0 9px 9px; }

body.p-home #sidebar { margin: 0 320px 0 18px; padding: 9px; }

#links { float: left; width:222px; }

body.p-home #links { display:none; }

#links ul { margin-top: 9px; }

#links li { margin:0 9px 18px 9px; }

#links li a { padding: 4px 6px; color:#C2C29C; font-weight:bold; font-size:14px; }

#links li a:hover { color:#C2C29C; background:#D8D9C0; text-decoration:none; }

#photo1 { float:left; text-align:right; height:180px; width:510px; overflow:hidden; background:url(/images/photo1.jpg) 100% 0 no-repeat; }

#photo2 { float:left; text-align:right; height:180px; width:180px; overflow:hidden; margin-left: 3px; background:url(/images/photo2.jpg) 100% 0 no-repeat; }

body.p-home #photo1 { float:left; text-align:right; height:180px; width:446px; overflow:hidden; background:url(/images/photo1home.jpg) 100% 0 no-repeat; }

body.p-home #photo2 { float:left; text-align:right; height:180px; width:160px; overflow:hidden; margin-left: 6px; background:url(/images/photo2home.jpg) 100% 0 no-repeat; }

body.p-home #photo3 { float:left; text-align:right; height:322px; width:568px; overflow:hidden; padding:0; margin:0; background:url(/images/photo3home.jpg) 100% 0 no-repeat; }

body.p-home #photo3border { height:322px; width:568px; }

#footer { background: #C2C29C; text-align:right; }

#footer p { margin-bottom: 0; }

#fixer { display: none; }


/*
	Results
*/

.result { background:#EFEFE5; margin-bottom:18px;}

.result-photo { float: left; width: 160px; text-align:center; margin-right: 18px; }

.result-header { background: #E7CFE0; border: 1px solid #820159; padding: 3px 0 3px 3px; margin-bottom: 10px; }

.result-title { float: left; width: 520px; font-size:14px; }

.result-icons { float: left; width: 130px; text-align:right; }

.result-text { float: left; text-align:left; width: 670px; }


/*
	Full Display
*/

.view { margin-bottom: 12px; }
.view-header { margin-bottom: 12px;  }
.view-header-title { float: left; width:520px;  }
.view-header-links { text-align: right; } 
.view-photo-container {  }
.view-main-photo { float:left;  width:510px; }
.view-contact-form {float:left; width:320px; margin-left:5px; padding:5px; }

.view-labels { text-transform: uppercase; width:100px; font-weight: bold; float: left; padding: 0 5px 5px 0; }

#view-extra-features { margin: 20px 0px; width: 700px; }


#view-contacts { margin: 20px 0px; width: 700px;}
#view-contacts .view-c1 { float: left; width: 300px;  }
#view-contacts .labels { text-transform: uppercase; font-weight: bold; float: left; width: 70px; padding: 0 5px 5px 0; }
#view-contacts .view-c2 { float: left; width: 300px; }
.view-note { font-weight: bold; font-size: 88%; width: 700px; }

.soldbanner, .leasebanner { background: #CC0000; border: 1px solid #000000; color: #FFFFFF; text-align: center; text-transform: uppercase; font-weight: bold; width: 360px;}

/*
	About us -> Staff Member
*/
#staffmember { float: left; width: 125px;  }	
#staffmember img { height: 120px; border-bottom: 5px solid #ae256b; }

/*
	Photo
*/
.photo-nav { padding: 6px; margin-bottom:12px;}


/* 
	Search Form
*/

#search-form, #view-form { margin: 0; padding: 5px 10px; background: #D0D0B3; }
.search-form-col { float: left; width: 300px; padding-right: 5px;}
.search-form-label, .view-form-label { float: left; text-transform: capitalize; width:127px; font-size: 90%; }
#search-form select, input { font-size:80%; padding: 1px; margin-bottom:5px; }
#search-form .note { color: #820159; font-size: 90%;}
#view-form .view-form-button { margin:0; padding: 2px 5px; float:left; background: #D4D0C8; font-size:80%; border: 1px solid #404040; margin-left: 10px; text-decoration: none; border-top-color: #FFFFFF; border-left-color: #FFFFFF; }
#view-form .view-form-button a:hover {	text-decoration: none; }