div.placer {
	text-align: center;
	float: left;
	padding: 0;
	margin: 0 0 20px 0;}

div.placer a:hover {
	text-decoration: none;}

div.placer.not_first {
	margin-left: 8px;}

div.row_separator {
	padding: 0;
	margin: 0;
	clear: both;
	background-color: #ffff00;}

.clipping {
	display: block;
	text-align: center;
	border: 1px solid #808080;
	background-color: #ffffff;
	padding: 1em;}

.clipping img.thumb {
	border: 1px solid #808080;
	width: 280px;
	height: 210px;}

.clipping .thumb_old {
	background-color: #ffffff;
	border: 1px solid #000000;
	width: 280px;
	height: 210px;}

.clipping .description {
	display: block;
	margin: 0;
	padding: 1.5em 0 0 0;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.5em;
	width: 280px;
	height: 6em;}

.clipping .price {
	display: block;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	width: 280px;
	height: 1.5em;}

.clipping .property_type {
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.5em;
	width: 280px;
	height: 1.5em;}

.clipping .location {
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.5em;
	width: 280px;
	height: 1.5em;}

.clipping:hover {
	background-color: #dfdfdf;}

ul.clipping_row {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
	background: #ff0000;
	width: 100%;}

ul.clipping_row li {
	margin: 10px;
	padding: 5px;
	display: inline;
	background-color: #00ff00;}

ul.clipping_row li a {
	color: #00ff00;
	background-color: #ffffff;}

ul.clipping_row li a:hover {
	background-color: #ff0000;}

div#filters {
	border: 1px solid #808080;
	background-color: #ffffff;}

div#filters h3 {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background-color: #000000}

div#filters #characteristics {
	padding: 1em;
	float: left;}

div#filters #neighborhoods {
	padding: 1em;}





/***** FILTERS BOX *****/

div#filters {
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
	display: block;
	padding-top: 110px;}

div#filters form {
	margin: 0px;
	padding: 0px;}

div#filters form p {
	margin: 0px;
	padding: 0px;}

div#filters a {
	white-space: nowrap;}

div#filters input.submit_button {
	color: #414141;
	font-family: 'trebuchet ms', helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 100%;
	line-height: normal;
	background-color: #ffffff;
	border: 1px solid #414141;
	background-color: #d9dad5;
	margin-top: 15px;
	margin-bottom: 5px;}

div#filters div#characteristics, div#filters div#property_type, div#filters div#neighborhoods {
	position: absolute;
	padding: 0px;
	text-align: left;
	display: block;
	float: none;
	top: 30px;}

div#filters div#characteristics h3, div#filters div#property_type h3, div#filters div#neighborhoods h3 {
	font-family: Verdana, Candara, "Lucida Grande", Geneva, Arial, sans-serif;
	font-weight: normal;
	font-size: 105%;
	position: absolute;
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 24px;
	display: block;
	top: -30px;}

div#filters div#characteristics {
	top: 135px;
	clear: all;
	text-align: right;
	font-weight: bold;
	width: 140px;
	left: 0px;
	padding-right: 120px;
	padding-left: 220px;
}
div#filters div#characteristics h3 {
	padding-left: 149px;
	width: 790px;
	text-align: left;
	text-indent: 148px;
	left: 0px;
	background-color: #1e3238;
	padding-top: 2px
}

div#filters div#characteristics * {
	line-height: 200%;}

div#filters div#characteristics select {
	position: absolute;
	width: 100px;
	margin-left: 0.5em;
	margin-top: 4px;
	font-weight: normal;
	text-align: left;
	padding: 0px;
	float: none;}

div#filters div#property_type {
	top: 135px;
	clear: all;
	width: 160px;
	left: 490px;
	padding: 0px 10px;
}

div#filters div#neighborhoods {
	top: 135px;
	clear: all;
	width: 390px;
	left: 438px;
	padding: 0px 10px;
	padding-left: 90px;}


div#filters div#characteristics span {
	width: 200px;
	margin-top: 0px;}

div#filters div#characteristics br {
	clear: both;}

div#filters div#property_type {
	white-space: nowrap;}

div#filters div#property_type h3 {
	background: none;
	text-indent: 3px;
	margin-top: 2px;}

div#filters div#neighborhoods h3 {
	text-align: left;
	background: none !important;
	margin-top: 2px;}

div#filters div#neighborhoods b {
	text-align: right;
	display: block;
	position: absolute;
	width: 70px;
	margin-left: -75px;}

div#filters div#neighborhoods em {
	font-style: italic;
	font-weight: normal;
	color: #414141;}

div#currently_selected {
	position: relative;
	text-align: center;
	padding: 0px;
	width: 940px;
	height: 104px;
	display: table-cell;
	vertical-align: middle;
	background: url(../images/listings/street_sign.png) center center no-repeat;
	line-height: 135%;
	font-weight: bold;
	margin: 0px;

	font-size: 12px;
	
}

div#currently_selected div {
	color: #ffffff;
	padding: 0px 100px;}

div#currently_selected em {
	font-style: normal;
	text-decoration: underline;
	white-space: nowrap;}

div.placer_grid {
	margin-top: 10px;
	margin-right: -8px;
	width: 950px;

	font-size: 12px;
}

div.placer {
	display: inline;
	margin-left: 0px;
	margin-right: 8px;
	padding: 0px !important;}

/***** END JOHN *****/




/******************************************** INDIVIDUAL LISTING PAGE ********************************************/

div.single_listing {
		width: 100%;
		font-size: 12px;
}

div.single_listing div.photos {
	position: static;
	display: block;
	margin: 0px;
	padding: 0px;
	float: none;
	text-align: left;}

div.single_listing div.photos img {
	border: 1px solid #1e3238;
	padding: 0px;
	margin-bottom: 10px;
	position: static;
	left: 0px;
	display: block;}

div.single_listing div.photos p {
	position: relative;
	display: block;
	padding: 10px 6px;
	margin: 0px auto;
	width: 548px;}

div.single_listing div.caption {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 11px;
	position: relative;
	top: -5px;
	z-index: -1;
}

div.single_listing #map_container {
	text-align: center;
	padding-top: 13px;
	padding-bottom: 13px;}

div.single_listing #map_canvas {
	position: relative;
	text-align: center;
	padding: 20px;
	margin: 0px auto;
	width: 300px; 
	height: 600px;}

div.single_listing div.info {
	position: static;
	display: block;
	float: right;
	clear: right;
	margin: 0px 0px 20px 0px;
	padding: 5px 10px;
	width: 345px;
	text-align: center;
	background-color: #ffffff;}

div.single_listing div.info h1 {
	color: #1e3238;
	border-bottom: 1px solid #1e3238;
	margin-bottom: 17px;
	margin-left: 0px;
	position: relative;
	text-align: left;}

div.single_listing div.info p {
	text-align: justify;
	margin-top: 7px;}

div.single_listing div.info dl.attributes {
	margin: 0px auto;
	position: relative;
	padding-left: 20px;}

div.single_listing div.info dl.attributes dt {
	float: left;
	font-weight: bold;
	width: 120px;
	text-align: right;
	white-space: nowrap;}

div.single_listing div.info dl.attributes dt:after {
	content: ':'}

div.single_listing div.info dd {
	margin-left: 130px;
	text-align: left;}

div.single_listing div.info #listing_link {
	width: 75%;
	border: 1px solid #000000;
	background-color: #dfdfdf;
	margin: 25px auto;
	padding: 15px;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;}

div.single_listing div.info #listing_link a {
	color: #000000;}

/* no longer used --
div.single_listing input.submit_button {
	color: #414141;
	font-family: 'trebuchet ms', helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 100%;
	line-height: normal;
	background-color: #ffffff;
	border: 1px solid #414141;
	background-color: #d9dad5;
	margin-top: 20px;}
*/



/******************************************** PITCH PAGE ********************************************/

#pitch img {
	border: none;
}
#pitch ul {
	margin-left: 40px;
	margin-bottom: 40px;
}
#pitch .get_started {
	clear: both !important;
}
.listings_faq img {
	border: none;
}
#pitch * {
	font-family: Georgia,Times,"Times New Roman",serif;
	font-size: 16px;
	line-height: 150%;}

#pitch {
	margin: 20px 100px;}

#pitch p.first, #pitch p.first * {
	font-size: 22px;}

#pitch ul li {
	margin: 0;
	padding: 0;}

#pitch ul.benefits * {
	line-height: 150%;
	font-size: 16px;}

#pitch ul.benefits {
	list-style-type: none;
	margin: 40px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 343px;}

#pitch ul.benefits li {
	background: url(../images/listings/big_check.png) 422px 10px no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 480px;}

#pitch ul.benefits li, #pitch ul.benefits li * {
	font-size: 18px;}

#pitch a {
	text-decoration: underline;}

#pitch img.right {
	float: right;
	margin: 0px 0px 10px 40px;}

#pitch img.left {
	float: left;
	margin: 20px 40px 30px 0px;
	position: absolute;}

#pitch .clear {
	clear: both;}

#pitch p.get_started, #pitch p.get_started * {
	font-weight: bold;
	text-align: center;
	font-size: 28px;
	line-height: 100%;}

#pitch p.get_started span.normal {
	font-weight: normal;
	font-size: 16px;}


/******************************************** NEW INTRO PAGE ********************************************/

.content_with_sidebar {
	margin-left: 153px;
}

.content_with_sidebar .intro img {
	border: none;
}
.content_with_sidebar .intro ul {
	margin-left: 40px;
	margin-bottom: 40px;
}
.listings_faq img {
	border: none;
}
.content_with_sidebar .intro * {
	font-family: Georgia,Times,"Times New Roman",serif;
	font-size: 16px;
	line-height: 150%;}

.content_with_sidebar .intro {
	margin: 20px 0;}

.content_with_sidebar .intro p.first, .content_with_sidebar .intro p.first * {
	font-size: 22px;}

.content_with_sidebar .intro ul li {
	margin: 0;
	padding: 0;}

.content_with_sidebar .intro ul.benefits * {
	line-height: 150%;
	font-size: 16px;}

.content_with_sidebar .intro ul.benefits {
	list-style-type: none;
	margin: 40px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 343px;}

.content_with_sidebar .intro ul.benefits li {
	background: url(../images/listings/big_check.png) 422px center no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 480px;}

.content_with_sidebar .intro ul.benefits li, .content_with_sidebar .intro ul.benefits li * {
	font-size: 18px;}

.content_with_sidebar .intro a {
	text-decoration: underline;}

.content_with_sidebar .intro img.right {
	float: right;
	margin: 0px 0px 10px 40px;}

.content_with_sidebar .intro img.left {
	float: left;
	margin: 20px 40px 30px 0px;
	position: absolute;}

.content_with_sidebar .intro .clear {
	clear: both;}

.content_with_sidebar .intro p.get_started, .content_with_sidebar .intro p.get_started * {
	font-weight: bold;
	text-align: center;
	font-size: 28px;
	line-height: 100%;}

.content_with_sidebar .intro p.get_started span.normal {
	font-weight: normal;
	font-size: 16px;}



/******************************************** FAQ PAGE ********************************************/

div.listings_faq {
	margin-left: 80px;}

div.listings_faq p {
	margin: 0px 0px 15px 0px;}

div.listings_faq a {
	text-decoration: underline;}

div.listings_faq p.q {
	display: block;
	margin-bottom: -5px;
	margin-top: 30px;
	margin-right: 160px;
	clear: right;
	font-family: Georgia,Times,"Times New Roman",serif;
	font-weight: bold;
	font-size: 150%;
	background: url(../images/listings/q.png) no-repeat;
	padding: 11px 0px 10px 60px;}

div.listings_faq p.a {
	background: url(../images/listings/a.png) no-repeat;
	padding: 6px 0px 10px 60px;
	margin-right: 160px;}

div.listings_faq div.callout {
	position: relative;
	float: left;
	margin-top: 50px;
	margin-left: -60px;
	width: 180px;
	padding: 0px 20px 0px 0px;}

div.listings_faq div.callout * {
	font-size: 12px;
	line-height: 120%;}

div.listings_faq div.callout .first, div.listings_faq div.callout .first * {
	font-size: 14px;
	line-height: 150%;}

div.listings_faq div.callout p.first, div.listings_faq div.callout p.register {
	border-top: 3px double rgb(81, 136, 33);
	border-bottom: 3px double rgb(81, 136, 33);
	padding: 15px 3px;
	text-align: left;}

div.listings_faq div.callout p {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: left;}

div.listings_faq div.callout p.title {
	margin-top: 30px;
	margin-bottom: 15px;}

div.listings_faq div.callout small {
	font-size: 75%;}

div.listings_faq div.callout a {
	text-decoration: none;}

div.listings_faq div.callout a:hover {
	text-decoration: underline;}

div.listings_faq div.callout .bullet {
	display: list-item;
	list-style-type: square;
	margin-top: 10px;
	margin-left: 15px;
	padding: 0px;
	font-size: 12px;
	line-height: 120%;
	padding: 0px;}
div.listings_faq div.callout li {
	list-style-type: square;
	margin-top: 10px;
	margin-left: 15px;
}
div.listings_faq h1 {
	margin-top: 0px;
	margin-bottom: 15px;}

div.listings_faq div.index {
	margin-top: 0px;
	margin-bottom: 45px;}

div.listings_faq div.index ol {
	margin: 0px;
	padding: 0px;}

div.listings_faq div.index ol li {
	margin: 0px 0px 10px 60px;
	padding: 0px;}

div.listings_faq a.bookmark {
	padding-top: 20px;
	visibility: hidden;}

div.listings_faq div.callout p.register img {
	margin-top: 10px;}


.backlink {
	display: block;
	font-size: 16px;
	margin-bottom: 10px;}


.listings #agent_menu {
	background-color: #ffffff;
	width: 970px;
	margin: -25px 0 0 -15px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 13px;
	line-height: 26px;
	color: #B8B9B2;
	border-bottom: 1px solid #B8B9B2;
	position: absolute;}

.listings #blog {
	margin-top: 10px;}

.listings .backlink {
	margin-top: 12px;
	margin-bottom: 10px;}

.listings #agent_menu b {
	color: #3B3B3B;}

.listings #agent_menu a {
	padding: 0px 3px;}

.listings .info {}

.listings .info-wrap1 {
	background: url('../images/listings/listings_info_top.gif') center top no-repeat;
	padding-top: 17px;
	margin: -5px -10px;}

.listings .info-wrap2 {
	background: url('../images/listings/listings_info_bottom.gif') center bottom no-repeat;
	margin: -10px 0px 0px 0px;
	-margin-top: -22px;
	padding: 5px 12px 17px 12px;}
.listings .info-wrap2 #contact-photo {
	max-width: 190px;
}



/***************************************** MOBILE FOR ALL **************************************************/

@media screen and (max-width: 640px) {

	.listings #blog {
		margin: -15px 0 0 0 !important;
	    width: 100% !important;
	    height: auto;
	    position: relative;
	    display: flex;
	    flex-direction: column;
	}

	.listings #agent_menu {
		width: auto;
		margin: 0px -10px 20px -10px !important;
		position: relative;
		font-size: 100%;
	}

	div#currently_selected, div#filters {
		display: none;
	}

	div.placer_grid {
		width: 100%;
		margin: 0 !important;
		display: grid;
		grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );
		grid-auto-rows:  minmax(150px, auto);
		grid-gap: 8px;
	}

	div.placer {
		width: 100%;
	}

	.clipping img.thumb {
		width: 100%;
		box-sizing: border-box;
		object-fit: cover;
	}

	.clipping > span {
		width: 100% !important;
		font-size: 120% !important;
		height: max-content !important;
	}

	.clipping .price {
		line-height: 3em;
		height: 3em;
	}


	/******* DETAIL PAGE ********/
	div.single_listing {
		display: flex;
		flex-direction: column;
	}

	div.single_listing * {
		box-sizing: border-box !important;
		position: relative !important;
		float: none !important;
		clear: none !important;
	}

	div.single_listing > * {
		width: 100% !important;
	}

	div.single_listing .photos {
		order: -1;
		display: flex !important;
		flex-direction: column;
		margin: 20px 0 20px 0 !important;
	}

	div.single_listing .photos .caption {
		order:  -1;
		font-size: 1em;
		text-align: left;
	}

	div.single_listing .info p {
		font-size: 120%;
	}

	div.single_listing .info .attributes {
		display: flex;
		flex-direction: column;
		font-size: 120%;
		padding-left: 0 !important;
	}

	div.single_listing .info .attributes > * {
		margin: 0 !important;
		text-align: left !important;
	}

	div.single_listing .info .attributes > dt {
		width: 100% !important;
		font-size: 120%;
	}

	div.single_listing .info .attributes > dd {
		width: 100% !important;
		font-size: 110%;
		margin-bottom:  20px !important;
	}

	#lightbox-container-image-box {
		max-width: 100vw !important;
		max-height: 100vh !important;
	}

	/************* FAQ **************/
	div.listings_faq {
		margin: 0;
	}

	div.listings_faq div.callout {
		display: none;
	}

	div.listings_faq div.content_with_sidebar {
		margin: 0;
	}

	.content_with_sidebar .intro img.left {
		float: none;
		margin: 0;
		position: relative;
		display: none;
	}

	.content_with_sidebar .intro ul.benefits {
		min-height: unset;
	}

	.content_with_sidebar .intro ul.benefits li {
		margin: 0;
		padding: 0 0 0 60px;
		background: url(../images/listings/big_check.png) left no-repeat;
	}

	div.listings_faq p.q, div.listings_faq p.a {
		margin-right: 0;
	}

}