
/********************************************  CSS RESET  *********************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,
cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style: none;
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input {
	padding: 0;
	margin: 0;
	font-size: 100%;
}
blockquote, q { quotes: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
th { text-align: left; }
address { font-style: normal; }
.clearFloat { clear: both; }
.hidden { display: none; }
body, select, input, textarea { font-family: arial, sans-serif; }
textarea { margin: 0; font-size: 100%; }

input[type="hidden"] {
	display: none !important;
	visibility: hidden !important;
	height: 0px !important;
}


/**********************************************  FONTS  ***********************************************/

h1 {
	font-size: 1.75em;
	color: #00a5e7;
	/*Gill Sans, georgia,*/
	font-family:arial, sans-serif;
	margin: 0 0 .8em 0;
}
h2 {
	font-family:Arial, Georgia, Helvetica, sans-serif;
	color: #658094;
	font-size: 1.125em;
	margin: 1.5em 0 1em 0;
}
h2 .sm {
	font-size: .5625em;
	text-transform: uppercase;
}
p {
	color: #565656;
	font-size: .75em;
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
a {
	text-decoration: none;
	color: #00a5e7;
}
a:hover {
	text-decoration: underline;
}


/**********************************************  HEADER  **********************************************/

#header {
	width: 910px;
	height: 137px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.headerLogo {
	position: absolute;
	left: 0;
	top: 18px;
	overflow: hidden;
	font-size: 0;
}
#header ul {
	position: absolute;
	right: 9px;
	top: 103px;
	line-height: 1em;
}
#header li {
	float: left;
	margin: 0 0 0 10px;
	height: 34px;
	position: relative;
	top: 7px;
}
#header ul a {
	color: #2c2c2c;
	font-size: 12px;
	display: block;
	padding: 5px 15px 15px 15px;
	float: left;
	border: 1px #bebebe solid;
	border-right: 1px #8a8a8a solid;
	border-bottom: 0;
	position: relative;
	background: #fff url('../images/menu/menu-bg.gif') repeat-x left top;
}
#header ul a:hover {
	text-decoration: none;
}
#header .home #miHome a,
#header .buying #miBuying a,
#header .renting #miRenting a,
#header .selling #miSelling a,
#header .invest #miInvestment a,
#header .about #miAboutUs a,
#header .contact #miContact a {
	color: #3bb6e9;
	bottom: 10px !important;
	background: #fff !important;
}


/**********************************************  FOOTER  **********************************************/

#footer {
	width: 910px;
	margin: 0 auto;
	background: url('../images/bg/footer-bg.gif') repeat-x left top;
	padding: 29px 0 19px 0;
}
#footer {
	/*color: #878787;*/
	color: #fff;
	font-size: .6875em;
}
#footer a {
	/*color: #878787;*/
	color: #fff;
}
#footer ul {
	display: inline;
	line-height: .75em;
}
#footer li {
	display: inline;
	/*border-left: 1px #a2a2a2 solid;*/
	border-left: 1px #fff solid;
	padding: 0 0 0 4px;
}
#newsletterForm {
	float: right;
	width: 300px;
	height: 50px;
	position: relative;
	top: -20px;
}
#newsletterForm .newsletterTitle {
	color: #fff;
	text-transform: uppercase;
	top: 0;
	left: 39px;
	position: absolute;
	font-size: 10px;
	font-family:Arial, Georgia, Helvetica, sans-serif;
}
#newsletterForm .imgBtn {
	position: absolute;
	right: 0;
	top: 14px;
}

/**************************************************/

#newsletterForm .inputContainer2 {
	background: url('../images/forms/newsletter-bg2.gif') no-repeat left top;
	width: 199px;
	height: 29px;
	position: absolute;
	left: 0;
	top: 8px;
}
#newsletterForm .inputContainer2.error { 
	background-image: url('../images/forms/newsletter-bg2-error.gif'); 
}

#newsletterForm .inputContainer2 input {
	border: 0;
	background: none;
	font-size: 11px;
	color: #444;
	position: absolute;
	left: 39px;
	top: 11px;
	width: 158px;
}
/**************************************************/


#newsletterForm .inputContainer {
	background: url('../images/forms/newsletter-bg.gif') no-repeat left top;
	width: 199px;
	height: 29px;
	position: absolute;
	left: 0;
	top: 8px;
}
#newsletterForm .inputContainer.error { background-image: url('../images/forms/newsletter-bg-error.gif'); }

#newsletterForm .inputContainer input {
	border: 0;
	background: none;
	font-size: 11px;
	color: #444;
	position: absolute;
	left: 39px;
	top: 11px;
	width: 158px;
}
#newsletterForm label {
	color: #959595;
	font-size: 11px;
	position: absolute;
	z-index: 1;
	top: 19px;
	left: 40px;
}
#newsletterForm .message {
	position: absolute;
	top: 20px;
	color: #444;
	right: 0;
}


/***********************************************  NAV  ************************************************/

#nav {
	width: 255px;
	overflow: hidden;
}
#nav li {
	width: 255px;
	float: left;
	background: url('../images/bg/nav-border-repeat.gif') repeat-x left bottom;
	padding: 0 0 1px 0;
}
#nav li a {
	color: #454545;
	display: block;
	height: 100%;
	text-decoration: none;
	padding: 10px 0 9px 13px;
	font-size: .75em;
}
#nav li a:hover {
	color: #00a5e7;
}
#nav.ourCompany #navCompany,
#nav.ourTeam #navTeam,
#nav.investmentLearning #navInvestmentLearning,
#nav.community #navCommunity,

#nav.successfulSelling #navSuccessfulSelling,
#nav.sellingTips #navSellingTips,

#nav.investing #navInvesting,

#nav.forRent #navForRent,
#nav.rentingFAQ #navRentingFAQ,

#nav.propertyManagement #navPropertyManagement,
#nav.rentingTips #navRentingTips,
#nav.forSale #navForSale,
#nav.buyingTips #navBuyingTips {
	padding-left: 15px !important;
}
#nav.ourCompany #navCompany a,
#nav.ourTeam #navTeam a,
#nav.investmentLearning #navInvestmentLearning a,
#nav.community #navCommunity a,
#nav.successfulSelling #navSuccessfulSelling a,
#nav.sellingTips #navSellingTips a,
#nav.investing #navInvesting a,
#nav.forRent #navForRent a,
#nav.rentingFAQ #navRentingFAQ a,
#nav.propertyManagement #navPropertyManagement a,
#nav.rentingTips #navRentingTips a,
#nav.forSale #navForSale a,
#nav.buyingTips #navBuyingTips a {
	color: #00a5e7;
	background: url('../images/icons/ico-nav.gif') no-repeat left center;
}


/*******************************************  PAGE LAYOUT  ********************************************/

body {
	/*background: url('../images/bg/body-bg.gif');*/
}
body {
	background: #14a9e4 url(../images/bg/body-bg2.gif) top left repeat-x;
}
#content {
	width: 910px;
	margin: 0 auto 20px auto;
	
	border-top: 0;
	background: #fff;
}
#main {
	float: right;
	width: 590px;
	padding: 35px 30px 20px 0;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
#main.fullwidth {
	width: 850px;
	padding-left: 20px;
}
#sidebar {
	float: left;
	width: 255px;
	padding: 9px;
}
#sidebar h2 {
	background: url('../images/bg/nav-heading-bg.gif') left top;
	font-size: .875em;
	color: #fff;
	font-weight: bold;
	font-family:Arial, Georgia, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 8px;
	margin: 0;
}
.sidebarTile {
	margin: 0 0 5px 0;
	border: 2px #658094 solid;
}


/*********************************************  LISTINGS **********************************************/

.propertyList .headerBar {
	background: #00a5e7;
	padding: 4px;
	overflow: hidden;
	color: #fff;
	width: 582px;
}
.propertyList li {
	margin: 0 0 15px 0;
	width: 590px;
}
.propertyList .propertyContent {
	position: relative;
	padding: 8px 8px 8px 185px;
	width: 395px;
	border: 1px #00a5e7 solid;
	border-top: 0;
	min-height: 106px;
	height: auto !important;
	height: 106px;
}
.propertyList .propertyContent p {
	font-size: 12px;
}
.propertyList .headerBar h2 {
	color: #fff;
	font-family:Arial, Georgia, Helvetica, sans-serif;
	font-size: .875em;
	text-transform: uppercase;
	font-weight: bold;
	margin: 2px 0 0 2px;
	float: left;
}
.propertyList .headerBar ul {
	float: right;
	margin: 0 10px 0 0;
}
.propertyList .headerBar li {
	float: left;
	font-size: .875em;
	font-weight: bold;
	padding: 2px 0 2px 30px;
	background: no-repeat left bottom;
	margin: 0 0 0 10px;
	width: auto;
	display: inline;
}
.propertyList .headerBar li.bed { background-image: url('../images/icons/ico-bed.gif'); }
.propertyList .headerBar li.bath { background-image: url('../images/icons/ico-bath.gif'); }
.propertyList .headerBar li.carpark { background-image: url('../images/icons/ico-car.gif'); }

.propertyList .thumb {
	position: absolute;
	left: 8px;
	top: 8px;
}
.propertyList address,
.propertyList .desc {
	color: #111;
	font-size: .75em;
	font-weight: bold;
	line-height: 1.25em;
}
.propertyList .desc {
	margin: 0 0 10px 0;
}


/**********************************************  PAGING  **********************************************/

.paging {
	text-align:center;
	font-size: .75em;
}
.paging li {
	display:inline;
}
.paging li a {
	color: #00a5e7;
	display: inline-block;
	border: 1px #00a5e7 solid;
	padding: 5px 8px;
}
.paging li a:hover {
	background-color: #d7f4ff;
	text-decoration: none;
}
.paging li.selected a {
	background-color: #d7f4ff;
}


/*******************************************  CONTACT PAGE  *******************************************/

.contacts {
	width: 363px;
	float: left;
}
.contacts h2 {
	margin-top: 0;
}
.contacts dl {
	border-bottom: 1px #dbdbdb solid;
	font-size: .8125em;
	width: 368px;
	line-height: 140%;
	overflow: hidden;
	margin: 0 0 30px 0;
}
.contacts dd,
.contacts dt {
	border-top: 1px #dbdbdb solid;
	float: left;
}
.contacts dt {
	width: 118px;
	font-weight: bold;
	text-align: right;
	padding: 4px 6px 4px 0;
}
.contacts dd {
	width: 237px;
	padding: 4px 0 4px 6px;
}
.gmap {
	float: right;
	width: 464px;
	text-align: right;
}
.gmap iframe {
	border: 1px #dbdbdb solid;
	padding: 2px;
}
.gmapLink {
	font-size: .6875em;
	text-decoration: none;
}
.gmapLink:hover { 
	text-decoration: underline;
}


/****************************************  RECOMMENDED EATING  ****************************************/

.recommendedList {
	overflow: hidden;
	width: 590px;
	font-size: .75em;
	margin: -10px 0 20px 0;
	padding: 10px 0 0 0;
	border-top: 1px #ccc solid
}
.recommendedList li {
	float: left;
	width: 176px;
	padding: 0 20px 0 0;
	line-height: 1.5em;
}
.recommendedList .businessName {
	text-transform: uppercase;
	font-weight: bold;
}
.recommendedList address {
	font-style: italic;
}
.recommendedList .phNum {
	background: url('../images/icons/ico-phone.gif') no-repeat left center;
	padding: 0 0 0 15px;
}


/********************************************  HOME PAGE  *********************************************/

#homeMain .intro {
	width: 448px;
	height: 363px;
	float: left;
	background: url('../images/bg/home-intro-bg.jpg');
	padding: 30px 80px 0 30px;
	overflow: auto;
}
#homeMain h1 {
	color: #fff;
	font-size: 36px;
	line-height: 36px;
}
#homeMain a {
	color: #d1edf9;
	font-family:Arial, Georgia, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
}
#homeMain p {
	color: #fff;
	font-size: 12px;
}
#homeMain .viewProperties,
#homeMain .investmentLearning {
	float: left;
	width: 146px;
	height: 378px;
	padding: 15px 15px 0 15px;
}
#homeMain h2 {
	font-family:Arial, Georgia, Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 7px 0;
	font-size: 20px;
	line-height: 20px;
}
#homeMain h2 .lg {
	font-size: 24px;
}
.arrowLink {
	background: url('../images/icons/ico-arrow.gif') no-repeat left center;
	padding: 3px 0 3px 25px;
}
.viewProperties .arrowLink {
	padding-left: 23px;
}
#homeMain .viewProperties { 
	background: url('../images/bg/properties-bg.jpg'); 
}
#homeMain .investmentLearning { 
	background: url('../images/bg/investments-bg.jpg'); 
}

.homeTiles {
	overflow: hidden;
	width: 912px;
	margin: 0 auto 34px auto;
}
.homeTiles li {
	float: left;
	display: inline;
	width: 250px;
	border-right: 1px #cbcbcb solid;
	border-bottom: 1px #cbcbcb solid;
	background: #fff url('../images/bg/home-tiles-bg.png') no-repeat left top;
	padding: 15px 20px 20px 20px;
}
.homeTiles .contactAgent {
	margin: 0 19px;
}
.homeTiles div {
	background: no-repeat right bottom;
}
.comunity div { background-image: url('../images/tiles/home-tile-community.gif'); }
.contactAgent div { background-image: url('../images/tiles/home-tile-contact.gif'); }
.tips div { background-image: url('../images/tiles/home-tile-tips.gif'); }

.homeTiles h3 {
	/*
	font-size: 1.6875em;
	*/
	font-size: 1.4em;
	color: #0373a1;
	font-family:Arial, Georgia, Helvetica, sans-serif;
	margin: 0 0 3px 0;
}
.homeTiles p {
	font-size: .6875em;
	line-height: 1.25em;
	width: 185px;
	margin-left: 3px;
}
.homeTiles a {
	color: #191919;
	font-family:Arial, Georgia, Helvetica, sans-serif;
	font-style: italic;
	font-size: .75em;
	margin-left: 3px;
}


/**********************************************  COMMON  **********************************************/

#breadcrumb {
	color: #658094;
	font-size: .625em;
	text-transform: uppercase;
}
#breadcrumb a {
	color: #658094;
}
.contentList {
	list-style-type: disc;
	color: #565656;
	font-size: .75em;
	line-height: 1.5em;
	margin: 20px 0 1em 30px;
}
.contentList li {
	margin: 0 0 10px 0;
}
.teamList h2 {
	margin: 0;
	font-size: 1.2em;
}
.teamList li {
	margin: 0 0 40px 0;
	position: relative;
	min-height: 185px;
	height: auto !important;
	height: 185px;
	padding: 0 0 0 145px;
}
.teamList img {
	border-top: 1px #e2e3e3 solid;
	border-right: 1px #dbdbdb solid;
	border-left: 1px #cbcbcb solid;
	border-bottom: 1px #bababa solid;
	padding: 7px 7px 19px 7px;
	margin: 0 15px 0 0;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
}
.teamList .contactDetails {
	font-size: .75em;
	color: #999;
	margin: 5px 0 20px 0;
}
.teamList .contactDetails .ph {
	color: #565656;
	background: url('../images/icons/ico-phone.gif') no-repeat left center;
	padding: 0 0 0 13px;
}
.teamList .contactDetails .email {
	background: url('../images/icons/ico-email.gif') no-repeat left center;
	padding: 0 0 0 17px;
}
.imgRight {
	float: right;
	margin: 0 30px 10px 10px;
	display: inline;
}
.pdfList {
	margin: 30px 0 0 0;
}
.pdfList a {
	background: url('../images/icons/ico-pdf-large.png') no-repeat 13px center;
	padding: 6px 0 6px 45px;
	font-size: .8125em;
	text-transform: uppercase;
	font-weight: bold;
}