@media screen {

html { 
	min-height: 100%; 
	padding-bottom: 1px;
 }
body {
	margin: 0;
	font: 100%/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #4F4F4F;
	background: #504F4F;
}

body.mceContentBody { background: #FFF; font-size: 82.5% }

	#wrap {
		width: 924px;
		margin: 0 auto;
		font-size: 80%
	}
	
		#content {
			position: relative;
			clear: both;
			width: 857px;
			padding: 24px 24px 2em 43px;
			background: #FFF url(../images/shadow.png) repeat-y;
			overflow: hidden;
		}
			.cnr {
				position: absolute;
				left: 0; top: 0;
				width: 27px; height: 17px;
				background: url(../images/shadow_top.png) no-repeat
			}
		
			.article {
				float: left;
				width: 650px;
			}
			
			.side {
				float: right;
				width: 190px;
				padding-top: 275px;
				background-repeat: no-repeat
			}
			.home .side, .contact .side { padding-top: 0 }

/*------ general styles ------*/
a { text-decoration: none; color: #99CA3C; font-weight: bold; }
a:hover, a:focus, a:active { color: #504F4F; text-decoration: underline }
h1, h2, h3 { 
	margin: 1em 0 .5em; 
	line-height: 1.2;
	color: #99CA3C
}
h1, .home h2 { 
	margin: 0 0 .8em;
	font-size: 140%
}
.home h2, .contact h1 { margin-top: 1em }
h2 { font-size: 125% }
h3 { font-size: 110% }
p { margin: 0 0 1em; line-height: 1.5 }
ul, ol { padding-left: 1.5em; margin: 0 0 1em 1.5em }
li { margin-bottom: .5em }
ul { list-style: disc }
ul ul { list-style: circle }
ol { list-style: decimal } 
img { border: 0 }
strong, .em { font-weight: bold }
em { font-style: italic }
.article blockquote { margin: 1.5em 30px; font-style: italic }
.article .listings blockquote { margin: 1.5em 0 }
.article cite { 
	display: block; 
	font-style: normal; 
	font-weight: bold; 
	margin-top: 1em;
	text-align: right 
}

.offset { 
	position: absolute;
  left: -999em;
  overflow: hidden; 
}

.nav, .nav ul, .staff { 
	margin: 0;
	padding: 0;
	list-style: none
}

.big { font-size: 150%; font-style: italic }

/*------ header ------*/
.header { 
	position: relative;
	z-index: 100;
	padding: 1px 24px 0 43px;
}

	.logo { 
		float: right;
		margin: 28px 0 21px;
	}
	
	.slogan {
		float: left;
		margin: 48px 0 0;
	}
	
	.header .nav { 
		clear: both;
		margin-bottom: 10px
	}
		.header .nav li, .footer .nav li {
			position: relative; 
			display: inline;
			margin-left: 17.9px
		}
		.header .nav li:first-child, .footer .nav li:first-child { margin-left: 0 }
			.header .nav a, .footer .nav a { 
				color: #FFF;
				font-weight: normal;
				text-decoration: none 
			}
			.header .nav a:hover, .header .nav a:focus, .header .nav a:active, .header .nav .active, 
			.footer .nav a:hover, .footer .nav a:focus, .footer .nav a:active, .footer .nav .active { color: #99CA3C }
	
	/* Subnav */
	.sf-sub-indicator { display: none }
	.header .nav ul {
		position:	absolute;
		top: -999em;
		width: 11em;
		background: #707070
	}
	.header .nav li:hover ul,
	.header .nav li.sfHover ul {
		left:	0;
		top: 28px;
		z-index: 99
	}
		.header .nav li li {
			position: static;
			width: 11em;
			margin: 0
		}
			.header .nav li li a {
				float: none;
				display: block;
				width: 10em;
				height: auto;
				padding: .4em .5em;
				background: #707070;
			}
			.header .nav li li a:hover { background: #99CA3C; color: #FFF }
		.header .nav li:hover, .header .nav li.sfHover,
		.header .nav a:focus, .header .nav a:hover, .header .nav a:active { outline: 0 }	
	
/*------ content ------*/
.article p, .article li { text-align: justify }

.banner {
	background-repeat: no-repeat;
	height: 266px;
	overflow: hidden
}

.img-r { 
	float: right;
	margin: .5em 0 1em 15px
}

.img-l { 
	float: left;
	margin: .5em 15px 1em 0
}

.img-r-bdr { 
	float: right;
	margin: .5em 0 1em 15px;
	border: 1px solid #000
}

.img-l-bdr { 
	float: left;
	margin: .5em 15px 1em 0;
	border: 1px solid #000
}

.items { margin-bottom: 2em }
	.items a { color: #504F4F }
	.items a:hover { color: #99CA3C }
	
.article > p, .article > ul > li, .article > ol > li, 
.article td, .contact .vcard p, .call p { font-size: 86%; line-height: 1.31 }	

.quote {
	background: #000 url(../images/logo2.png) 12px 15px no-repeat;
	clear: both;
	color: #FFF;
	margin-top: 10px;
	padding: 10px 20px 10px 113px
}
	.quote blockquote { margin: 0; font-style: normal }
	.quote cite { font-style: normal }
	.quote p { margin: 0; min-height: 38px }
	
.article .top { 
	margin: 2em 0; 
	text-align: right 
}
	
/* Blog */
.news { margin: 2em 0 }
	.news li { 
		margin-bottom: 1em;
		padding-bottom: 1em;
		border-bottom: 1px solid 
	}
		.news h2, .news p { margin: 0 }
		.news h2 { font-size: 110% }
			.news h2 a { color: #4F4F4F }
	
/* Staff */
.staff { margin-top: 2em }
	.staff > li { 
		margin: 0 0 2em; 
		padding-bottom: 2em;
		border-bottom: 1px solid 
	}
	
	.staff .details {
		position: relative;
		height: 220px
	}
		.staff img {
			float: left;
			margin-right: 10px
		}
		.staff .details div {
			position: absolute;
			bottom: 0; left: 160px
		}
		.staff .vcard p { margin-bottom: 1em }
		.staff .details h2, .staff .details p { margin: 0 }
		.staff .details .role { margin-bottom: .5em }
		
	.principle { font-style: italic }
	
	.staff li ul { margin-bottom: 0 }
	
/* Media */
ul.media a {
	padding: .3em 0 .3em 25px;
	background-repeat: no-repeat
}
.media small { text-transform: uppercase }

.pdf { background-image: url(/images/icons/pdf.png) }
.doc { background-image: url(/images/icons/doc.png) }
.xls { background-image: url(/images/icons/xls.png) }
.mp3 { background-image: url(/images/icons/mp3.png) }

/* Contact */
.map {
	float: right;
	display: inline;
	width: 300px;
	height: 300px;
	margin: 0 0 1em 15px;
	border: 1px solid
}

.vcard { margin-bottom: 1.5em }
	.vcard h2 { 
		margin-bottom: .2em; 
		color: #4F4F4F;
		font-size: 120%;
		font-weight: normal
	}
	.vcard p { margin: 0 }

/* Properties */
.principals { 
	width: 345px; 
	margin: 0 auto;
	overflow: hidden 
}
	.principals div {	
		float: left;
		display: inline;
		width: 150px;
		margin: 0 20px 2em 0
	}
		.principals h2, .principals p { margin: 0; text-align: left }
		.principals h2 { font-size: 110% }

.listings li {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid
}
	.listings dl {
		width: 650px;
		margin: 1em 0;
		padding: 0;
		overflow: hidden
	}
		.listings dt { 
			float: left; 
			clear: left; 
			width: 12em;
			margin: 0;
			font-weight: bold 			
		}
		.listings dd {
			margin-left: 12.5em
		}
		.listings dt, .listings dd { margin-bottom: .5em }
		
			.listings .icons { 
				width: 100%;
				overflow: hidden
			}
				.listings .icons li {
					float: left;
					display: inline;
					margin: 0 10px 0 0;
					padding: 1.4em 0 0.4em 34px;
					background-repeat: no-repeat;
					background-position: 0 7px;
					border: 0
				}
				.bed { background-image: url(../images/icon_bed.png) }
				.bath { background-image: url(../images/icon_bath.png) }
				.car { background-image: url(../images/icon_car.png) }
				.pool { background-image: url(../images/icon_pool.png) }
				.aircon { background-image: url(../images/icon_aircon.png) }
				
/* Call to action */
.call {
	margin-top: 2em;
	margin-bottom:2em;
	padding: 10px;
	background: #D8EAB4;
	color: #4F4F4F
}
	.call p + p { margin: 2em 0 0 }
		.call a { color: #4F4F4F}

/* Forms */
table {
	border-collapse: collapse;
	border: 0
}
	td { padding-bottom: 10px; vertical-align: top }
	select { font-size: 11px }

/* Sitemap */
.sitemap, .aux { font-size: 80% }
.sitemap a, .aux a { color: #504F4F; text-decoration: none }

.sitemap li { width:25% }

.sitemap li ul li { width:100% !important }
.sitemap.col1 li { width:99.9%; }
.sitemap.col2 li { width:50.0%; }
.sitemap.col3 li { width:33.3%; }
.sitemap.col4 li { width:25.0%; }
.sitemap.col5 li { width:20.0%; }
.sitemap.col6 li { width:16.6%; }
.sitemap.col7 li { width:14.2%; }
.sitemap.col8 li { width:12.5%; }
.sitemap.col9 li { width:11.1%; }
.sitemap.col10 li { width:10.0%; }

.sitemap {
	margin: 0;
	float: left;
	width: 100%;
}
.sitemap #home {
	display: block;
	float: none;
	background: #ffffff url(../images/L1-left.png) center bottom no-repeat;
	position: relative;
	z-index: 2;
	padding: 0 0 30px 0;
}
.sitemap li {
	float: left;
	background: url(../images/L1-center.png) center top no-repeat;
	padding: 30px 0;
	margin-top: -35px;
}
.sitemap li a {
	margin: 0 20px 0 0;
	padding: 10px 0;
	display: block;
	font-weight: bold;
	text-align: center;
	background: #c3eafb url(../images/white-highlight.png) top left repeat-x;
	border: 2px solid #b5d9ea;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
}
.sitemap li a:hover {
	background-color: #e2f4fd;
	border-color: #97bdcf;
}
.sitemap li:last-child { background: url(../images/L1-right.png) center top no-repeat }

.sitemap li a:link:before,
.sitemap li a:visited:before { color: #78a9c0 }

/* Second Level */

.sitemap li li {
	width: 100%;
	clear: left;
	margin-top: -3px;
	padding: 10px 0 0 0;
	background: url(../images/vertical-line.png) center bottom repeat-y;
}
.sitemap li li a {
	background-color: #cee3ac;
	border-color: #b8da83;
}
.sitemap li li a:hover {
	border-color: #94b75f;
	background-color: #e7f1d7;
}
.sitemap li li:first-child {
	padding-top: 30px;
}
.sitemap li li:last-child {
	background: url(../images/vertical-line.png) center bottom repeat-y;
}
.sitemap li li a:link:before,
.sitemap li li a:visited:before {
	color: #8faf5c;
}

/*	Utility */
.aux {
	float: right;
	max-width: 50%;
	margin-right: 10px;
}
.aux li {
	float: left;
	margin-bottom: 10px;
}
.aux li a {
	margin: 0 10px 0 0;
	padding: 5px 10px;
	display: block;	
	border: 2px solid #e3ca4b;
	font-weight: bold;
	text-align: center;
	background: #fff7aa url(../images/white-highlight.png) top left repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
}
.aux li a:hover {
	background-color: #fffce5;
	border-color: #d1b62c;
}

/*------ sidebar ------*/
.side { background-image: url(../images/side_services.jpg) }
.about { background-image: url(../images/side_about.jpg) }
.testimonials { background-image: url(../images/side_testimonials.jpg) }
.collateral { background-image: url(../images/side_collateral.jpg) }
.side.media { background-image: url(../images/side_media.jpg) }
.seek { background-image: url(../images/side_seek.jpg) }

.home .side, .contact .side { background-image: none }
	.side .nav { 
		width: 100%; 
		overflow: hidden;
		font-size: 91%;
		margin-top: 2px;
		position: relative;
		right: -2px 
	}
		.side li { float: left; margin:0 }
		.side a {
			float: left;
			display: inline;
			width: 82px;
			height: 84px;
			line-height: 1.2;
			margin: 2px 0 0 3px;
			padding: 5px;
			background-repeat: no-repeat;
			color: #FFF;
			font-weight: normal
		}
		
		.side .why a, .side .commercial a, .side .investor a { margin-left: 0 }
		.coffee a { background-image: url(../images/btn_coffee.jpg) }
		.why a { background-image: url(../images/btn_agent.jpg) }
		.blog a { background-image: url(../images/btn_blog.jpg) }
		.commercial a { background-image: url(../images/btn_journey.jpg) }
		.owner a { background-image: url(../images/btn_owner.jpg) }
		.investor a { background-image: url(../images/btn_investor.jpg) }
		.buyer a { background-image: url(../images/btn_os-buyer.jpg) }
		.memo a { background-image: url(../images/btn_memo.jpg) }
		
		.side a:hover, .side a:focus, .side a:active { 
			background-position: -92px 0; 
			color: #FFF; 
			text-decoration: none 
		}
		
		.side .client a {
			width: 178px;
			height: 37px;
			margin: 2px 0 5px;
			font-size: 120.22%;
			background: #707070 url(../images/clientaccess_bg.png) 100% 0 no-repeat
		}
		.side .journey a { margin-bottom: 2px }
		.side .client a:hover, .side .client a:focus, .side .client a:active { background-position: 100% 0 }
		
		.side .subscribe {
			width: 168px;
			margin: 2px 0;
			padding: 10px;
			background: #707070 url(../images/clientaccess_bg.png) 100% 0 no-repeat;
			color: #FFF
		}
			.subscribe h3 {
				color: #FFF;
				font-size: 120.22%;
				font-weight: normal;
				margin-top: 0
			}
			.subscribe input { width: 168px; border: 0 }
			.subscribe button { margin-top: 5px }
		

/*------ footer ------*/

.footer {
	clear: both;
	position: relative;
	padding: 2em 0;
	background: url(../images/shadow_btm.png) no-repeat;
	font-size: 78%;
	text-align: center
}
	.footer .nav li { margin-left: 9px }

}

@media print {

body {
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	color: black;
	width: 600px;
}

#wrap { width: 100% !important }

.nav, .offset, form,
.side, .footer a { display: none }

h1, h2, h3 { 
	margin: 15px 0 5px;
	font-family: "Trebuchet MS", Verdana, sans-serif; 
}

a img { border: none; }
a:link, a:visited {	color: #999; text-decoration: none; }

.img { 
	float: right;
	margin: 5px 0 5px 15px;
}

.footer { clear: both; margin: 20px 0; font-size: 85% }
.footer ul { list-style: none; margin: 0; padding: 0 }

}