/*	CSS: implied media=all
	
	==========================================================================
	Index: search by tag using the backtick prefix (`index)
	==========================================================================
	`default	Default styles
	`header		Header elements
	`footer		Footer elements
	`colors		
	`helper		Useful common classes
	`media		Media Queries
	`print		Styles for print media
	`Reference	links to technique references
	`draft		properties that need revision
	`vendor		Vendor-specific properties

	
	Style guide.
	==========================================================================
	* Avoid using IDs where possible: http://oli.jp/2011/ids/#specifity-wars
	* CSS display:
		---
		---
		---
		Section title
		---
		selector,
		selector {
			property
			property
				vendor property
			property
		}
		---
*/



/* ==========================================================================
   `default
   ========================================================================== */
   
	html{font-size: 62.5%;}
	html, button,input,select,textarea {
		color: #222;
	}
	/*
	* {
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	*/
	
	body {
		background-color:white;
		font-size: 1.3rem;
		line-height: 1.5;
	}

	body, html{height:100%; width:100%; padding:0; margin:0; border: 0;}


	/*W3C AA Placeholder Text of white inputs*/
	::-webkit-input-placeholder {color:#717171;}
	:-moz-placeholder {color:#717171;}
	:-ms-input-placeholder {color:#717171;}

	/*Example CSS3 validation*/
	input[type=email]:valid{color:green;}
	input[type=email]:invalid{color:red;}

	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
		margin: 1em 0;
		padding: 0;
	}

	/*conditional messages*/
	#msgNojs,
	#msgLegacy{
		display:block;
		width:100%;
		padding:0.4em 0;
		font-size:0.9em;
		text-align:center;
		background-color:#f1f1f1;
		text-decoration:none;
		color:#6e6f6f;
		border-bottom:solid 1px #bcbcbc;
	}
	
	#msgNojs:hover,
	#msgNojs:focus,
	#msgNojs:active,
	#msgLegacy:hover,
	#msgLegacy:focus,
	#msgLegacy:active {
		background-color:#CCC;
		color:#575758;
	}




/* ==========================================================================
   `general styles
   ========================================================================== */
	/* nice scrollbars for webkit */
	::-webkit-scrollbar{width:9px;height:9px;}
	::-webkit-scrollbar-button:start:decrement,
	::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
	::-webkit-scrollbar-track-piece{background-color:white;}
	::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#7f7b75;}
	::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#7f7b75;}	

	scrollbar{width:9px;height:9px;}
	scrollbar-button:start:decrement,
	scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
	scrollbar-track-piece{background-color:white;}
	scrollbar-thumb:vertical{height:50px;background-color:#7f7b75;}
	scrollbar-thumb:horizontal{width:50px;background-color:#7f7b75;}	


	@font-face {
		font-family: 'TeXGyreAdventorRegular';
		src: url('../font/texgyreadventor-regular-webfont.eot');
		src: url('../font/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../font/texgyreadventor-regular-webfont.woff') format('woff'),
			 url('../font/texgyreadventor-regular-webfont.ttf') format('truetype'),
			 url('../font/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	@font-face {
		font-family: 'TeXGyreAdventorItalic';
		src: url('../font/texgyreadventor-italic-webfont.eot');
		src: url('../font/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../font/texgyreadventor-italic-webfont.woff') format('woff'),
			 url('../font/texgyreadventor-italic-webfont.ttf') format('truetype'),
			 url('../font/texgyreadventor-italic-webfont.svg#TeXGyreAdventorItalic') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	@font-face {
		font-family: 'TeXGyreAdventorBold';
		src: url('../font/texgyreadventor-bold-webfont.eot');
		src: url('../font/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../font/texgyreadventor-bold-webfont.woff') format('woff'),
			 url('../font/texgyreadventor-bold-webfont.ttf') format('truetype'),
			 url('../font/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	@font-face {
		font-family: 'TeXGyreAdventorBoldItalic';
		src: url('../font/texgyreadventor-bolditalic-webfont.eot');
		src: url('../font/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../font/texgyreadventor-bolditalic-webfont.woff') format('woff'),
			 url('../font/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
			 url('../font/texgyreadventor-bolditalic-webfont.svg#TeXGyreAdventorBoldItalic') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	iframe {
		border: none;
		margin: 0;
		padding: 0;
		width: 100%;
		min-height: 100%;
		position: absolute;
	}


/* ==========================================================================
   `container and area styles
   ========================================================================== */
	.container{/*width:1600%;*/ width:1800%; height:100%; margin: 0; padding: 0; }
	
	.area{width: 5.661%; height:100%; float:left; position:relative; overflow:auto; margin: 0; padding: 0; border: 0;}
	
	.area01{background-color:#e2e2e2;}
	.area02{background-color:#e2e2e2; width: 4.95%;}
	.area03{background-color:#e2e2e2; width: 6.05%;}
	.area04{background-color:#e2e2e2; width: 4.95%;}
	.area05{background-color:#e2e2e2; width: 6.05%;}
	.area06{background-color:#e2e2e2;}
	.area07{background-color:#e2e2e2;}
	.area08{background-color:#e2e2e2;}
	.area09{background-color:#87827c; width: 22%;} 
	.area10{background-color:#e2e2e2; width: 5.5%;}
	.area11{background-color:#c2c1bf; width: 5.5%; background-color: #c4c3c1;}
	.area12{background-color:#c2c1bf; width: 4.95%;}
	.area13{background-color:#e2e2e2; width: 6.05%;}
	.area14{background-color:#e2e2e2;}
	.area15{background-color:#e2e2e2;}
	
	.maincontent{width:60%; height:60%; border-top:solid 1px #FFFFFF; position:absolute; left:20%; top:20%;}
	
	.ajax-replace{visibility:hidden}

/* ==========================================================================
   `columns
   ========================================================================== */
	.columns{
		position:absolute;
		width:75%;
		bottom:0;
		left:0;
			-webkit-column-count: 3;
			-webkit-column-gap: 30px; 
			-webkit-column-rule: 0px dotted black;
			-moz-column-count: 3;
			-moz-column-gap: 30px;  
			-moz-column-rule: 0px dotted black;
		column-count: 3;
		column-gap: 30px; 
		column-rule: 0px dotted black;
	}

	.halfCol{
			-webkit-column-count: 2;
			-webkit-column-gap: 30px; 
			-webkit-column-rule: 0px dotted black;
			-moz-column-count: 2;
			-moz-column-gap: 30px;  
			-moz-column-rule: 0px dotted black;
		column-count: 2;
		column-gap: 30px; 
		column-rule: 0px dotted black;	
	}
	
	.column1 {
		width: 42%;
		margin-top: 2%;
		margin-bottom: 2%;
		margin-left: 3%;
		float: left;
	}
	
	.column2 {
		width: 42%;
		margin-top: 2%;
		margin-bottom: 2%;
		margin-right: 3%;
		float: right;
	}
	
	.oneColumn {
		width: 90%;
		margin: 0 auto;
		margin-top: 2%;
		margin-bottom: 2%;
	}
	
	.twoColumn {
		width: 90%;
		margin: 0 auto;
		margin-top: 2%;
		margin-bottom: 2%;
			-moz-column-count: 2;
			-moz-column-gap: 20px;
			-webkit-column-count: 2;
			-webkit-column-gap: 20px;
        column-count: 2;
		column-gap: 20px;
	}
	
	.threeColumn {
		width: 90%;
		margin: 0 auto;
		margin-top: 2%;
		margin-bottom: 2%;
			-moz-column-count: 3;
			-moz-column-gap: 20px;
			-webkit-column-count: 3;
			-webkit-column-gap: 20px;
        column-count: 3;
		column-gap: 20px;
	}
	
	.fourColumn {
		margin-top: 2%;
		margin-bottom: 2%;
			-moz-column-count: 4;
			-moz-column-gap: 20px;
			-webkit-column-count: 4;
			-webkit-column-gap: 20px;
        column-count: 4;
		column-gap: 20px;
	}


/* ==========================================================================
   `nav styles
   ========================================================================== */
	#mainNav{
		position:fixed; 
		width:85%; 
		left:7%; 
		top:0; 
		height:50px; 
		background-color:#FFF; 
		z-index:2; 
		line-height:50px; 
		text-align:center;
			-webkit-box-shadow:  0px 2px 8px 0px rgba(0, 0, 0, 0.5);
		box-shadow:  0px 2px 8px 0px rgba(0, 0, 0, 0.5);
	}
	
	nav ul {
		margin: 0;
		padding: 0;
	}
	
	nav ul li {
		margin: 0;
		padding-left: 2%;
		padding-right: 2%;
		text-transform: uppercase;
		float: left;
		font-family:'TeXGyreAdventorRegular', Arial;
		font-size: 1.3em;
		font-size: 1.3rem;
	}
	
	nav ul li a {
		text-decoration: none;
		color: #191919;
	}
	
	nav ul li a:hover {
		color: #76306c;
		border-bottom: 1px solid #76306c;
	}
	
	.navIcon {
		width: 28px;
		height: 28px;
		background-image: url(../dev/icon-cream.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		display: block;
		margin-top: 10px;
		padding-left: 0;
		margin-left: 2%;
		padding-right: 3.5%;
	}
		
	nav ul li.navPhone {
		color: #b592b0;
		font-size: 1.8em;
		font-size: 1.8rem;
		padding-left: 3.5%;
		padding-right: 10px;
	}
	
	nav ul li.navPhone a {
		color: #b592b0;
	}
	
	nav ul li.navPhone a:hover {
		color: #76306C;
		text-decoration: none;
		border: none;
	}
	
	.menu a img {
		display: none;
		right: 0;
		position: absolute;
		z-index: 10;
		margin-right: 10px;
		margin-top: 14px;
	}
	
	.menu nav {
		z-index: 10;
	}
	
	.menu nav ul li {
		z-index: 20;
	}
	
	nav ul li.socialLink {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	nav ul li.socialLink a {
		width: 12px;
		height: 12px;
		display: block;
		margin-top: 19px;
	}
	
	nav ul li.socialLink a:hover {
		text-decoration: none;
		border: none;
	}



/* ==========================================================================
   `page background styles
========================================================================== */
	.homePage,
	.sellingPage,
	.buyingPage,
	.rentingPage,
	.experiencePage,
	.approachPage,
	.contactPage {
		width: 100%;
		height: auto;
		min-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.aboutPage,
	.managementPage,
	.testimonialPage,
	.risePage {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.homePage {
		background-image: url(../dev/bg-home.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	.sellingPage {
		background-image: url(../dev/bg-selling.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}
	
	.managementPage {
		background-image: url(../dev/bg-manage.jpg);
		background-position: top left;
		background-repeat: repeat;
		background-attachment: fixed;
	}
	
	.peoplePage {
		display: block;
		width: 100%;
		height:100%;
		background-image: url(../dev/bg-pm-141001.jpg);
		background-position: 200px bottom;
		background-repeat: no-repeat;
		background-size: contain;
		background-color: #e2e2e2;
	}
	
	.buyingPage {
		background-image: url(../dev/bg-buying.jpg);
		background-position: top left;
		background-repeat: repeat;
		background-attachment: fixed;
		height: auto;
	}

	.rentingPage {
		background-image: url(../dev/bg-renting.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
		height: auto;
	}
	
	.experiencePage {
		background-image: url(../dev/bg-experience.jpg);
		background-position: top left;
		background-repeat: repeat;
		background-attachment: fixed;
	}
	
	.aboutPage {
		background-image: url(../dev/bg-about.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.approachPage {
		background-image: url(../dev/bg-approach.jpg);
		background-position: top left;
		background-repeat: repeat;
	}

	.contactPage {
		background-image: url(../dev/bg-contact.jpg);
		background-position: top left;
		background-repeat: repeat;
		background-attachment: fixed;
	}
	
	.testimonialPage {
		background-color: #e3e3e3;
		background-attachment: fixed;
	}
	
	.risePage {
		background-image: url(../dev/bg-rise.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}
	
	.propertyPage {
		background-image: url(../dev/bg-property.jpg);
		background-position: top left;
		background-repeat: repeat;
		background-attachment: fixed;
	}


/* ==========================================================================
   `content styles
========================================================================== */

	.content h1 {
		font-family:'TeXGyreAdventorRegular', Arial;
		font-size: 7em;
		font-size: 7rem;
		font-weight: normal;
		margin-top: 0;
	}

	.content h2,
	.content .h2 {
		font-family:'TeXGyreAdventorRegular', Arial;
		font-size: 4em;
		font-size: 4rem;
		font-weight: normal;
	}

	.content h3 {
		font-family:'TeXGyreAdventorRegular', Arial;
		font-size: 2.2em;
		font-size: 2.2rem;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 1.4;
	}

	.content h4 {
		font-family:'TeXGyreAdventorRegular', Arial;
		font-size: 1.2em;
		font-size: 1.2rem;
	}

	.content h5 {
		font-family:'TeXGyreAdventorRegular', Arial;
		font-size: 1.4em;
		font-size: 1.4rem;
		text-transform: uppercase;
		margin-bottom: 0;
		font-weight: normal;
	}
	
 	.content p {
		line-height: 2;
	}
	
	.content ol {
		margin-left: 40px;
	}
	
	.content h3 em {
		text-transform: lowercase;
	}
	
	.content em {
		font-family: 'Arapey', serif;
		font-size: 120%;
	}
	
	.content strong {
		font-family: 'TeXGyreAdventorBold';
	}
	



/* ==========================================================================
   `page styles
========================================================================== */

/* home page
   -------------------------------------------------------------------------- */
	.homeContent {
		width: 60%;
		display: block;
		margin: 0 auto;
		margin-top: 10%;
		background-image: url(../dev/home-text-bg.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		color: #FFFFFF; 
	}
	
	.homeContent h1 {
		color: #cfb390;
	}
	
	.homeContent a {
		color: #FFFFFF;
		text-decoration: none;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}

	.homeContent a:hover {
		color: #f5dec4;
	}


/* selling page
   -------------------------------------------------------------------------- */
	.sellingContent{
		width: 60%;
		display: block;
		margin: 0 auto;
		margin-top: 10%;
		padding-bottom: 2%;
		background-color: #807c76;
		color: #fef3e6; 
	}
	
	.sellingContent h1 {
		font-weight: normal;
		font-size: 8em;
		font-size: 8rem;
		line-height: 1.1;
	}
	
	.sellingContent strong,
	.sellingContent em {
		line-height: 0;
	}
	
	.sellingContent p {
		margin-top: 0;
	}
	
	.sellingContent h3 {
		margin-top: 0;
	}
	
	.sellingContent a {
		text-decoration: none;
		color: #fef3e6;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.sellingContent a:hover {
		text-decoration: none;
		color: #ead9c7;
	}
	
	.sellingContent .threeColumn em {
		font-size: 2em;
		font-size: 2rem;
	}
	
	.sellingContent hr {
		border: none;
		border-bottom: 1px solid #fef3e6;
	}
	

/* management page
   -------------------------------------------------------------------------- */
	.managementContent{
		width: 60%;
		display: block;
		margin: 0 auto;
		margin-top: 10%;
		padding-bottom: 2%;
		color: #b9a282; 
	}
	
	.managementContent h1 {
		font-weight: normal;
		font-size: 6em;
		font-size: 6rem;
	}
	
	.managementContent .twoColumn {
		width: 100%;
	}
	
	.managementContent strong,
	.managementContent em {
		line-height: 0;
	}
	
	.managementContent p {
		margin-top: 0;
	}
	
	.managementContent h3 {
		margin-top: 0;
	}
	
	.managementContent a {
		text-decoration: none;
		color: #b9a282;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.managementContent a:hover {
		text-decoration: none;
		color: #8c7150;
	}
	
	.managementContent .threeColumn em {
		font-size: 2em;
		font-size: 2rem;
	}
	
	.managementContent hr {
		border: none;
		border-bottom: 1px solid #b9a282;
		margin-top: 7%;
		margin-bottom: 10%;
	}


/* property styles - buying and renting web app
   -------------------------------------------------------------------------- */
	.propertySmall,
	.propertyMedium,
	.propertyLarge {
		height:300px;
		margin-left:1%; 
		margin-right:1%;
		margin-bottom:20px;
		background-color: #FFFFFF;
		position: relative;
	}
	
	.propertySmall{width:23%; float:left;}
	.propertyMedium{width:48%; float:left;}
	.propertyLarge{width:98%; float:left;}

	.propertySmall .propertyImage {
		margin: 0;
		padding: 0;
		height: 40%;
		overflow: hidden;
	}
	
	.propertySmall .propertyImage img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		overflow: hidden;
		top: 0;	
	}
	
	.propertyMedium .propertyImage {
		width: 40%;
		float: left;
		overflow: hidden;
	}
	
	.propertyMedium .propertyImage img {
		width: auto;
		height: 100%;
		padding: 0;
		margin: 0;
		overflow: hidden;
		top: 0;	
	}
	
	.propertyLarge .propertyImage {
		float: left;
		width: 40%;
		height: 100%;
		overflow: hidden;
	}
	
	.propertyLarge .propertyImage img {
		width: auto;
		height: 100%;
	}

	.propertyDetails {
		background-color: #FFFFFF;
		padding-left: 4%;
		padding-right: 4%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.propertySmall .propertyDetails {
		clear:both;
		padding-left: 10%;
		padding-right: 10%;
		width: 80%;
		margin-top: -5px;
	}
	
	.propertyMedium .propertyDetails {
		width: 50%;
		padding-left: 5%;
		padding-right: 5%;
		float: left;
	}

	.propertyLarge .propertyDetails {
		float: left;
		width: 52%;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	
	.propertyDetails h3 {
		color: #191919;
		font-size: 2em;
		font-size: 2rem;
		text-transform: uppercase;
		margin: 0;
	}
	
	.propertyMedium .propertyDetails h3 {
		font-size: 2.3em;
		font-size: 2.3rem;
	}
	
	.propertyLarge .propertyDetails h3 {
		font-size: 4.5em;
		font-size: 4.5rem;
		line-height: 0.7;
		margin-bottom: 15px;
	}

	.propertyDetails h4 {
		font-family: 'Arapey', serif;
		color: #807c76;
		font-size: 2em;
		font-size: 2rem;
		text-transform: lowercase;
		font-style: italic;
		margin-top: 0;
		margin-bottom: 7px;
	}
	
	.propertyLarge .propertyDetails h4 {
		font-size: 3em;
		font-size: 3rem;
		float: left;
		display: inline;
		padding-right: 30px;
	}
	
	.propertyBed,
	.propertyBath,
	.propertyCar {
		color: #807c76;
		background-position: left;
		background-repeat: no-repeat;
		padding-left: 30px;
		padding-right: 10px;
		float: left;
		height: 20px;
		display: block;
		line-height: 2;
	}
	
	.propertyBed 	{background-image:url(../dev/icon-bed.png);}
	.propertyBath	{background-image:url(../dev/icon-bath.png);}
	.propertyCar 	{background-image:url(../dev/icon-car.png);}
	
	.propertyLarge .propertyBed,
	.propertyLarge .propertyBath,
	.propertyLarge .propertyCar {
		margin-top: 7px;
	}	
	
	.propertyPrice {
		font-family: 'Arapey', serif;
		color: #75306c;
		font-size: 2em;
		font-size: 2rem;
		font-style: italic;
		font-weight: bold;
		clear: both;
		padding-top: 7px;
	}
	
	.propertyMedium .propertyPrice {
		font-size: 2.5em;
		font-size: 2.5rem;
	}
	
	.propertyLarge .propertyPrice {
		font-size: 4.5em;
		font-size: 4.5rem;
		padding-top: 0;
		line-height: 1;
	}
	
	.propertyDescription {
		color: #191919;
		font-size: 1.2em;
		font-size: 1.2rem;
	}
	
	.propertySmall .propertyDescription {
		display: none;
	}
	
	.propertyMore a {
		font-family: 'Arapey', serif;
		color: #75306c;
		font-size: 2em;
		font-size: 2rem;
		font-style: italic;
		background-image: url(../dev/icon-newtab.jpg);
		background-position: right;
		background-repeat: no-repeat;
		padding-right: 30px;
		text-align: right;
		text-decoration: none;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
		position: absolute;
		right: 4%;
		bottom: 10px;
	}
	
	.propertySmall .propertyMore a {
		right: 10%;
	}

	.propertyMore a:hover {
		background-image: url(../dev/icon-newtab-hover.jpg);
		color: #9a6892;
	}
	
	.propertySingle {
		position: relative;
	}
	
	.flagSold {
		width: 80px;
		height: 80px;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		background-image: url(../dev/flag-sold.png); 
		background-repeat: no-repeat;
	}
	.flagRented {
		width: 80px;
		height: 80px;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		background-image: url(../dev/flag-rented.png); 
		background-repeat: no-repeat;
	}
	.flagOffer {
		width: 80px;
		height: 80px;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		background-image: url(../dev/flag-offer.png); 
		background-repeat: no-repeat;
	}


/* property page
   -------------------------------------------------------------------------- */
	.propertyPage {
		width: 60%;
		margin: 0 auto;
		color: #807d76;
	}

	.propertyPage h1 {
		font-size: 8em;
		font-size: 8rem;
		margin-top: 50px;
		line-height: 1;
	}
	
	.propertyPage h3 a {
		text-decoration: none;
	}
	
	.propertyPage h3 a em {
		color: #807d76;
		text-decoration: none;
		font-size: 130%;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}

	.propertyPage h3 a:hover em {
		color: #4e4d48;
	}
	
	.propertyImages {
		width: 45%;
		float: left;
	}
	
	.mainProperty img {
		width: 97%;
	}
	
	.propertyMap img {
		width: 97%;
	}
	
	.propertySingle .propertyDetails {
		float: right;
		width: 50%;
		background-color: transparent;
		padding: 0;
	}

	.propertySingle .propertyDetails h3 {
		font-size: 4.5em;
		font-size: 4.5rem;
		line-height: 0.85;
		margin-bottom: 15px;
	}
	
	.propertySingle .propertyDetails h4 {
		font-size: 3em;
		font-size: 3rem;
		float: left;
		display: inline;
		padding-right: 30px;
	}

	.bio-profile .propertySingle .propertyDetails h4 {
		float: none;
		display: block;
	}
	
	.propertySingle .propertyBed,
	.propertySingle .propertyBath,
	.propertySingle .propertyCar {
		margin-top: 7px;
	}	
	
	.propertySingle .propertyPrice {
		font-size: 4.5em;
		font-size: 4.5rem;
		padding-top: 0;
		line-height: 1;
	}
	


/* buying page
   -------------------------------------------------------------------------- */
	.buyingContent {
		width: 60%;
		margin: 0 auto;
		margin-top: 10%;
		padding-bottom: 200px;
		color: #756857;
	}
	
	.buyingContent h1 {
		font-size: 8em;
		font-size: 8rem;
		width: 70%;
	}
	
	.buyingContent h3 a {
		text-decoration: none;
	}
	
	.buyingContent h3 a em {
		color: #756857;
		text-decoration: none;
		font-size: 130%;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}

	.buyingContent h3 a:hover em {
		color: #464541;
	}
	


/* renting page
   -------------------------------------------------------------------------- */
	.rentingContent {
		width: 60%;
		margin: 0 auto;
		margin-top: 10%;
		padding-bottom: 200px;
		color: #f5dfc5;
	}
	
	.rentingContent h1 {
		font-size: 8em;
		font-size: 8rem;
	}
	
	.rentingContent h3 a {
		text-decoration: none;
	}
	
	.rentingContent h3 a em {
		color: #f5dfc5;
		text-decoration: none;
		font-size: 130%;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}

	.rentingContent h3 a:hover em {
		color: #ccb192;
	}


/* experience page
   -------------------------------------------------------------------------- */
	.experienceContent {
		width: 60%;
		display: block;
		margin: 0 auto;
		margin-top: 10%;
		padding-bottom: 2%;
		color: #807c76; 
	}
	
	.experienceContent h1 {
		width: 50%;
	}
	
	.experienceContent strong,
	.experienceContent em {
		line-height: 0;
	}
	
	.experienceContent p {
		margin-top: 0;
	}
	
	.experienceContent h3 {
		margin-top: 0;
		padding-bottom: 58%;
	}
	
	.experienceContent a {
		text-decoration: none;
		color: #807c76;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.experienceContent a:hover {
		text-decoration: none;
		color: #54504b;
	}
	
	.experienceContent .twoColumn {
		padding-left: 0;
		float: left;
		width: 45%;
		margin-right: 5%;
	}
	
	.experienceContent .oneColumn {
		width: 19%;
		float: left;
		margin-left: 3%;
	}
	
	.experienceContent h5 {
		margin-top: 0;
	}


/* rise page
   -------------------------------------------------------------------------- */
	.riseContent {
		width: 70%;
		margin: 0 auto;
		margin-left: 15%;
	}
	
	.riseContent img {
		width: 100%;
		height: auto;
		padding-top: 3%;
	}


/* about page
   -------------------------------------------------------------------------- */
	.aboutContent {
		width: 60%;
		display: block;
		margin: 0 auto;
		margin-top: 6%;
		color: #fef3e6;
	}
	
	.aboutContent .twoColumn {
		width: 100%;
	}
	
	.aboutContent h3 {
		line-height: 1;
	}
	
	.aboutContent h3 em {
		font-size: 4em;
		font-size: 4rem;
	}

	.aboutContent p {
		margin-top: 0;
	}
	
	.aboutContent a {
		text-decoration: none;
		color: #fef3e6;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.aboutContent a:hover {
		text-decoration: none;
		color: #54504b;
	}
	
	.aboutContent .column1 img {
		display: none;
	}
	
	

/* approach page
   -------------------------------------------------------------------------- */
	.approachContent {
		width: 55%;
		display: block;
		margin: 0 auto;
		margin-top: 10%;
		padding-bottom: 2%;
		color: #807c76; 
	}
	
	.approachContent h1 {
		width: 50%;
		padding-bottom: 10%;
	}
	
	.approachContent .twoColumn {
		padding-left: 0;
		float: left;
		width: 50%;
		margin: 0;
	}
	
	.approachContent .oneColumn {
		width: 35%;
		float: right;
	}
	
	.approachContent .oneColumn img {
		position: absolute;
		bottom: 0;
		width: 30%;
	}
	
	.approachContent strong,
	.approachContent em {
		line-height: 0;
	}
	
	.approachContent p {
		margin-top: 0;
	}
	
	.approachContent h3 {
		margin-top: 0;
	}
	
	.approachContent a {
		text-decoration: none;
		color: #807c76;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.approachContent a:hover {
		text-decoration: none;
		color: #54504b;
	}

/* contact page
   -------------------------------------------------------------------------- */
	.contactContent {
		width: 60%;
		display: block;
		margin: 0 auto;
		margin-top: 10%;
		padding-bottom: 2%;
		color: #766452; 
	}
	
	.contactContent h1 {
		color: #f5dec4;	
		font-size: 6em;
		font-size: 6rem;	
	}
	
	.contactContent h1 em span {
		color: #75306c;		
	}

	.contactContent a {
		text-decoration: none;
		color: #fef3e6;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.contactContent a:hover {
		text-decoration: none;
		color: #766452;
	}
	
	.contactContent .form {
		width: 320px;
		float: left;
	}
	
	.contactContent .map {
		width: 40%;
		float: right;
	}

	.contactContent .map img {
		width: 250px;
		height: auto;
	}
	
	.contactContent .column2 {
		width: 580px;
	}
	
	.form .field {
		width: 95%;
		padding-left: 5%;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: rgba(255, 255, 255, 0.5);
        color: rgba(255, 255, 255, 0.5);
		border: 0;
		color: #766452;
		margin-bottom: 10px;
	}
	
	.form textarea {
		width: 95%;
		padding-left: 5%;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: rgba(255, 255, 255, 0.5);
        color: rgba(255, 255, 255, 0.5);
		border: 0;
		color: #766452;
		margin-bottom: 10px;
	}
	
	.form .submit {
		font-family: 'Arapey', serif;
		font-style: italic;
		font-weight: bold;
		color: #fef3e6; 
		border: none;
		background-color: transparent;
		background-image: url(../dev/arrow-white-right.png);
		background-position: right;
		background-repeat: no-repeat;
		padding-right: 30px;
		padding-top: 5px;
		padding-bottom: 5px;
		float: right;
		font-size: 2em;
		font-size: 2rem;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.form .submit:hover {
		color: #766452;
		background-image: url(../dev/arrow-mocha-right.png);
	}
		


/* testimonial page
   -------------------------------------------------------------------------- */
	.pageSlideLeft {
		width: 6.5%;
		left: 1%;
		top: 30%;
		position: relative;
		float: left;
		text-align: center;
	}

	.pageSlideRight {
		width: 95%;
		left: 2%;
		top: 30%;
		position: relative;
		float: left;
		text-align: center;
		display: block;
	}
	
	.slideRight {
		width: 7%;
		display: block;
		background-color: #e3e3e3;
		height: 100%;
		float: left;
	}
	
	.pageSlideLeft a,
	.pageSlideRight a {
		text-decoration: none;
	}
	
	.pageSlideLeft a h3,
	.pageSlideRight a h3 {
		font-family:'TeXGyreAdventorRegular', Arial;
		font-size: 1.7em;
		font-size: 1.7rem;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 1.4;
		color: #333333;
		text-decoration: none;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.pageSlideLeft a:hover h3,
	.pageSlideRight a:hover h3 {
		color: #75306c;
	}

	.pageSlideLeft a hr,
	.pageSlideRight a hr {
		border: none;
		border-bottom: 1px solid #333333;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.pageSlideLeft a:hover hr,
	.pageSlideRight a:hover hr {
		border-bottom: 1px solid #75306c;
	}
	
	.pageSlideLeft a .arrowGrey {
		background-image: url(../dev/arrow-grey-right.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 35px;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.pageSlideLeft a:hover .arrowGrey {
		background-image: url(../dev/arrow-purple-right.png);
	}

	.pageSlideRight a .arrowGrey {
		background-image: url(../dev/arrow-grey-left.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 35px;
			-webkit-transition: all 500ms ease-in-out;
			-moz-transition: all 500ms ease-in-out;
			-ms-transition: all 500ms ease-in-out;
			-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	
	.pageSlideRight a:hover .arrowGrey {
		background-image: url(../dev/arrow-purple-left.png);
	}

	.testimonial1Content,
	.testimonial2Content,
	.testimonial4Content {
		width: 91.5%;
		height: 100%;
		float: right;
	}

	.testimonial3Content {
		width: 100%;
		height: 100%;
		float: left;
	}

	.testimonial1Content {
		background-image: url(../dev/client-1.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	.testimonial2Content {
		background-image: url(../dev/client-2.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}

	.testimonial3Content {
		background-image: url(../dev/client-3.jpg);
		background-repeat: no-repeat;
		background-position: right top;
	}

	.testimonial4Content {
		background-image: url(../dev/client-4.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	.testimonial1Content .quote,
	.testimonial2Content .quote,
	.testimonial4Content .quote {
		background-color: #e2e2e2;
		padding-left: 20px;
	}

	.testimonial3Content  .quote {
		background-color: #e2e2e2;
		padding-right: 20px;
	}

	.quote {
		width: 22%;
		left: 60%;
		top: 20%;
		position: relative;
		font-family: 'Arapey', serif;
		font-style: italic;
		color: #807c76;
		font-size: 2em;
		font-size: 2rem;
	}
	
	.testimonial2Content .quote {
		width: 40%;
		left: 50%;
	}

	.testimonial3Content .quote {
		width: 23%;
		left: 20%;
	}

	.quoteTop {
		background-image: url(../dev/quote-top.png);
		height: 34px;
		background-repeat: no-repeat;
		background-position: top left;
	}

	.quoteBottom {
		background-image: url(../dev/quote-bottom.png);
		height: 34px;
		background-repeat: no-repeat;
		background-position: top right;
	}
	
	#scrollLeft1,
	#scrollLeft2,
	#scrollLeft4  {
		position: absolute;
		left: 8%;
	}
	
	#propertypeople {
		position: absolute;
		left: 10%;
	}
	
	#scrollRight3 {
		position: absolute;
		right: 100%;
	}
	
	

/* ==========================================================================
   `media queries
   ========================================================================== */

	@media only screen and (min-width: 35em) {
	
	}
	
	@media print,
		   (-o-min-device-pixel-ratio: 5/4),
		   (-webkit-min-device-pixel-ratio: 1.25),
		   (min-resolution: 120dpi) {
	
	}


	@media screen and (min-width: 1950px) {
		.homeContent .column1 {
			width: 30%;
		}
		.homeContent .column2 {
			width: 50%;
		}
		.aboutContent {
			width: 70%;
		}
		.aboutContent .column2 {
			width: 40%;
		}
		


	}

	
	
	@media screen and (min-width: 1700px) and (max-width: 1950px) {
		nav ul li {
			padding-left: 1.5%;
			padding-right: 1.5%;
		}
		.homeContent .column1 {
			width: 41%;
		}
		.managementContent {
			width: 65%;
		}
		.testimonial1Content {
			background-position: -20px top;
		}
		.testimonial1Content .quote {
			width: 25%;
			left: 65%;
		}
		.testimonial2Content {
			background-position: -200px top;
		}
		.testimonial2Content .quote {
			left: 40%;
			width: 49%;
		}
		.testimonial3Content .quote {
			width: 30%;
			left: 15%;
		}
		.buyingContent,
		.rentingContent {
			width: 70%;
		}
		.experienceContent {
			width: 65%;
		}
		.aboutContent {
			width: 90%;
		}
		.aboutContent .column2 {
			width: 35%;
		}
		.approachContent {
			width: 70%;
		}
		.contactContent {
			width: 68%;
		}
	}

	@media screen and (min-width: 1500px) and (max-width: 1700px) {
		#mainNav {
			width: 90%;
			left: 5%;
		}
		nav ul li {
			padding-left: 1.2%;
			padding-right: 1.5%;
		}
		nav ul li.socialLink {
			padding-left: 5px;
			padding-right: 5px;
		}
		.homeContent {
			width: 70%;
		}
		.homeContent .column1 {
			width: 34%;
		}
		.sellingContent {
			width: 70%;
		}
		.testimonial1Content {
			background-position: -100px top;
		}
		.testimonial1Content .quote {
			width: 23%;
			left: 70%;
		}
		.testimonial2Content {
			background-position: -200px top;
		}
		.testimonial2Content .quote {
			left: 40%;
			width: 49%;
			top: 12%;
		}
		.testimonial3Content .quote {
			width: 35%;
			left: 7%;
		}
		.managementContent {
			width: 70%;
		}
		.buyingContent,
		.rentingContent {
			width: 73%;
		}
		.experienceContent {
			width: 65%;
		}
		.aboutContent {
			width: 95%;
		}
		.approachContent {
			width: 75%;
		}
		.contactContent {
			width: 80%;
		}
	}
	@media screen and (min-width: 1300px) and (max-width: 1500px) {
		#mainNav {
			width: 90%;
			left: 5%;
		}
		nav {
			display: block !important;
		}
		nav ul li {
			padding-left: 1%;
			padding-right: 1%;
		}
		nav ul li.navPhone {
			padding-left: 2%;
			padding-right: 5px;
		}
		.navIcon {
			padding-right: 1%;
		}	
		nav ul li.socialLink {
			padding-left: 5px;
			padding-right: 5px;
		}		
		.homeContent {
			width: 80%;
		}
		.sellingContent {
			width: 80%;
		}
		.testimonial1Content {
			background-position: -80px top;
			background-size: contain;
		}
		.testimonial1Content .quote {
			width: 37%;
			left: 56%;
			padding-left: 20px;
			background-color: #E3E3E3;
		}
		.testimonial2Content {
			background-position: -200px top;
			background-size: contain;
		}
		.testimonial2Content .quote {
			left: 40%;
			width: 54%;
			top: 12%;
			padding-left: 20px;
			background-color: #E3E3E3;
		}
		.testimonial3Content {
			background-position: 550px top;
			background-size: contain;
		}
		.testimonial3Content .quote {
			width: 45%;
			left: 7%;
			padding-right: 20px;
			background-color: #E3E3E3;
			top: 15%;
		}
		.testimonial4Content {
			background-position: -100px top;
		}
		.testimonial4Content .quote {
			width: 35%;
			left: 55%;
		}
		.managementContent {
			width: 80%;
		}
		.buyingContent,
		.rentingContent {
			width: 90%;
		}
		.buyingContent h1,
		.rentingContent h1 {
			width: 80%;
		}
		.experienceContent {
			width: 85%;
		}
		.aboutPage {
			background-position: 40% top;
		}
		.aboutContent {
			width: 90%;
		}
		.aboutContent .column2 {
			width: 45%;
		}
		.approachContent {
			width: 70%;
		}
		.contactContent {
			width: 90%;
		}
		.riseContent img {
			padding-top: 7%;
		}
		.peoplePage {
			background-position: 80px bottom;
		}
		.propertyMedium .propertyDescription {
			max-height: 106px;
			overflow: hidden;
		}
		.propertyLarge .propertyDescription {
			max-height: 65px;
			overflow: hidden;
		}
		
	}
	@media screen and (min-width: 1100px) and (max-width: 1300px) {
		#mainNav {
			width: 98%;
			left: 1%;
		}
		nav ul li {
			padding-left: 1%;
			padding-right: 1%;
			font-size: 1.2em;
			font-size: 1.2rem;
		}
		nav ul li.navPhone  {
			font-size: 1.5em;
			font-size: 1.5rem;
			line-height: 3.3;
			padding-left: 2.5%;
			padding-right: 5px;
		}
		nav ul li.navIcon {
			padding-right: 1%;
		}
		nav ul li.socialLink {
			padding-left: 5px;
			padding-right: 5px;
		}	
		.homeContent {
			width: 90%;
		}
		.sellingContent {
			width: 85%;
		}
		.sellingContent h1 {
			font-size: 7em;
			font-size: 7rem;
		}
		.testimonial1Content {
			background-position: -150px top;
			background-size: contain;
		}
		.testimonial1Content .quote {
			width: 30%;
			left: 65%;
			top: 12%;
			padding-left: 20px;
			background-color: #E3E3E3;
		}
		.testimonial2Content {
			background-position: -250px top;
			background-size: contain;
		}
		.testimonial2Content .quote {
			left: 45%;
			width: 45%;
			top: 12%;
			padding-left: 20px;
			background-color: #E3E3E3;
			font-size: 1.7em;
			font-size: 1.7rem;
		}
		.testimonial3Content {
			background-position: 300px top;
			background-size: contain;
		}
		.testimonial3Content .quote {
			width: 35%;
			left: 7%;
			top: 11%;
			padding-right: 20px;
			background-color: #E3E3E3;
		}
		.testimonial4Content {
			background-position: -280px top;
		}
		.testimonial4Content .quote {
			width: 35%;
			left: 55%;
		}
		.managementContent {
			width: 83%;
		}
		.managementContent h1 {
			font-size: 5em;
			font-size: 5rem;
		}
		.buyingContent,
		.rentingContent {
			width: 90%;
		}
		.buyingContent h1,
		.rentingContent h1 {
			width: 100%;
		}
		.propertyMedium .propertyDescription {
			max-height: 106px;
			overflow: hidden;
		}
		.propertyLarge .propertyDescription {
			max-height: 65px;
			overflow: hidden;
		}
		.experienceContent {
			width: 85%;
		}
		.aboutPage {
			background-position: 40% top;
		}
		.aboutContent {
			width: 98%;
		}
		.aboutContent .column2 {
			width: 45%;
		}
		.approachContent {
			width: 90%;
		}
		.contactContent {
			width: 97%;
		}
		.contactContent .column1 {
			width: 37%;
		}
		.riseContent img {
			padding-top: 10%;
		}
		.pageSlideLeft a h3, 
		.pageSlideRight a h3 {
			font-size: 1.4em;
			font-size: 1.4rem;
		}
		.peoplePage {
			background-position: 40px bottom;
		}
	}
	@media screen and (min-width: 900px) and (max-width: 1100px) {
		nav {
			display: block !important;
		}
		.navPhone a {
			display: none;
		}
		#mainNav {
			width: 98%;
			left: 1%;
		}
		nav ul li {
			padding-left: 1%;
			padding-right: 1%;
			font-size: 1.2em;
			font-size: 1.2rem;
		}
		nav ul li.navPhone  {
			font-size: 1.5em;
			font-size: 1.5rem;
			line-height: 2.7;
			padding-left: 2.5%;
		}
		nav ul li.navIcon {
			padding-right: 1%;
		}
		nav ul li.socialLink {
			display:none;
		}	
		.homeContent {
			width: 80%;
		}
		.homeContent .column1 {
			width: 94%;
		}
		.homeContent .column2 {
			width: 94%;
			float: left;
		}
		.sellingContent {
			width: 80%;
		}
		.sellingContent h1 {
			font-size: 7em;
			font-size: 7rem;
		}
		.testimonial1Content {
			background-position: -200px top;
			background-size: contain;
		}
		.testimonial1Content .quote {
			width: 26%;
			left: 67%;
			top: 12%;
			padding-left: 20px;
			background-color: #E3E3E3;
			font-size: 1.7em;
			font-size: 1.7rem;
		}
		.testimonial2Content {
			background-position: -300px top;
			background-size: contain;
		}
		.testimonial2Content .quote {
			left: 39%;
			width: 52%;
			top: 12%;
			padding-left: 20px;
			background-color: #E3E3E3;
			font-size: 1.7em;
			font-size: 1.7rem;
		}
		.testimonial3Content {
			background-position: 220px top;
			background-size: contain;
		}
		.testimonial3Content .quote {
			width: 44%;
			left: 4%;
			top: 11%;
			padding-right: 20px;
			background-color: #E3E3E3;
			font-size: 1.7em;
			font-size: 1.7rem;
		}
		.testimonial4Content {
			background-position: -270px top;
			background-size: contain;
		}
		.testimonial4Content .quote {
			width: 37%;
			left: 49%;
			padding-right: 20px;
			background-color: #E3E3E3;
			font-size: 1.7em;
			font-size: 1.7rem;
		}
		.managementContent {
			width: 83%;
		}
		.managementContent h1 {
			font-size: 5em;
			font-size: 5rem;
		}
		.buyingContent,
		.rentingContent {
			width: 90%;
		}
		.buyingContent h1,
		.rentingContent h1 {
			font-size: 6em;
			font-size: 6rem;
			width: 90%;
		}
		.propertyBed, 
		.propertyBath, 
		.propertyCar {
			padding-left: 28px;
			padding-right: 7px;
		}
		.propertyMedium .propertyDescription {
			max-height: 106px;
			overflow: hidden;
		}
		.propertyLarge .propertyDescription {
			max-height: 65px;
			overflow: hidden;
		}
		.experienceContent {
			width: 85%;
		}
		.pageSlideLeft a h3, 
		.pageSlideRight a h3 {
			font-size: 1.3em;
			font-size: 1.3rem;
		}
		.pageSlideLeft {
			width: 6.5%;
		}
		.slideRight {
			width: 10%;
		}
		.aboutPage {
			background-color: #c2c1bf;
			background-position: -130px top;
		}
		.aboutContent {
			width: 90%;
			margin-left: 10%;
		}
		.aboutContent h1 {
			line-height: 0.8;
		}
		.aboutContent .column1 {
			width:90%;
			margin-left: 5%;
		}
		.aboutContent .column2 {
			width:42%;
			margin-right: 5%;
			color: #38332f;
		}
		.aboutContent .twoColumn {
			-moz-column-count: 1;
			-moz-column-gap: 0;
			-webkit-column-count: 1;
			-webkit-column-gap: 0;
        	column-count: 1;
			column-gap: 0;
		}
		.aboutContent h3 {
			color: #FEF3E6;
		}
		.aboutContent .twoColumn h3 {
			color: #38332f;
		}
		.approachContent {
			width: 90%;
		}
		.contactContent {
			width: 90%;
		}
		.contactContent .column1 {
			width:90%;
			margin-left: 5%;
		}
		.contactContent .column2 {
			width:90%;
			margin-right: 5%;
		}
		.riseContent img {
			padding-top: 13%;
		}
		.peoplePage {
			background-position: 40px bottom;
		}
		.propertySmall .propertyDetails h3 {
			font-size: 1.5em;
			font-size: 1.5rem;
		}
		.propertyPage {
			width: 90%;
		}
	}
	@media screen and (min-width: 500px) and (max-width: 900px) {
		.navIcon,
		.navPhone a {
			display: none;
		}
		#mainNav {
			position: absolute;
			width: 100%;
			height: auto;
			box-shadow: none;
			-webkit-box-shadow: none;
			left: 0;
		}
		.menu {
			width: 100%;
			background-color: #FFFFFF;
			height: 55px;
			display: block;
			position: fixed;
			z-index: 1;
		}
		.menu a img {
			display: block;
		}
		.menu nav {
			width: 100%;
			height: 500px;;
			position: absolute;
			padding: 1%;
			top: 55px;
			display: none;
			-webkit-box-shadow: none ;
			box-shadow: none;
		}
		.menu nav ul {
			position: relative;
			right: 25px;
			background-color: #FFFFFF;
			margin: 0;
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
			padding-bottom: 7px;
			margin-left: 50px;
		}
		.menu nav ul li {
			float: none;
			text-align: right;
			padding: 0;
			background-color: #FFFFFF;
			color: #454042;
			line-height: 3;
		}
		.menu nav ul li a {
			display: block;
			border-bottom: 1px solid #76306c;
		}
		.navPhone a {
			font-size: 1.5em;
			font-size: 1.5rem;
			line-height: 3.1;
			padding-left: 2.5%;
		}
		nav ul li.socialLink {
			display:none;
		}
		.content h1 {
			font-size: 5.5em;
			font-size: 5.5rem;
		}
		.homeContent {
			width: 90%;
			margin-top: 15%;
		}
		.homeContent img {
			width: 354px;
			margin: 0 auto;
		}
		.homeContent .column1 {
			width: 94%;
		}
		.homeContent .column2 {
			width: 94%;
			float: left;
		}
		.sellingContent {
			width: 80%;
			margin-top: 20%;
		}
		.sellingContent h1 {
			font-size: 5.5em;
			font-size: 5.5rem;
		}
		.sellingContent .threeColumn {
			-moz-column-count: 1;
			-moz-column-gap: 0;
			-webkit-column-count: 1;
			-webkit-column-gap: 0;
        	column-count: 1;
			column-gap: 0;
		}
		.pageSlideLeft,
		.pageSlideRight {
			display: none;
		}
		.testimonial1Content .quote,
		.testimonial2Content .quote,
		.testimonial3Content .quote,
		.testimonial4Content .quote {
			width: 90%;
			left: 5%;
			padding-left: 0;
			padding-top: 20px;
			background-color: #E3E3E3;
			font-size: 1.7em;
			font-size: 1.7rem;
		}
		.testimonial1Content .quote {
			top: 470px;
		}
		.testimonial2Content .quote {
			top: 220px;
		}
		.testimonial3Content .quote {
			top: 380px;
		}
		.testimonial4Content .quote {
			top: 480px;
		}
		.testimonial1Content {
			background-position: left top;
			background-size: contain;
			width: 100%;
		}
		.testimonial2Content {
			background-position: left -70px;
			background-size: contain;
			width: 100%;
		}
		.testimonial3Content {
			background-position: left top;
			background-size: contain;
			width: 100%;
		}
		.testimonial4Content {
			background-position: left top;
			background-size: contain;
			width: 100%;
		}
		.managementContent {
			width: 83%;
		}
		.managementContent h1 {
			font-size: 5em;
			font-size: 5rem;
		}
		.managementPage .column1,
		.managementPage .column2 {
			width: 100%;
			margin: 0;
		}
		.buyingContent,
		.rentingContent {
			width: 90%;
		}
		.buyingContent h1,
		.rentingContent h1 {
			width: 100%;
			font-size: 4.5em;
			font-size: 4.5rem;
		}
		.propertyMedium .propertyDescription {
			max-height: 106px;
			overflow: hidden;
		}
		.propertyLarge .propertyDescription {
			max-height: 65px;
			overflow: hidden;
		}
		.experienceContent {
			width: 85%;
		}
		.experienceContent .twoColumn {
			width: 100%;
			-moz-column-count: 1;
			-moz-column-gap: 0;
			-webkit-column-count: 1;
			-webkit-column-gap: 0;
        	column-count: 1;
			column-gap: 0;
		}
		.experienceContent .oneColumn {
			width: 50%;
			margin-left: 0;
		}
		.aboutPage {
			background-image: none;
		}
		.aboutContent .column1 img {
			display: block;
			width: 90%;
			margin: 0 auto;
		}
		.aboutContent {
			width: 90%;
			margin-top: 6%;
		}
		.aboutContent .column1 {
			width: 90%;
			margin-left: 5%;
		}
		.aboutContent .column2 {
			width: 90%;
			margin-right: 5%;
		}
		.slideRight {
			display: none;
		}
		.approachContent .twoColumn {
			-moz-column-count: 1;
			-moz-column-gap: 0;
			-webkit-column-count: 1;
			-webkit-column-gap: 0;
        	column-count: 1;
			column-gap: 0;
			width: 100%;
		}
		.approachContent .oneColumn {
			display: none;
		}
		.approachContent {
			width: 90%;
		}
		.contactPage {
			height: auto;
			overflow: hidden;
		}
		.contactContent {
			width: 90%;
		}
		.contactContent .column1 {
			width:90%;
			margin-left: 5%;
		}
		.contactContent .column2 {
			width:320px;
			margin: 0 auto;
			float: none;
		}
		.contactContent .map {
			width: 320px;
			margin-top: 50px;
		}
		.contactContent .map img {
			width: 320px;
		}
		.experienceContent h1 {
			width: 100%;
			font-size: 5em;
			font-size: 5rem;
		}
		
		.container{/*width:1600%;*/ width:100%; height:100%; margin: 0; padding: 0; }
		.area{width: 100%; height:100%; float:none; position:relative; overflow:auto; margin: 0; padding: 0; border: 0;}
		#people,
		#advertisement,
		#sellTestimonial,
		#manageTestimonial,
		#aboutTestimonial,
		#approachTestimonial {
			display: none;
			height: 0;
			width: 0;
			overflow: hidden;
		}

		.propertySmall,
		.propertyMedium,
		.propertyLarge {
			height:300px;
			margin-left:1%; 
			margin-right:1%;
			margin-bottom:20px;
			background-color: #FFFFFF;
			position: relative;
			width:98%; float:left;
		}
		
		.propertySmall .propertyImage,
		.propertyMedium .propertyImage,
		.propertyLarge .propertyImage {
			float: left;
			width: 40%;
			height: 100%;
			overflow: hidden;
		}
		
		.propertySmall .propertyImage img,
		.propertyMedium .propertyImage img,
		.propertyLarge .propertyImage img {
			width: auto;
			height: 100%;
		}
		
		.propertySmall .propertyDetails {
			clear: none;
			margin-top: 0;
			padding: 0;
			width: auto;
		}
	
		.propertySmall .propertyDetails,
		.propertyMedium .propertyDetails,
		.propertyLarge .propertyDetails {
			float: left;
			width: 47%;
			padding: 20px;
		}
		
		.propertySmall .propertyDetails h3,
		.propertyMedium .propertyDetails h3,
		.propertyLarge .propertyDetails h3 {
			font-size: 2.5em;
			font-size: 2.5rem;
			line-height: 0.7;
			margin-bottom: 15px;
		}
	
		.propertySmall .propertyDetails h4,
		.propertyMedium .propertyDetails h4,
		.propertyLarge .propertyDetails h4 {
			font-size: 2em;
			font-size: 2rem;
			float: none;
			display: block;
			padding-right: 30px;
		}
		
		.propertyBed,
		.propertyBath,
		.propertyCar {
			color: #807c76;
			background-position: left;
			background-repeat: no-repeat;
			padding-left: 30px;
			padding-right: 10px;
			float: left;
			height: 20px;
			display: block;
			line-height: 2;
			margin-top: 7px;
		}
		
		.propertySmall .propertyPrice,
		.propertyMedium .propertyPrice,
		.propertyLarge .propertyPrice {
			font-family: 'Arapey', serif;
			color: #75306c;
			font-size: 3em;
			font-size: 3rem;
			font-style: italic;
			font-weight: bold;
			clear: both;
			padding-top: 20px;
		}
		
		.propertyDescription {
			display: none;
		}
		.propertyPage {
			width: 100%;
		}
		.propertyContent  {
			width: 90%;
			margin: 0 auto;
		}
		.propertyImages {
			width: 100%;
		}
		.smallProperty img {
			margin-right: 10px;
		}
		.propertySingle .propertyDetails {
			padding-top: 50px;
			padding-bottom: 50px;
			width: 100%;
		}
		.propertySingle .propertyDescription {
			display: block;
		}
		.homePage,
		.sellingPage,
		.managementPage,
		.buyingPage,
		.rentingPage,
		.experiencePage,
		.aboutPage,
		.approachPage,
		.contactPage,
		.testimonialPage,
		.risePage {
			width: 100%;
			min-height: 100%;
			height: auto;
			position:relative;
			padding-top: 80px;
			padding-bottom: 160px;
		}
		.area{
			min-height: 100%;
			height: auto;
		}
		.managementPage {
			padding-top: 70px;
			padding-bottom: 160px;
		}
		
		
		
	}

	@media screen and (max-width: 500px) {
		.navIcon,
		.navPhone a {
			display: none;
		}
		#mainNav {
			position: absolute;
			width: 100%;
			height: auto;
			box-shadow: none;
			-webkit-box-shadow: none;
			left: 0;
		}
		.menu {
			width: 100%;
			background-color: #FFFFFF;
			height: 55px;
			display: block;
			position: fixed;
			z-index: 1;
		}
		.menu a img {
			display: block;
		}
		.menu nav {
			width: 100%;
			height: 500px;;
			position: absolute;
			padding: 1%;
			top: 55px;
			display: none;
			-webkit-box-shadow: none ;
			box-shadow: none;
		}
		.menu nav ul {
			position: relative;
			right: 25px;
			background-color: #FFFFFF;
			margin: 0;
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
			padding-bottom: 7px;
			margin-left: 50px;
		}
		.menu nav ul li {
			float: none;
			text-align: right;
			padding: 0;
			background-color: #FFFFFF;
			color: #454042;
			line-height: 3;
		}
		.menu nav ul li a {
			display: block;
			border-bottom: 1px solid #76306c;
		}
		nav ul li.socialLink {
			display:none;
		}
		.navPhone a {
			font-size: 1.5em;
			font-size: 1.5rem;
			line-height: 3.1;
			padding-left: 2.5%;
		}
		.content h1 {
			font-size: 3.5em;
			font-size: 3.5rem;
		}
		.content h2,
		.content .h2 {
			font-size: 2em;
		}
		.homeContent {
			width: 90%;
			margin-top: 15%;
		}
		.homeContent img {
			width: 250px;
			margin: 0 auto;
		}
		.homeContent .column1 {
			width: 94%;
		}
		.homeContent .column2 {
			width: 94%;
			float: left;
		}
		.sellingContent {
			width: 80%;
			margin-top: 20%;
		}
		.sellingContent h1 {
			font-size: 4.5em;
			font-size: 4.5rem;
		}
		.sellingContent .threeColumn {
			-moz-column-count: 1;
			-moz-column-gap: 0;
			-webkit-column-count: 1;
			-webkit-column-gap: 0;
        	column-count: 1;
			column-gap: 0;
		}
		.pageSlideLeft,
		.pageSlideRight {
			display: none;
		}
		.managementContent {
			width: 83%;
		}
		.managementContent h1 {
			font-size: 5em;
			font-size: 5rem;
		}
		.managementPage .column1,
		.managementPage .column2 {
			width: 100%;
			margin: 0;
		}
		.buyingContent,
		.rentingContent {
			width: 90%;
		}
		.buyingContent h1,
		.rentingContent h1 {
			width: 100%;
			font-size: 4.5em;
			font-size: 4.5rem;
		}
		.propertyMedium .propertyDescription {
			max-height: 106px;
			overflow: hidden;
		}
		.propertyLarge .propertyDescription {
			max-height: 65px;
			overflow: hidden;
		}
		.experiencePage {
			height: auto;
		}
		.experienceContent {
			width: 85%;
		}
		.experienceContent .twoColumn {
			width: 100%;
			-moz-column-count: 1;
			-moz-column-gap: 0;
			-webkit-column-count: 1;
			-webkit-column-gap: 0;
        	column-count: 1;
			column-gap: 0;
		}
		.experienceContent .oneColumn {
			width: 100%;
			margin-left: 0;
		}
		.aboutPage {
			background-image: none;
		}
		.aboutContent .column1 img {
			display: block;
			width: 100%;
			margin: 0 auto;
		}
		.aboutContent {
			width: 90%;
			margin-top: 16%;
		}
		.aboutContent .column1 {
			width: 90%;
			margin-left: 5%;
		}
		.aboutContent .column2 {
			width: 90%;
			margin-right: 5%;
		}
		.slideRight {
			display: none;
		}
		.aboutContent .twoColumn {
			-moz-column-count: 1;
			-moz-column-gap: 0;
			-webkit-column-count: 1;
			-webkit-column-gap: 0;
        	column-count: 1;
			column-gap: 0;
			width: 100%;
		}
		.approachContent .twoColumn {
			-moz-column-count: 1;
			-moz-column-gap: 0;
			-webkit-column-count: 1;
			-webkit-column-gap: 0;
        	column-count: 1;
			column-gap: 0;
			width: 100%;
		}
		.approachContent .oneColumn {
			display: none;
		}
		.approachContent {
			width: 90%;
		}
		.contactPage {
			height: auto;
			overflow: hidden;
		}
		.contactContent {
			width: 100%;
		}
		.contactContent .column1 {
			width:90%;
			margin-left: 5%;
		}
		.contactContent .column2 {
			width:320px;
			margin: 0 auto;
			float: none;
		}
		.contactContent .map {
			width: 320px;
			margin-top: 50px;
		}
		.contactContent .map img {
			width: 320px;
		}
		
		.container{/*width:1600%;*/ width:100%; height: 100%; margin: 0; padding: 0; }
		.area{width: 100%; height: 100%; float:none; position:relative; overflow:auto; margin: 0; padding: 0; border: 0;}
		#people,
		#advertisement,
		#sellTestimonial,
		#manageTestimonial,
		#aboutTestimonial,
		#approachTestimonial {
			display: none;
			height: 0;
			width: 0;
			overflow: hidden;
		}
		
		.propertySmall,
		.propertyMedium,
		.propertyLarge {
			height:300px;
			margin-left:1%; 
			margin-right:1%;
			margin-bottom:20px;
			background-color: #FFFFFF;
			position: relative;
			width:98%; float:left;
		}
		
		.propertySmall .propertyImage,
		.propertyMedium .propertyImage,
		.propertyLarge .propertyImage {
			float: left;
			width: 40%;
			height: 100%;
			overflow: hidden;
		}
		
		.propertySmall .propertyImage img,
		.propertyMedium .propertyImage img,
		.propertyLarge .propertyImage img {
			width: auto;
			height: 100%;
		}
		
		.propertySmall .propertyDetails {
			clear: none;
			margin-top: 0;
			padding: 0;
			width: auto;
		}
	
		.propertySmall .propertyDetails,
		.propertyMedium .propertyDetails,
		.propertyLarge .propertyDetails {
			float: left;
			width: 44%;
			padding: 15px;
		}
		
		.propertySmall .propertyDetails h3,
		.propertyMedium .propertyDetails h3,
		.propertyLarge .propertyDetails h3 {
			font-size: 2em;
			font-size: 2rem;
			line-height: 1.2;
			margin-bottom: 15px;
		}
	
		.propertySmall .propertyDetails h4,
		.propertyMedium .propertyDetails h4,
		.propertyLarge .propertyDetails h4 {
			font-size: 2em;
			font-size: 2rem;
			float: none;
			display: block;
			padding-right: 30px;
		}
		
		.propertyBed,
		.propertyBath,
		.propertyCar {
			color: #807c76;
			background-position: left;
			background-repeat: no-repeat;
			padding-left: 30px;
			padding-right: 10px;
			float: left;
			height: 20px;
			display: block;
			line-height: 2;
			margin-top: 7px;
		}
		
		.propertySmall .propertyPrice,
		.propertyMedium .propertyPrice,
		.propertyLarge .propertyPrice {
			font-family: 'Arapey', serif;
			color: #75306c;
			font-size: 2em;
			font-size: 2rem;
			font-style: italic;
			font-weight: bold;
			clear: both;
			padding-top: 20px;
		}
		
		.propertyDescription {
			display: none;
		}
		.propertyPage {
			width: 100%;
		}
		.propertyContent  {
			width: 90%;
			margin: 0 auto;
		}
		.propertyImages {
			width: 100%;
		}
		.smallProperty img {
			margin-right: 10px;
		}
		.propertySingle .propertyDetails {
			padding-top: 50px;
			padding-bottom: 50px;
			width: 100%;
		}
		.propertySingle .propertyDescription {
			display: block;
		}
		.homePage,
		.sellingPage,
		.managementPage,
		.buyingPage,
		.rentingPage,
		.experiencePage,
		.aboutPage,
		.approachPage,
		.contactPage,
		.testimonialPage,
		.risePage {
			width: 100%;
			min-height: 100%;
			height: auto;
			position:relative;
			padding-top: 80px;
			padding-bottom: 160px;
		}
		.area{
			min-height: 100%;
			height: auto;
		}
		.managementPage {
			padding-top: 70px;
			padding-bottom: 160px;
		}
		.homePage {
			padding-top: 60px;
			padding-bottom: 120px;
		}
	}

	@media screen and (max-height: 768px) and (min-width: 875px) {
		.testimonial1Content {
			background-position: -110px top;
		}
		.testimonial2Content {
			background-position: -150px top;
		}
		.testimonial3Content {
			background-position: 330px top;
		}
		.testimonial4Content {
			background-position: -200px top;
		}
		.aboutPage {
			background-position: -50px top;
		}
	}
	@media screen and (max-height: 450px) {
		.testimonial4Content {
			background-position: -100px;
		}
	}
	@media screen and (min-height: 500px) and (max-height: 800px) {
		/*.sellingContent {
			background-color: blue;
		}
		.homePage,
		.sellingPage,
		.managementPage,
		.buyingPage,
		.rentingPage,
		.experiencePage,
		.aboutPage,
		.approachPage,
		.contactPage,
		.testimonialPage,
		.risePage {
			height: auto;
			padding-bottom: 5%;
		}
		.sellingContent h1 {
			font-size: 6em;
			font-size: 6rem;
		}*/
	}
	@media screen and (min-height: 300px) and (max-height: 500px) {
		/*.sellingContent {
			background-color: yellow;
		}*/
	}

/* ==========================================================================
   `helper classes
   ========================================================================== */

	.ir {
		background-color: transparent;
		border: 0;
		overflow: hidden;
		text-indent: -9999px;
	}
	
	.ir:before {
		content: "";
		display: block;
		width: 0;
		height: 150%;
	}
	
	.hidden {
		display: none !important;
		visibility: hidden;
	}
	
	.visuallyhidden {
		border: 0;
		clip: rect(0, 0, 0, 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	
	.visuallyhidden.focusable:active,
	.visuallyhidden.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
	}
	
	.invisible {
		visibility: hidden;
	}
	
	.clearfix:before,
	.clearfix:after {
		content: " ";
		display: table;
	}
	
	.clearfix:after {
		clear: both;
	}
	
	.clearfix {
		zoom: 1;
	}



/* ==========================================================================
   `print styles
   ========================================================================== */

	@media print {
		* {
			background: transparent !important;
			color: #000 !important; /* Black prints faster: h5bp.com/s */
			box-shadow: none !important;
			text-shadow: none !important;
		}
	
		a,
		a:visited {
			text-decoration: underline;
		}
	
		a[href]:after {
			content: " (" attr(href) ")";
		}
	
		abbr[title]:after {
			content: " (" attr(title) ")";
		}
	
		/*
		 * Don't show links for images, or javascript/internal links
		 */
	
		.ir a:after,
		a[href^="javascript:"]:after,
		a[href^="#"]:after {
			content: "";
		}
	
		pre,
		blockquote {
			border: 1px solid #999;
			page-break-inside: avoid;
		}
	
		thead {
			display: table-header-group; /* h5bp.com/t */
		}
	
		tr,
		img {
			page-break-inside: avoid;
		}
	
		img {
			max-width: 100% !important;
		}
	
		@page {
			margin: 0.5cm;
		}
	
		p,
		h2,
		h3 {
			orphans: 3;
			widows: 3;
		}
	
		h2,
		h3 {
			page-break-after: avoid;
		}
	}



/* ==========================================================================
   `reference
   ========================================================================== 
   
	html5-boilerplate
	https://github.com/h5bp/html5-boilerplate/blob/master/doc/TOC.md


*/

/*voodoo logo*/@font-face{font-family:'voodoo';src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRk9UVE8AAAQ0AAsAAAAABhQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAPsAAAFEBMC9q0ZGVE0AAAIEAAAAGgAAABxmnNGeR0RFRgAAAiAAAAAcAAAAIAAyAARPUy8yAAACPAAAAE0AAABgStjXTGNtYXAAAAKMAAAAUQAAAWID9vVjaGVhZAAAAuAAAAAvAAAANvnibIZoaGVhAAADEAAAAB4AAAAkAM3//2htdHgAAAMwAAAAFAAAABQBZwAAbWF4cAAAA0QAAAAGAAAABgAFUABuYW1lAAADTAAAANwAAAF68akh9XBvc3QAAAQoAAAADAAAACAAAwAAeJxFTD1Lw1AUPbdJGinhaSRVh2ccu0mm/gMFxcGtk5sURDGLujhqcbiOOugo4qZLnfQv+AOUToKgD6FxzHZ9aUy8w+GeT4Lrgoj8ozTdTlNQA4Rurhv5opMvuBw4HLhxi4S5xMDnk8x4GrvTGpjROAg1lKbuLJyiOwWF6HB/ZzVJknLzb9neJlbQozN4RE7vcviUqXtXxHwPBKEFGUfHgrkawsr418rIJGxqGFdGQWP1Jog7e4O2yPvrxWhCmrY9v2GLX482aT8xxWdqWmlL6lOwdXUtWHu+sws3/T4Lll/WRR5+bj3Fxu1kvvqIuH16PmLmJgetXxo8jMMAeJxjYGBgZACCM7aLzoPos/rT02E0AEhLBnAAAHicY2BkYGDgA2IJBhBgYmAEQhYwBvEYAAR2ADd4nGNgZghjnMDAysDB4MjgxsDAwAelDRhYGCQZGJgYWJkZYIBRgAEBAtJcUxgcGFI+MDDE/f/FwMkQx8DeAFQDlvQEYgUgZAQAgIEJPwAAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMKQw5DOUfWD4/x+sDon3f97/Sf97BVigJsABIxsDuhBNABOSlRCKmQ62EgcAY2AOSQAAAHicY2BkYGAAYo5/O3bE89t8ZeBmSAGKMJzVn56OoP//BIrGAbkcDEwgUQBGxws/AHicY2BkYGCI+/+TgZMhhYHh/xwgCRJBBqwAeq8EygAAAGQAAABZAAAATgAAAFwAAAAAAAAAAFAAAAUAAHicbZBLasMwEIY/J45LSeiuXYtClzaWs8u6+ABdZB+IMIFggfI4Sk6QXY7RA/QEuUt+y1p0EQ2j+TT880DAggsZw8koeEs84YWvxFM+OSTOpbkmnjHnN3Ehu0uZ5a/KLGLVwBN1fE885ZsycR7njjzjg1viQvk/znjZNt6cvd96xR8cHSf2bAh6uu603whaiXqOMQYpHIaGilpxJf/fbMwssVpk8EYqqzet74+tD50zTVWblRmHCpa2tGVTW2mebrXWvKDv2cUtjLoNk1m7cNj53tiqfl74AOQdNot4nGNgZsALAAB9AAQ=) format('woff'), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWac0Z4AAAWUAAAAHEdERUYANAAGAAAFdAAAACBPUy8ySrfW4gAAAVgAAABWY21hcAX8+GwAAAHMAAABYmdhc3D//wADAAAFbAAAAAhnbHlmKzSDIwAAA0AAAAB4aGVhZPnibIUAAADcAAAANmhoZWEAzgAAAAABFAAAACRobXR4AYgAAAAAAbAAAAAcbG9jYQBCAGAAAAMwAAAAEG1heHAASgALAAABOAAAACBuYW1l8akh9QAAA7gAAAF6cG9zdE5an+QAAAU0AAAAOAABAAAAAQAAcabNnl8PPPUACwBkAAAAAM0vl2cAAAAAzS+XZwAA//gAZABeAAAACAACAAAAAAAAAAEAAABe//gACQBkAAD/nABkAAEAAAAAAAAAAAAAAAAAAAAHAAEAAAAHAAgAAQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQBWAZAABQAIAEEARgAAAA4AQQBGAAAAMAAEABkAAAIABQMAAAAAAAAAAAABEAAAAAAAAAAAAAAAUGZFZABAAGTwAABe//oACQBeAAiAAAABAAAAAAAAAGQAAAAAAAAAIQAAAFkAAABOAAAAXAAAAAAAAAAAAAMAAAADAAAAHAABAAAAAABcAAMAAQAAABwABABAAAAADAAIAAIABAAAAGQAbwB28AD//wAAAAAAZABvAHbwAP//AAD/oP+U/48QBgABAAAAAAAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAwAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEgAkADAAPAABAAD/+gBQAEoABwAAPAE2MhYUBiIXIhcXIhEiFxciFwAAAAABAAD/+gBHAEoABwAAFzI2NCYrARUeERcXER4GFyIXUAAAAAABAAD/+ABeAEoAAgAANwcnXi8vSlFRAAABAAD/+gBkAF4AAgAANRcjZGReZAAAAAAAAAwAlgABAAAAAAABAAYADgABAAAAAAACAAcAJQABAAAAAAADACIAcwABAAAAAAAEAAYApAABAAAAAAAFAAsAwwABAAAAAAAGAAYA3QADAAEECQABAAwAAAADAAEECQACAA4AFQADAAEECQADAEQALQADAAEECQAEAAwAlgADAAEECQAFABYAqwADAAEECQAGAAwAzwB2AG8AbwBkAG8AbwAAdm9vZG9vAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHYAbwBvAGQAbwBvACAAOgAgADMAMQAtADEALQAyADAAMQAzAABGb250Rm9yZ2UgMi4wIDogdm9vZG9vIDogMzEtMS0yMDEzAAB2AG8AbwBkAG8AbwAAdm9vZG9vAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAAB2AG8AbwBkAG8AbwAAdm9vZG9vAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgBSAEcAWQECB3VuaUYwMDAAAAAB//8AAgABAAAADgAAABgAAAAAAAIAAQADAAYAAQAEAAAAAgAAAAAAAQAAAADMPaLPAAAAAM0vl2cAAAAAzS+XZw==) format('truetype');font-weight: normal; font-style: normal;}.vclogo{font-family:'voodoo';font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased;} a.vclogo{text-decoration:none;}