
.introtext,
.introtext * {
	color:			#FFF;
}

.introtext {
	margin:			0 0 20px 0;
}

.property.compact {
	position:		relative;
	
	padding:		0 0 0 220px;
}

.property.compact:after {
	display:		block;
	content:		' ';
	clear:			both;	
}

.property.compact h2 {
	height:			auto !important;
	line-height:	25px !important;
	font-size:		18px;
	padding:		5px 0 5px 20px;
	
	width:			auto;
	
	float:			none;
}

.property.compact h2:after {
	content:		'';
	clear:			both;
	display:		block;		
}

.property.compact h2.sold span {
	color:				#FFF;
	
	background-color:	#CC0000;	
}

.property.compact h2 span {
	margin:			0 10px;
	float:			right;
	font-weight:	normal;
	font-size:		11px;	
}

.property.compact h2 span.price {
	display:		block;
	margin:			-5px 0;
	padding:		5px 20px;
		
	font-size:		inherit;	
	font-weight:	bold;	
	color:			#FFF;
}

.property.compact h2 span.location {
	display:		block;
	margin:			-5px 0;
	padding:		5px 20px;
		
	font-size:		inherit;	
	font-weight:	bold;	
	color:			#FFF;
	
	background-color:#7b7b7b;
}

.property.compact h2 span.price.current {
	background-color:	#006600
}

.property.compact h2 span.price.underoffer {
	background-color:	#FFCC00
}

.property.compact .hero {
	position:		absolute;
	top:			0;
	left:			0;

	margin:			0 20px 0 0;
	padding:		0;

	width:			220px;	
	height:			165px;

	overflow:		hidden;

	font-size:		0;
	line-height:	0;
}

.property.compact .logo {
	position:		absolute;
	top:			0;
	left:			0;

	margin:			0 20px 0 0;
	padding:		10px 0;

	width:			220px;	
	height:			85px;

	overflow:		hidden;

	font-size:		0;
	line-height:	0;
}

.property.compact .logo img {
	position:		absolute;
	top:			-999px;
	left:			-999px;
	bottom:			-999px;
	right:			-999px;

	display:		block;

	width:			85%;	
	max-width:		275px;
	
	margin:			auto;
}

.property.compact .hero .soldoverlay,
.property.compact .hero .contractoverlay {
	position:		absolute;
	z-index:		20;
	top:			0;
	left:			0;

	margin:			0;
	padding:		0;
	
	width:			100%;
	height:			100%;
	
	background-image:	url('images/bg_soldoverlay.png');
	background-repeat:	no-repeat;
	background-position:left top;		
	background-size:	contain;
}

.property.compact .hero .contractoverlay {	
	background-image:	url('images/bg_contractoverlay.png');
}

.estate,
.builder {
	position:			relative;
	
	float:				left;

	margin:				1%;

	width:				23%;
	
	background-color:	#FFF;
}

.estate {
	width:				31%;
}

.estate h2,
.builder h2 {
	line-height:	25px;
	font-size:		14px;

	margin:			0;
	padding:		5px;
	
	text-align:		center;
	
	width:			auto;
	
	background-color:#f2f2f2;
	
	box-shadow:		0 0 2px rgba(0,0,0,0.65);
}

.estate h2 {
	text-align:		left;
}

.estate h2 span.location {
	display:		block;
	margin:			-5px;
	padding:		5px 10px;

	float:			right;
	font-size:		11px;	
	font-weight:	bold;	
	color:			#FFF;
	
	background-color:#7b7b7b;
}


.estate h2:after,
.builder h2:after {
	content:		'';
	clear:			both;
	display:		block;		
}

.estate .logo,
.builder .logo {
	position:		relative;
	display:		block;
	
	margin:			0 auto;
	padding:		30% 0 0 0;

	width:			100%;
	height:			1px;
	max-width:		250px;

	overflow:		hidden;
}

.estate .logo {
	padding:		25% 0 0 0;
}

.estate .logo img,
.builder .logo img {
	position:		absolute;
	top:			-999px;
	left:			-999px;
	bottom:			-999px;
	right:			-999px;

	width:			auto;
	height:			80%;	
	
	margin:			auto;
}

.estate .copy:before {
	content:		'';
	display:		block;

	width:			98%;
	height:			25px;
	
	margin:			0 auto;
	padding:		0;
	
	font-weight:	bold;
	line-height:	25px;
	text-align:		center;
	color:			#FFFFFF;
	
	background-color: #DDDDDD;
	
	opacity:		0.25;
}

.estate .copy .registration_date {
	content:		'';
	display:		none;

	width:			98%;
	height:			25px;
	
	margin:			0 auto;
	padding:		0;
	
	line-height:	25px;
	text-align:		center;
	color:			#FFFFFF;
	
	background-color: #7b7b7b;
}

.estate.no-banner .copy:before {
	display:		none;
}

.estate.no-banner .copy .registration_date {
	display:		block;
}

.estate.now-selling .copy:before {
	content:		'Now Selling!';
	
	opacity:		1;	
	
	background-color:	#006600;
}

.estate.sold-out .copy:before {
	content:		'Sold Out!';
	
	opacity:		1;	
	
	background-color:	#CC0000;
}

.estate.coming-soon .copy:before {
	content:		'Coming Soon!';
	
	opacity:		1;	
	
	background-color:	#FFCC00;
}


.estate span.boxbutton,
.estate a.boxbutton,
.builder a.boxbutton {
	height:			25px;
	line-height:	25px;
	
	margin:			2px 0 0 0;
	padding:		5px 0;
	
	font-size:		16px;
}

.estate a.boxbutton {
	float:			left;
	
	margin:			1%;
	
	width:			48%;
}
/*
.estate span.boxbutton,
.estate a.boxbutton {
	float:			left;
	
	margin:			1%;
	
	width:			31.33333333333%;
}

.estate span.boxbutton {
	font-size:		75%;
	text-align: 	center;
	font-weight:	normal;
}
*/
@media (max-width: 769px) {
	.property.compact {
		position:		relative;
		
		padding:		0 0 0 0;
	}	
	
	.property.compact .hero,
	.property.compact .logo {
		position:		relative;
		width:			100%;
		
		margin:			0 0 10px 0;		
	}

	.property.compact .logo {
		height:			auto;
	}

	.property.compact .logo img {
		position:		relative;
		top:			auto;
		left:			auto;		
		bottom:			auto;
		right:			auto;
		
		width:			auto;
	}	
	
	.builder {
		width:				48%;
	}	
}

@media (max-width: 640px) {
	.property.compact h2 span.price,
	.property.compact h2 span.location {
		float:			none;
		width:			auto;
		text-align:		right;
		margin:			5px 0 -5px -20px;
		padding:		0 20px;
	}
	
	.property.estate.compact .copy .boxbutton {
		display:		block;
		float:			none;
		
		margin-bottom:	10px;
	}
	
	.estate,
	.builder {
		width:				98%;
	}	
	
}

.property.compact .hero img {
	position:		absolute;
	top:			0;
	left:			0;
	
	margin:			auto;
	padding:		0;

	width:			100%;
	height:			auto;	
}

.property.compact .copy {
	margin:			0;
	padding:		10px 20px;
	
	min-height:		100px;
}


.property.compact.estate .copy {
	padding:		25px 20px 10px 20px;
	min-height:		35px;
}


.property.compact .copy:after {
	display:		block;
	content:		' ';
	clear:			both;	
}

.property.compact .copy p {
	padding:		0 0 10px 0;
	
	font-size:		14px;
	line-height:	120%;
}

.property.compact .copy .logoprn {
	margin:			0;
	width:			140px;
	height:			auto;
}

.property.compact .copy .boxbutton {
	float:			right;
	width:			auto;
	height:			25px;
	line-height:	25px;
	
	margin:			2px 0 0 20px;
	padding:		0 20px;
	
	font-size:		16px;
}


.property h2 span {
	float:			right;
	font-weight:	normal;
	font-size:		13px;	
}

@media only screen and (min-width: 961px) and (max-width: 1054px) {
	.wrapper,
	.page-template-about .content .wrapper,
	.page-template-template-properties .content  .wrapper {
		width: auto;
		padding:	0 10px;
	}
}
	
@media only screen and (min-width: 1025px) {	

	.property .sliderholder {
		position:		relative;
		margin:			0;
		padding:		0;
	}
	
	.property .sliderholder #slider {
		position:		relative;
		width:			790px !important;
		height:			590px !important;

		margin:			0;
		padding:		0;
		
		overflow:		hidden;
	}
	
	.property .sliderholder .nivo-controlNav {
		position:		absolute !important;
		top:			0 !important;
		right:			0 !important;

		margin:			0;
		padding:		0;
		
		width:			158px;
		height:			590px;
		
		font-size:		0;
		line-height:	0;
		text-align:		left;
		
		overflow-y:		scroll;
		overflow-x:		hidden;
	}
	
	.property .sliderholder .nivo-controlNav .nivo-control {
		margin:			0 0 10px 0;
		padding:		0;
		
		display:		block;
	}
}
.property .propcontent p {
	line-height:	130%;
}

.property .synved-social-container {
	text-align:		right !important;
}

.prop-details {
	clear:			both;
	
	margin:			0 0 20px 0;		
	
	position:		relative;
	box-sizing:		border-box;
			
	padding:		0;
	
	background-color: #FFF;
	
	border:			1px solid #e5e5e5;
}

@media only screen and (min-width: 961px) and (max-width:1480px) {
	.prop-details {
		clear: 			none;

		float: 			left;

		width:			340px;
	
		margin:			40px 0 20px 20px;
	}
}

@media only screen and (min-width: 1480px) {
	.prop-details {
		clear: 			none;

		float: 			left;

		width:			400px;
	
		margin:			40px 0 20px 20px;
	}
}
	
.prop-details h2 {
	padding:		0 10px;
	
	font-size:		22px;
	line-height:	40px;
	font-weight:	bold;
	
	background-color: #f2f2f2;
	
	border-bottom:	1px solid #E5E5E5;
}

.prop-details h2.pricing {
	position:			relative;
	line-height:		60px;
	text-align:			center;
	color:				#FFF;

	background-color:	#006600;
}

.prop-details h2.pricing .notice {
	position:			absolute;
	z-index:			100;
	top:				0;
	left:				0;
	
	padding:			0 20px;
		
	box-sizing:			border-box;
	width:				100%;
	height:				100%;
	
	color:				#000;			
	text-align:			left;
	font-weight:		normal;
}

.prop-details h2.pricing.offer {
	text-align:			right;
	background-color:	#FFCC00;
}

.prop-details h2.pricing.offer span {
	opacity:			0.8;
}

.prop-details h2.pricing.sold {
	font-size:			30px;

	background-color:	#CC0000;
}


.prop-details .propinfoslines .pline {
	height:			auto;
	font-weight:	normal;
	line-height:	30px;
	
}

.prop-details .propinfoslines .pline span {
	font-weight:	bold;
	opacity:		0.5;
	
	width:			22%;
}
	
@media only screen and (max-width: 420px) {
	.prop-details .propinfoslines .pline {	
		text-align:		center;
	}

	.prop-details .propinfoslines .pline span {	
		display:		block;

		float:			none;
	}
}

.prop-details .propinfoslines .pline:nth-child(odd) {	
	background-color:	#e5e5e5;
}

.prop-details input.contactbutton {
	padding:			0 30px;
	width:				auto;
}

.sidebarsearch {
	margin-bottom:			20px;
}

.advert {
	display:				block;
	position:				relative;
	
	padding:				5px;
	margin:					0 0 20px 0;

	clear:					both;

	background-color:		rgba(255,255,255,0.4);
}

@media only screen and (max-width: 690px) {
	.page-search .widget.advert { 
		display:				none;
	}
}

.navigation {
	height:					60px;
	
	line-height:			60px;
	
	border:					1px solid #FFFFFF;
}

.navigation a {
	height:					35px;
	width:					auto;
	
	padding:				0 10px;
	
	line-height:			35px;	
	font-weight:			600;
	
	vertical-align:			baseline;
	
	background-color:		rgb(15, 123, 177);
}

.largeonly {
	display:				none;
}

@media only screen and (min-width: 1024px) {
	.navigation {
		font-size:				120%;
	}

	.navigation a {
		font-size:				20px;		
	}
	
	.largeonly {
		display:				inline;
	}
}