@charset "utf-8";
/* Ben Cooling Reset */

/* misc */

body, div, p, a, span, img, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, label, input, textarea {margin:0; padding:0; border:0; outline:none}
body, h1, h2, h3, p, label, input, textarea, button, span		{font: 14px/20px Georgia, "Times New Roman", Times, serif; color:#333}
.clear					{clear:both}
.span, button span		{position:absolute; left:-999em}
a			{color:#888; cursor:pointer; text-decoration:none}
a:hover		{color:#77bc1c}
.errors, #content .errors		{color:#c21d1d; font-size:11px}
.success, #content .success		{color:#77bc1c; font-size: 11px}
button		{border:none}
.code		{color:red}
a.contact	{text-decoration:underline}

/* Headings */
h1		{display:block; width:250px; height:115px; background-color:none; position:absolute; top:20px; left:30px}
h2		{font:18px/24px Georgia, "Times New Roman", Times, serif; color:#77bc1c; margin-bottom:10px}
h3		{font:16px/22px Georgia, "Times New Roman", Times, serif; color:#888; margin-bottom:5px}
h3.contact	{color:#77bc1c}
h4		{font:12px/16px Georgia, "Times New Roman", Times, serif; color:#77bc1c; padding:0 0 5px 0; font-weight:bold; clear:both}

h1 a	{display:block; width:100%; height:100%}


/* General Layout */

body		{font:10px/24px Verdana, Arial, Helvetica, sans-serif; color:#333; background-color:#222}
#header		{width:960px; margin:0 auto; height:140px; /*background:url(../images/hlpc.jpg) no-repeat;*/ position: relative}
#focal		{height:285px; width:920px; padding:0 20px; margin:0 auto; position:relative}
#focal_bg	{width:100%; height:285px; background:#121212}
#images		{height:285px}
#content	{width:880px; min-height:360px; padding:20px 40px 20px 40px; margin:0 auto; background: url(../images/bg.jpg) no-repeat}
#footer		{width:960px; margin:0 auto; text-align:center; clear:both}

#hlpc-admin		{width:315px; height:245px; background:url(../images/bg_admin.jpg); position:absolute; left:50%; top:50%; margin:-250px 0 0 -250px; padding:205px 85px 50px 100px}

/* Menu */

ul#nav 					{list-style:none; float:right; margin:10px 40px 0 0}
li, li button			{display:inline; font:12px/18px Georgia, "Times New Roman", Times, serif}

/* Specific Divisions */

#footer p	{color:#888; font:12px/18px Georgia, "Times New Roman", Times, serif}

#content #left, #content #middle, #content #right	{width:260px; float:left; margin-right:20px; height:300px; padding:10px}	
#content #left, #content #right	{height:auto}
#content #right			{margin-right:0px; position:relative}
#content p, #callback label, #callback input, #callback textarea	{color:#eee; font:11px/17px Georgia, "Times New Roman", Times, serif;}	

#middle #fimage					{float:left; margin:0 5px 5px 0; width:200px; height:150px; padding:0; overflow:hidden}
#content #middle img.featured	{height: 150px; width: 200px;}
#middle a.more		{display:block; height:30px; width:110px; background:url(../images/bg_btn.jpg); cursor:pointer; font:12px/32px Georgia, "Times New Roman", Times, serif; text-align:center; float:left; margin-top:10px; color:#ccc}
#middle a:hover					{background-position:0 -30px; color:#ccc}
#content p.description			{color:#ccc;width:200px;margin-top: 10px;}

#terms #content		{width:880px; padding-right:40px}
#terms p			{margin:10px 0}
#terms h3			{margin-top:20px}

#nav form			{display:inline}
#nav button			{background:none; color:#777; padding:0; margin:0}
#nav button:hover	{color:#77bc1c}

#content .propertyItem			{width:460px; height:150px; padding:0; margin:0 0 25px 0; clear:both; position:relative}
#content .thumb					{width:200px; height:150px; float:left; margin:0; padding:0; overflow:hidden}
#content .details				{width:240px; margin:0; padding:0 0 0 20px; float:right}
#content .propertyItem h4		{color:#bfbaac; font:18px/24px Georgia, "Times New Roman", Times, serif}
#content .propertyItem p		{color:#888888; font:14px/20px Georgia, "Times New Roman", Times, serif}
.propertyItem a.more					{display:block; height:30px; width:110px; background:url(../images/bg_btn.jpg); cursor:pointer; font:12px/32px Georgia, serif; text-align:center; float:left; margin-top:10px; color:#aaa69a}
.propertyItem a.more:hover			{background-position:0 -30px; color:#aaa69a}
#content .propertyItem a.more	{margin-right:10px}

#content.propertyDoc .thumb			{margin-right:10px}


.propertyDoc a			{font:11px/17px Georgia, "Times New Roman", Times, serif; color:#fff}
.propertyDoc a.more		{display:block; height:30px; width:110px; background:url(../images/bg_btn.jpg); cursor:pointer; font:12px/32px Georgia, serif; text-align:center; float:left; margin-top:10px; color:#aaa69a}
.propertyDoc a:hover			{background-position:0 -30px; color:#aaa69a}
.propertyDoc a.asterix			{font:16px/22px Georgia, "Times New Roman", Times, serif; color:#888; margin-bottom:5px}
.propertyDoc a.asterix:hover	{color:#fff}

#need_finance				{width:210px; height:150px; background:url(../images/need_finance.jpg); padding:50px 30px 30px 140px; margin-top:300px; display:block}
#need_finance a		{display:block; height:30px; width:110px; background:url(../images/bg_btn.jpg); cursor:pointer; font:12px/32px Georgia, serif; text-align:center; float:left; margin-top:10px; color:#aaa69a}
#need_finance a:hover		{background-position:0 -30px; color:#aaa69a}

/* Listing Page */

a.paginate			{font: 14px/20px Georgia, "Times New Roman", Times, serif; float:right; background:none; margin-bottom:25px}
a.paginate:hover	{color:#77bc1c}

/* .listing #content			{width:910px; padding-right:10px} */
.listing #content #left, #content.propertyItem #left, #content.propertyDoc #left		{width:460px; margin-right:0px}
.listing #content #right, #content.propertyItem #right, #content.propertyDoc #right	{width:380px; float: right; padding-left:0; padding-right:0}
#options				{width:100%; height:40px; background-color:#121212}
#options p, #options div				{width:880px; margin:0 auto; line-height:40px; text-align:right; color:#777}
#options a				{color:#777}
#options a.selected, #options p span, #options a:hover		{color:#77bc1c}

.listing #homeFind, #content.propertyItem #homeFind, .propertyDoc #homeFind		{width:310px; height:250px; background:url(../images/new_search.jpg) no-repeat; padding:40px 30px 40px 40px; right:0; z-index:9}
.listing #homeFind h2, #content.propertyItem #homeFind h2, .propertyDoc #homeFind h2	{margin:15px 0 0 10px}
.listing #homeFind p, #content.propertyItem #homeFind p, .propertyDoc #homeFind	p	{height:20px; margin:15px 0; clear:both}
.listing #content, #content.propertyItem, #content.propertyDoc		{position:relative}

/* Forms */

textarea	{border:1px solid #aaa; overflow:hidden}
input		{border:0px solid #aaa}
fieldset	{border:0px groove threedface}
button		{display:block; height:30px; line-height:normal; padding:0; padding:2px; cursor:pointer}

#homeFind				{width:290px; height:225px; top:0px; right:40px; display:block; background:url(../images/findHome.png) repeat; position:absolute; padding:30px; z-index:9999}
#homeFind fieldset		{width:290px; margin:0 auto}
#homeFind p				{height:20px; margin:10px 0; clear:both}
#homeFind label			{width:90px; height:20px; float:left; color:#ccc}
#homeFind input			{display:block; width:185px; height:16px; padding:2px 0; float:right; font-size:12px; line-height:16px}
#homeFind select		{display:block; width:185px; float:right}
#homeFind textarea		{width:200px; margin:5px 0}
#homeFind #buttons		{width:290px}
#homeFind button		{width:80px; height:32px; line-height:32px; padding:0px; margin:5px 0; background:url(../images/find.png) no-repeat; border:none; float:right}

.thickbox_wrap			{display:none}
#form_finance, #form_enquire			{width:360px; overflow:hidden}
#form_finance h2{padding:10px 0;}
#form_enquire h2		{padding:0;}
#form_finance p, #form_enquire p		{padding:5px 0; clear:both}
#form_finance p.input					{margin:0; padding:0px 0 10px 0}
#form_finance label, #form_enquire label		{color:#eee; width:145px}
#form_finance input, #form_enquire input		{width:170px}
#form_finance input, #form_enquire select		{width:170px}

#form_finance #left, #form_enquire #left		{width:170px; float:left}
#form_finance #right, #form_enquire #right		{width:170px; float:right}
#form_finance #buttons, #form_enquire #buttons	{clear:both; padding:10px 0 0 0}
#form_finance button, #form_enquire button		{width:80px; height:32px; line-height:32px; padding:0px; /*margin:5px 0;*/ background:url(../images/btn_submit.png) no-repeat; border:none; float:right}
#form_enquire textarea							{width:360px; height:70px}

#callback					{display:block; margin:10px 0}
#callback fieldset			{width:260px}
#callback label				{width:60px; height:20px; float:left; color:#ccc}
#callback p					{height:20px; margin:5px 0; clear:both}
#callback p.textarea		{height:75px}
#callback input				{width:185px; height:14px; line-height:14px; float:right; color:#333; padding:3px 0}
#callback textarea			{width:183px; height:75px; float:right; color:#333}
#callback p.textarea label 	{height:75px}
#callback button			{width:80px; height:32px; line-height:32px; padding:0px; margin:5px 0; background:url(../images/btn_submit.png) no-repeat; border:none; float:right}

#contactus fieldset			{background-color:#121212; width:880px}
#contactus p				{padding:16px 8px 8px 25px; height:25px; line-height:25px; /*padding-left:25px*/}
#contactus label			{width:125px; display:block; float:left; color:#eee; margin-right:10px}
#contactus input			{width:240px; padding:0 5px; height:25px; background:url(../images/bg_contact_input.jpg)}
#contactus input.exception	{width:auto; margin:0 10px; background:none; height:auto}
#contactus .exception label	{width:265px}
#contactus span				{color:#eee}
#contactus button	{width:80px; height:32px; line-height:32px; padding:0px; margin:5px 25px 5px 0; background:url(../images/btn_submit.png) no-repeat; border:none; float:right}


#hlpc-admin	button	{width:80px; height:32px; line-height:32px; padding:0px; margin:5px 0; background:url(../images/btn_submit.png) no-repeat; border:none; float:right}
#hlpc-admin label	{color:#ccc; height:30px; line-height:30px; width:100px; display:block; float:left}
#hlpc-admin input	{float:right; width:215px; height:20px; line-height:20px; padding: 5px 0}
#hlpc-admin p		{margin:7px 0; height:30px}

.admin #content form				{}
.admin #content fieldset			{width:720px; height:185px; margin:20px auto 0 auto; padding:50px 20px 0 20px; position:relative; background: url(../images/fieldset.jpg)}
.admin #content fieldset.buttons	{border:none; background:none; height:auto; padding:0; margin:0 auto; width:720px; padding:20px 20px 0 20px}
.admin #content fieldset.rounded 	{-moz-border-radius:3px; -webkit-border-radius:3px}					

.admin #content p.legend		{background:none; color:#555; font-size:16px; width:167px; height:35px; line-height:35px; text-align:left; margin-top:-40px}
.admin #content p				{height:24px; margin:1px 0 0 0; clear:both; padding:3px 280px 3px 10px; background-color:#1b1b1b}

.admin #content label			{width:130px; height:24px; line-height:24px; float:left; color:#ccc}
.admin #content span			{width:10px; line-height:30px; color:#ccc}
.admin #content input			{display:block; width:285px; padding:4px 0; height:16px; float:right; font-size:12px; line-height:18px; background-color:#222; color:#eee}
.admin #content .upload input	{border:0px; background:none; outline:0px;}
.admin #content select			{display:block; width:285px; float:left; height:auto; line-height:auto; width:auto}
.admin #content label.select	{width:142px}
.admin #content textarea		{width:285px; margin:0; display:block; float:right; height:66px; background-color:#222; border:none; color:#eee; font-size:12px; line-height:18px}
.admin #content p.textarea		{height:66px}
.admin #content #buttons		{width:290px}
.admin #content button			{width:80px; height:32px; line-height:32px; padding:0px; margin:5px 0; background:url(../images/btn_submit.png) no-repeat; border:none; float:right}

.admin #content p.upload		{width:180px; float:left; padding:0; margin:0 0 0 30px}
.admin #content p.upload input	{height:20px; line-height:20px; padding-top:5px}

.builder #content						{padding:20px 40px; width:880px;}
#builder-design fieldset				{background-color:#121212; margin:20px 0}
#builder-design fieldset.buttons		{background:none; width:850px; padding:10px 30px 0 0}

#builder-design label, #builder-design p input	{display:block; height:30px; padding:0 15px}
#builder-design p.upload input					{line-height:30px}
#builder-design p select						{margin-left: 15px}
#builder-design label							{color:#ddd; line-height:35px}
#builder-design div.upload input					{height:20px; font:12px/20px Georgia, "Times New Roman", Times, serif; padding:0 10px;}

#builder-design div				{width:880px; height:20px; margin:0; padding:0}
div.upper		{background:url(../images/upper.jpg); height:20px}
div.under		{background:url(../images/under.jpg); height:20px}
#builder-design p.legend				{color:#555; font-size:16px; padding-left:45px}

#builder-design p			{padding-left:30px; float:left}
#builder-design p.legend	{width:835px; margin:0; padding:0 0 0 30px}
#builder-design p.small		{width:105px}
#builder-design p.half		{width:395px}
#builder-design p.third		{width:273px}
#builder-design p.whole		{width:820px; height:105px; float:none}
#builder-design p.clear		{height:10px; width:850px; float:none}

#builder-design p.small input		{width:75px; background:url(../images/small.jpg)}
#builder-design p.half	input		{width:365px; background:url(../images/half.jpg)}
#builder-design p.third input		{width:243px; background:url(../images/third.jpg)}
#builder-design p.whole textarea	{width:790px; height:85px; background:url(../images/whole.jpg); border:0; outline:0; padding:0 15px}

#builder-design .upload p label		{width:150px; padding:0 20px; float:left}
#builder-design div.upload			{width:180px; height:auto; float:left; padding:0; margin:0 0 0 30px}
#builder-design div.upload div		{height:85px; width:auto; padding: 0 15px}

#builder-design button			{width:80px; height:32px; line-height:32px; padding:0px; margin:5px 0; background:url(../images/btn_submit.png) no-repeat; border:none; float:right}

.interface #content div.outer	{margin:5px 0 0 0; height:54px; width:880px; overflow:hidden}
.interface #content div.text	{width:880px; height:16px}
.interface #content a	{display:block; background:url(../images/interface.jpg); margin:5px 0; padding-left:15px; width:865px; height:54px; line-height:54px; font-size:14px}
.interface #content a:hover		{background-position:0 -54px}

.disclaimer_form label, .disclaimer_form p input	{display:block; height:30px; padding:0 15px}
.disclaimer_form fieldset		{background-color:#121212; margin:20px 0}
.disclaimer_form button			{width:80px; height:32px; line-height:32px; padding:0px; margin:5px 0; background:url(../images/btn_submit.png) no-repeat; border:none; float:right}
.disclaimer_form p.half	input		{width:365px; background:url(../images/half.jpg)}
.disclaimer_form p.whole textarea	{width:790px; height:85px; background:url(../images/whole.jpg); border:0; outline:0; padding:0 15px}
.disclaimer_form p					{padding-left:30px; float:left}
.disclaimer_form p.whole			{padding-top:20px}

#builder-design .checkbox input			{display:block; float:left; margin-top:0px}
#builder-design .checkbox label			{display:block; float:left}

.contact_form label, .contact_form p input	{display:block; height:30px; padding:0 15px}
.contact_form p			{padding-left:30px; float:left}
.contact_form p.half		{width:395px}
.contact_form p.third		{width:273px}

.contact_form fieldset		{background-color:#121212; margin:20px 0}
.contact_form button, .contact_form a			{width:80px; height:32px; line-height:32px; padding:0px; margin:5px 0; background:url(../images/btn_submit.png) no-repeat; border:none; float:right}
.contact_form a.delete			{background:url(../images/btn_delete.png) no-repeat; border:none; float:right; margin-right:10px}

.contact_form p.half	input		{width:365px; background:url(../images/half.jpg)}
.contact_form p.whole textarea	{width:790px; height:85px; background:url(../images/whole.jpg); border:0; outline:0; padding:0 15px}
.contact_form p.whole			{padding-top:20px}
.contact_form p.third input		{width:243px; background:url(../images/third.jpg)}
.contact_form p.clear		{height:10px; width:850px; float:none}

/* Property Page */

.thumbs img 						{margin:5px 10px 5px 0px}

/* listingBuilder Page */ 

#content .designs				{width:400px; float:left; padding:20px}
#content .designs img			{float:left; width:120px; margin-right:20px}

#content .designs a				{display:block; height:30px; width:110px; background:url(../images/bg_btn.jpg); cursor:pointer; font:12px/32px Georgia, serif; text-align:center; float:left; margin:10px 10px 0 0; color:#aaa69a}
#content .designs a:hover			{background-position:0 -30px; color:#aaa69a}

#builder-design .file p				{padding:70px 0 0 0; width:100%}
#builder-design .upload				{text-align:left}

p.PDF		{background:url(../images/view_pdf.jpg) no-repeat; height:60px; padding-left:80px; margin:18px 0 10px 0}
p.PDF img	{float:left; margin-right:5px}
p.PDF a		{display:block; height:60px; line-height:75px}



 .label a
{
color:#ffffff;
}

 .label a:hover
{
color:#ffffff;
}


#left h1 {
    color: #888888;
    display: block;
    height: auto;
    left: 0;
    margin-bottom: 5px;
    position: relative;
    top: 0;
    width: auto;
}
#left_perth h1 {
    color: #888888;
    display: block;
    height: auto;
    left: 0;
    margin-bottom: 5px;
    position: relative;
    top: 0;
    width: auto;
}	
#footer h1 {
    color: #555555;
    display: block;
    height: auto;
    left: 0;
    margin-bottom: 5px;
    position: relative;
    top: 0;
    width: auto;
}

.featuredPropertyItem h4		{font:12px/16px Georgia, "Times New Roman", Times, serif; color:#77bc1c; padding:0 0 5px 0; font-weight:bold; clear:both;width:213px;}
.featuredPropertyWrap{
float:right;}

.home-left p{ text-align: justify;
    width: 330px;
	}

#left p{ text-align: justify;
    min-width: 330px;
	}
#left_perth{
float:left;
width:65%;}

.left-property {
width:540px;}

#left .left-property p{
width:440px;}

#left_f{

float:left;
width:50%;}

#right_f{

float:right;
width:50%;}
.banner-div{ width:258px; height:159px; position:relative; outline:none; border:1px solid #fff; }
.banner-div .text{	position:absolute;	left: 60px;	top: 105px; width:190px; font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#000; outline:none;}
.banner-div .text img a{ outline:none;
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:500px;
	height:200px;
	overflow:hidden; 
	}
span#prevBtn{}
span#nextBtn{}