/* CSS Document */

/*---------------------
GLOBAL STYLES
-----------------------*/
* { 
	margin: 0;
	padding: 0;
	}
html, body { 
	height: 100%;
	}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666;
	text-align: center;/*IE Hack*/
	background: #E3D9B9 url(../img/bg.gif) 0 0 repeat-x;
	}
* html body {
	font-size: x-small;/*IE5*/
	fo\nt-size: small;/*IE6*/
	}			
	
a img {
	border: none;
	}
	
/*text styles*/		
p,
ul {
	margin: 0 0 1em 0;
	}
li {
	list-style-position: inside;
	}
	
a:link,
a:visited {
	font-weight: bold;
	color: #636363;
	}
a:hover,
a:active {
	text-decoration: none;
	color: #333;
	}

h1 {
	font-size: 150%;
	}
h2 {
	font-size: 140%;
	}
h3 {
	font-size: 130%;
	margin: 0 0 0.625em 0;
	}
h4 {
	font-size: 120%;
	}
h5 {
	font-size: 110%;
	}
	
/*definition list*/
dl {
	margin: 0 0 1em 0;
	}

dl dt {
	float: left;
	width: 100px;
	margin: 0 0 0.3em 0;
	}	
dl dd {
	margin: 0 0 0.3em 110px;
	width: 600px;
	}	
		
/*---------------------
LAYOUT STYLES
-----------------------*/
#wrap {
	margin: 0 auto;
	width: 800px;
	text-align: left;
	background: url(../img/bg_page.gif) 50% 100% no-repeat;
	padding: 0 0 1em 0;	
	}
	
/*header*/	
#header {
	border-top: 5px solid #FFF011;
	margin: 0 5px;
	padding: 0.625em 0.625em 0 0.625em;
	background: url(../img/url.gif) 97% 35% no-repeat;
	}
body#home #header {
	background: none;
	}	
#logos {
	width: 332px;
	height: 56px;
	margin: 0 0 0.625em 0;
	}	
body#home h1 {
	width: 266px;
	}	
	
/*banner - default*/	
#banner {
	height: 100px;
	border-bottom: 1px solid #FFF;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/bnnr_main.jpg);
	}	

/*content*/		
#content {
	margin: 0 0.95em;
	padding: 0 0 2em 0;
	}

body#home #content {
	background: url(../img/url.gif) 100% 100% no-repeat;
	margin-bottom: 0.625em;
	}	
		
/*footer*/		
#footer {
	border-top: 1px solid #FFF011;
	margin: 0 0.95em;
	padding: 0.75em 0;
	font-size: 90%;
	color: #CCC;
	clear: both; /*reminds #content height*/
	}
#footer a {
	color: #CCC;
	}	

/*---------------------
CONTENT ELEMENTS
-----------------------*/

/*banners*/
body#buying #banner {
	background-image: url(../img/bnnr_buying.jpg);
	}
body#selling #banner {
	background-image: url(../img/bnnr_selling.jpg);
	}
body#renting #banner {
	background-image: url(../img/bnnr_renting.jpg);
	}
body#finance #banner {
	background-image: url(../img/bnnr_finance.jpg);
	}
body#projects #banner {
	background-image: url(../img/bnnr_projects.jpg);
	}
body#aboutUs #banner {
	background-image: url(../img/bnnr_aboutUs.jpg);
	}
body#contactUs #banner {
	background-image: url(../img/bnnr_contactUs.jpg);
	}						

h2#label, h3#label, h4#label { /*Used to label interface*/
	margin: 0;
	text-indent: 1em;
	display: none;
	background-image: none;
	}

/*Graphic Headings*/
h2 {
	display: block;
	height: 15px;
	text-indent: -99999px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	margin: 0 0 0.625em 0;
	}	

h2#hd_welcome {
	background-image: url(../img/hd_welcome.gif);	
	}
	
/*buying headings*/
h2#hd_residentialSales {
	background-image: url(../img/hd_residentialSales.gif);
	}	
h2#hd_residentialLand {
	background-image: url(../img/hd_residentialLand.gif);
	}	
h2#hd_commercialSales {
	background-image: url(../img/hd_commercialSales.gif);
	}
h2#hd_buyersWishlist {
	background-image: url(../img/hd_buyersWishlist.gif);
	}
h2#hd_soldProperties {
	background-image: url(../img/hd_soldProperties.gif);
	}
	
/*selling headings*/	
h2#hd_marketAppraisal {
	background-image: url(../img/hd_marketAppraisal.gif);
	}
h2#hd_sellingTips {
	background-image: url(../img/hd_sellingTips.gif);
	}
	
/*renting headings*/
h2#hd_residentialRentals {
	background-image: url(../img/hd_residentialRentals.gif);
	}	
h2#hd_commercialLeases {
	background-image: url(../img/hd_commercialLeases.gif);
	}	
h2#hd_tenancyWishlist {
	background-image: url(../img/hd_tenancyWishlist.gif);
	}
h2#hd_tenancyApplication {
	background-image: url(../img/hd_tenancyApplication.gif);
	}	
h2#hd_maintenanceRequest {
	background-image: url(../img/hd_maintenanceRequest.gif);
	}
h2#hd_vacatingNotice {
	background-image: url(../img/hd_vacatingNotice.gif);
	}
h2#hd_hol {
	background-image: url(../img/hd_hol.gif);
	}
h2#hd_holinfo {
	background-image: url(../img/hd_holinfo.gif);
	}
	
/*finance headings*/
h2#hd_financialServices {
	background-image: url(../img/hd_financialServices.gif);
	}
h2#hd_calcMortgage {
	background-image: url(../img/hd_calcMortgage.gif);
	}
h2#hd_calcInvest {
	background-image: url(../img/hd_calcInvest.gif);
	}
	
/*Projects*/
h2#hd_projects {
	background-image: url(../img/hd_projects.gif);
	}
		
/*About Us headings*/
h2#hd_aboutUs {
	background-image: url(../img/hd_aboutUs.gif);
	}
h2#hd_aboutTheArea {
	background-image: url(../img/hd_aboutTheArea.gif);
	}	
h2#hd_staffProfiles {
	background-image: url(../img/hd_staffProfiles.gif);
	}	
h2#hd_careers {
	background-image: url(../img/hd_careers.gif);
	}	
h2#hd_news {
	background-image: url(../img/hd_news.gif);
	}
		
/*contact us heading*/	
h2#hd_contactUs {
	background-image: url(../img/hd_contactUs.gif);
	}
	
/*other pages*/				
h2#hd_privacyPolicy {
	background-image: url(../img/hd_privacyPolicy.gif);
	}
h2#hd_propertyEnquiry {
	background-image: url(../img/hd_propertyEnquiry.gif);
	}
h2#hd_emailAfriend {
	background-image: url(../img/hd_emailAfriend.gif);
	}

/*Images*/
#content img.right {
	float: right;
	margin: 0 0 1em 1em;
	}
#content img.left {
	float: left;
	margin: 0 1em 1em 0;
	}
#content img.none {
	margin: 1em ;
	}	

/*PDF*/	
.downloadPDF a {
	display: block;
	padding: 16px 0 16px 42px;
	background-repeat: no-repeat;
	background-position: 0 40%;
	background-image:url(../img/ico_pdf.gif);
	min-width: 100px;
	width: 400px;
	}
#downloadAcrobat a {
	width: auto;
	display: block;
	padding: 16px 0 16px 98px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-image:url(../img/ico_acrobat.gif);
	border-top: 1px solid #CCC;
	}	
	
/*Home Page*/
body#home #banner {	
	height: 250px;
	background:  url(../img/bnnr_home.gif) 100% 0 no-repeat;
	overflow: hidden;
	}
/*animation*/	
#animation {
	float: left;
	width: 576px;
	height: 200px;
	background: url(../img/preloader_animation.gif) 0 0 no-repeat;
	}
/*feature property*/
#featureProperty {
	float: right;
	width: 170px;
	margin: 0.625em;
	color:#FFF;
	}
h2#hd_featureProperty {
	height: 17px;
	background-image:url(../img/hd_featureProperty.gif);
	margin: 0 0 0.35em 0;
	}
#featureProperty a {
	display: block;
	font-weight: bold;
	color:#FFF;
	}
#featureProperty img {
	border: 1px solid #999;
	width: 130px;
	height: 90px;
	background: url(../img/preloader_sm.gif) 50% 50% no-repeat;
	display: block;
	}	
/*container for quicksearch and contact buttons*/
#tools {
	height: 210px;
	}
/*quickSearch*/
#quickSearch {
	float: left;
	width: 347px;
	background: url(../img/hd_quickSearch.gif) 0 0 no-repeat;
	margin: 0 0 0.625em 0;
	padding: 37px 0 0 0;
	clear: left;
	}				
#quickSearch form {
	background:url(../img/bg_quickSearch.gif) 0 100% no-repeat;
	} 	
#quickSearch form fieldset {
	border: none;
	margin: 0 0.625em;
	padding: 0.625em 0;
	}
#quickSearch form fieldset legend {
	visibility:hidden;
	display: none;
	}
#quickSearch form fieldset div {
	float: left;
	width: 165px;
	}
#quickSearch form fieldset p {
	margin: 0 0 .5em 0;
	}
#quickSearch form fieldset label {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 90%;
	padding: 0 0 0.35em 0;
	}	
#quickSearch form fieldset label.small {
	width: 50px;
	display:inline;
	font-weight: normal;
	text-transform:none;
	}	
#quickSearch form fieldset select {
	width: 140px;
	display: block;
	margin: 0 0 0.35em 0;
	}	

body#home #header {
	position: relative;
	}	
#propid {
	flo//at: right;
	position:absolute;
	top: 40px;
	right: 10px;
	}
#propid input {
	font-size: 90%;
	color: #666;
	margin: 0 0 0 5px;
	border: 1px solid #CCC;
	padding: 1px;
	}	
#propid input.button {
	font-weight: bold;
	cursor: pointer;
	padding: 1px;
	color:#FFF;
	background-color: #696969;
	border: 1px solid #999;
	width: auto;
	}	
			
/*contact buttons*/
#btn_staffGroup a {
	float: right;
	display: block;
	width: 413px;
	height: 189px;
	margin: 0 0 0.625em 0;
	text-indent: -9999px;
}
#btn_staffGroup a {
	background:url(../img/staff-group.jpg) no-repeat;
	}	

/*Doc Manager Pages*/	
/*default article*/
.article {
	margin: 0 0 1em 0;	
	}
			
/*careers*/
/*summary*/
body.careers #wrap.summary .article {
	padding: 0 0 1em 0;
	border-bottom: 1px solid #CCC;
	}
body.careers #wrap.summary .article dl dt {
	float: left;
	width: 150px;
	margin: 0 0 0.3em 0;
	font-weight: bold;
	}
body.careers #wrap.summary .article dl dd {
	width: 600px;
	margin: 0 0 0.3em 150px;	
	}
/*view*/
body.careers #wrap.view .article {
	padding: 0 0 1em 0;
	}	
body.careers #wrap.view .article dl dt {
	float: left;
	width: 150px;
	margin: 0 0 0.3em 0;
	font-weight: bold;
	}
body.careers #wrap.view .article dl dd {
	margin: 0 0 0.3em 150px;
	width: 600px;
	}
body.careers #wrap.view .article dl dt.backButton {
	padding: 1em 0;
	}					

/*staff profiles*/
/*summary*/
body.staffProfiles  #wrap.summary .article {
	border-bottom: 1px solid #CCC;
	padding: 0 0 1em 0;
	overflow: auto;
	_height: 1%;
	}
body.staffProfiles .article h3 {
	margin: 0;
	}	
body.staffProfiles  #wrap.summary dl.article dt {
	float: left;
	margin: 0 0 0.3em 0;
	width: auto;
	}
body.staffProfiles  #wrap.summary dl.article dt img {
	width: 90px;
	height: 120px;
	margin: 0 1em 0 0;
	border: 1px solid #CCC;
	display: block;
	background: url(../img/preloader_xsm.gif) 50% 50% no-repeat;
	}				
body.staffProfiles  #wrap.summary dl.article dd {
	margin: 0 0 0.3em 0;
	width: auto;
	}
body.staffProfiles  #wrap.summary dl.article dd.position {
	color: #333;
	}
	
/*view*/
body.staffProfiles  #wrap.view dl.article {
	padding: 0 0 1em 0;
	overflow: auto;
	_height: 1%;
	}
body.staffProfiles  #wrap.view dl.article dt {
	float: left;
	width: auto;
	}
body.staffProfiles  #wrap.view dl.article dt img {
	width: 135px;
	height: 180px;
	margin: 0 1em 1em 0;
	border: 1px solid #CCC;
	display: block;
	background: url(../img/preloader_sm.gif) 50% 50% no-repeat;
	}				
body.staffProfiles  #wrap.view dl.article dd {
	margin: 0 0 0.3em 0;
	width: auto;
	}
body.staffProfiles  #wrap.view dl.article dd.position {
	color: #333;
	}				
	
#loanMarket {
	float: right;
	width: 185px;
	background:url(../img/btn_loanMarketBottom.gif) 0 100% no-repeat;
	margin: 0 0 1em 0;
	}	
#loanMarket a {
	background: url(../img/btn_loanMarketTop.gif) 0 0 no-repeat;
	padding: 120px 0.625em 0.625em 0.625em;
	color: #FFF;
	display: block;
	font-size: 90%;
	}
#loanMarket a span {
	font-weight: normal;
	display: block;
	text-decoration: none;
	margin-top: 0.625em ;
	}