/* Styles for content pages */

/* ~~~ Home Page ~~~ */

#banner-container {
  position: relative;
}

#banner {
	position:relative;
	top:0;
	margin: 0 auto;
	padding:0;
	width:100%;
	height: 625px;
	overflow:hidden;
	z-index: 0;
}

#banner-tiles {
	position:relative;
	background:inherit;	
	list-style:none;
	margin: 0 auto;
	padding:0;
	height:100%;
	width:100%;
	
	background-color:#FFF;
	
	overflow:hidden;
}

#banner-tiles .slick-slide {

	height:100%;
	width:100%;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
/* 	background-attachment: fixed; */
	
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index: 0;
}

#tile1 {background-image:url('../images/banners/home/banner1.jpg');}
#tile2 {background-image:url('../images/banners/home/banner2.jpg');}
#tile3 {background-image:url('../images/banners/home/banner3.jpg');}
#tile4 {background-image:url('../images/banners/home/banner4.jpg');}

#banner-tiles .slick-slide > section {
	margin:0 auto;
	max-width:980px;
	text-align: left;
}

#banner-tiles .slick-slide article {
	position: relative;
	display: inline-block;
	max-width:490px;
	margin:100px auto 0;
	box-sizing:border-box;
	padding:30px;
	background-color:rgba(255,255,255,0.8);
	border-radius:3px;
	z-index: 0;
	
	color:#343434;
	text-align: center;
}

#banner-tiles .slick-slide article h2 {
	position: relative;
	margin:0 auto;
	font-weight:normal;
	font-size:300%;
	line-height:1.1;
	
	max-width:81%;
}

#banner-tiles .slick-slide article h2:after {
	content:"";
	width:85%;
	height:10px;
	
	background:url('../images/dots-pattern.png') repeat-x left center;
	
	position: absolute;
	top:100%;
	left:7.5%;
}

#banner-tiles .slick-slide article p {
	margin:18px auto;
	font-weight:bold;
	font-size:95%;
}

#banner-tiles .slick-list, #banner-tiles .slick-track{
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	transform: none !important;
	height: 100%;
}

#nav-dots {
	position:absolute;
	bottom:165px;
	width:100%;
	margin:0;
	padding:0;
	text-align: center;
	z-index: 5;
}

#nav-dots ul {
	margin:0;
	padding:0;
}

#nav-dots li {
	display: inline-block;
	position:relative;
	vertical-align: middle;
	height:17px;
	width:17px;
	border:none;
	opacity:1;
	background-color: #FFF;
	border-radius:50%;
	margin:0 1px;
	
	z-index: 0;
}

#nav-dots li + li {
	margin-left:8px;
}

#nav-dots li:after {
	content:"";
	display: inline-block;
	height:21px;
	width:21px;
	background-color:transparent;
	
	border:3px solid rgba(255,255,255,0.6);
	
	border-radius:50%;
	
	position: absolute;
	top:-5px;
	left:-5px;
	
	z-index: -1;
}

#nav-dots li.sel {
	background-color: #333E60;
	margin-left:12px;
	margin-right:5px;
}

#nav-dots li.sel:after {
	height:27px;
	width:27px;
	
	top:-8px;
	left:-8px;
}

#nav-dots li a {
	display: block;
	height:100%;
	width:100%;
	text-indent: -9999px;
	text-align: left;
}

/* Home page property search */

.home.search form:after, .home.search form:before {
	content:"";
	display: inline-block;
	height: 133px;
	width: 53px;
	
	background-repeat:no-repeat;
	background-position: center center;
	background-color:transparent;
	
	position: absolute;
	bottom: 5px;
}
.home.search form:before {
	background-image:url('../images/angle_l.png');
	right:100%;
}
.home.search form:after {
	background-image:url('../images/angle_r.png');
	left:100%;
}

.search {
	position: relative;
	margin:-142px auto 0;
	max-width:980px;
	text-align: center;
	overflow:hidden;
}

.search form {
	position: relative;
	background-color: #343434;
	color:#FFF;
	
	margin: 0 auto;
	box-sizing:border-box;
	padding:20px 4% 15px;
	max-width:870px;
	
	border-radius:5px;
	z-index: 0;
}

.search form:after {
	content:"";
	display: block;
}

.search form > h3 {
	margin: 5px auto 0;
	text-align: center;
	font-size:225%;
	letter-spacing:1px;
	box-sizing:border-box;
	padding-right:160px;
	padding-left:160px;
}

.search form .listings-checkbox {
	display: inline-block;
	max-width:156px;
	width:21%;
	font-size:67.5%;
	text-align: left;
	
	box-sizing:border-box;
	padding-left:25px;
	
	position: absolute;
	top:28px;
	right:35px;
}

input[type="checkbox"] {
	/*
	border:none;
	outline:0;
	border-radius:0;
	*/
}

.search form .listings-checkbox input[type="checkbox"] {
	position: absolute;
	
	top:50%;
	margin-top:-7px;
	left:0;
}

.search form > section:after {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:url('../images/residential_bg.png') no-repeat center bottom;
	opacity: 0.1;
	
	position: absolute;
	top:0;
	left:0;
	
	z-index: -1;
}

.search form > section.search-inputs > p, .search form > section.search-inputs > div {
	display: inline-block;
}

input[type="text"], input[type="email"], .sel-overlay select {
	border:none;
	
	display: inline-block;
	padding:0 15px;
	box-sizing:border-box;
	height:38px;
	font-size:95%;
	outline:0;
}

.search form > section.search-inputs input, .search form > section.search-inputs select {
	font-family: Verdana, Geneva, Arial, sans-serif;
	display: inline-block;
	width:100%;
	
	box-shadow: 1px 1px 4px 2px #eae9e8 inset, -1px -1px 4px 2px #eae9e8 inset;
}

.search form > section.search-inputs input:focus, .search form > section.search-inputs select:focus {
	box-shadow: 1px 1px 4px 2px #333E60 inset, -1px -1px 4px 2px #333E60 inset;
}


.sel-overlay {
	position: relative;
	z-index: 0;
}

.sel-overlay select {
	font-style:italic;
/* 
	background:#FFF url("../images/arrow_down.png") no-repeat center right;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding-right:50px;
*/
	z-index: 1;
}

.sel-overlay select::-ms-expand {
    display: none;
}

select, option {
	outline:0;
}

select option {
	font-style: normal;
	color:#000;
}

.sel-placeholder {
	color:rgba(0,0,0,0.3);
	font-style:italic;
}

.search form div.mls-city {
	width:60.25%;
	max-width: 488px;
	
	margin-bottom:20px;
}

.search form div.prop-type {
	width:37.25%;
	max-width:300px;
	margin:8px 0 20px 2.2%;
}

.search form div.location {
	width:25.5%;
	max-width:205px;
}

.search form div.price {
	width: 44.5%;
	max-width:360px;
	margin-left: 0;
}

.search form div.price input {
	width: 45%;
	max-width:165px;
}

.search form div.price label[for="search-maxPrice"] {
	font-style:italic;
	font-size:85%;
	margin-left:2%;
	margin-right:2%;
	visibility: visible;
	opacity: 1;
	z-index: 0;
	position: relative;
}

.search form div.size {
	width: 44.5%;
	max-width: 360px;
	margin-left: 2%;
}

.search form div.size input {
	width: 45%;
	max-width: 165px;
}

.search form div.size label[for="search-maxSize"] {
	font-style:italic;
	font-size:85%;
	margin-left:2%;
	margin-right:2%;

	visibility: visible;
	opacity: 1;
	z-index: 0;
	position: relative;
}

.search form > section div label {
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	position: absolute;
	top:0;
	left:0;
}

.search form .buttons {
	margin-top:20px;
}

.search form .buttons .button.super + .button.super {
	margin-left:5px;
}

.search form .buttons input[type="submit"],
#advanced-search input[type="submit"] {
	display: block;
	height:100%;
	width:100%;
	
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
/* 	visibility: hidden; */
	opacity: 0;
	filter:Alpha(opacity=0);
	cursor:pointer;
}
	
.search .link-list {
	margin:10px auto 5px;
}

.search .link-list a {
	color:#FFF;
}

/* --- Input Placeholders --- */

.search ::-webkit-input-placeholder { /* WebKit browsers */
    opacity: 0.6;
    font-style: italic;
}
.search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    opacity: 0.5;
    font-style: italic;
}
.search ::-moz-placeholder { /* Mozilla Firefox 19+ */
    opacity: 0.5;
    font-style: italic;
}
.search :-ms-input-placeholder { /* Internet Explorer 10+ */
    opacity: 0.6;
    font-style: italic;
}

/* ---------- Get Started Form ------------ */

#side-contact-form {
	
}

.medium-text {
	font-family: NuevaStd-bold, "Lucida Bright", Times, serif;
	font-size: 24px;
	line-height: 1.2;
}

#form-thank-you {
	text-align: center;
	background-color: #fff;
	padding: 20px;
}

/* ----------- Sidebar search ---------- */

.side .search {
	margin:0 auto;
}

.side .search h3 {
	position: relative;
	display: inline-block;
	padding-left:0;
	padding-right:0;
	padding-bottom:15px;
	line-height:1;
}

.side .search h3:after {
	content:"";
	display: block;
	height:7px;
	width:100%;
	
	background:url('../images/dots-pattern-gray.png') repeat-x left center;
	
	/*
	opacity: 0.35;
	filter:Alpha(opacity=35);
	*/
	
	position: absolute;
	bottom:5px;
	left:0;
}

.side .search h3 span {
	display:block;
	margin:0 auto;
	line-height:1;
	color: #333E60;
	font-style:italic;
}

.side .search form {
	background-color:#70706f;
	background-image:none;
	padding:20px 9%;
	border-radius:0;
}

.side .search .listings-checkbox {
	position: relative;
	display: block;
	width:auto;
	margin:0 auto;
	top:0;
	right:0;
}

.side .search form .search-inputs {
	margin-top:12px;
}

.side .search form .search-inputs input[type="text"], .side .search form .search-inputs input[type="email"] {
	height:35px;
}

.side .search form .search-inputs > div {
	display: block;
	width:100%;
	max-width:none;
	margin:0;
	font-size:86%;
}

.side .search form .search-inputs div.price input {
	width:45%;
}

.side .search form .search-inputs > div + div {
	margin-top:12px;
}

.side .search .buttons .button.super + .button.super {
	margin:10px 0 0;
}

.side .search .button.super, .side .search a.button.super {
	display: block;
	margin-top:10px;
	padding-left: 20px;
	padding-right: 60px;
}

#search-summary {
	margin:15px 0 30px;
}

#search-summary h4 {
	font-size:135%;
	line-height:1;
	margin:0 auto;
}

.side > .search > h3:first-child {
	display:block;
	margin:0 25px;
/*
	background-color:#343434;
	color:#FFF;
*/
	box-sizing:border-box;
	
}

#search-summary ol {
	list-style: none;
	padding:0;
	margin:0 auto 25px;
	
	text-align: center;
}

#search-summary ol li {
	display: block;
	max-width:240px;
	margin:3px auto;
	
/*
	border-left:1px solid #343434;
	border-right:1px solid #343434;
*/
}

#search-summary ol li a {
	color:#333E60;
}

/* ----------- Advanced search ---------- */

#advanced-search {
	margin:1em 0;
}
#advanced-search fieldset {
	border:none;
	float:left;
	width:46%;
	margin:0 4% 0 0;
	padding:0 0 1em;
}
#advanced-search legend {
	display:block;
	padding-left:1%;
	width:97%;
	font-size:140%;
	line-height:1.5;
	border-bottom:4px double #bfc9d7;
}
#advanced-search fieldset p {
	margin:0.6em 0 0.6em 7.5em;
	line-height:2.8;
}
#advanced-search label:first-child {
	display:inline-block;
	font-weight:bold;
	float:left;
	font-size:85%;
	min-width:7em;
	margin-left: -8.5em;
	margin-top: 0.3em;
}

#advanced-search .center {
	clear:both;
}

#advanced-search select {
	min-width:10em;
	max-width:25em;
	width:85%;
}
#advanced-search #mlsNum,
#advanced-search #address {
	max-width:12em;
	width:50%;
}
#advanced-search label[for="mlsNum"],
#advanced-search label[for="address"] {
	display:inline-block;
	width:4em;
}

#advanced-search input[type="text"] {
	min-width:3em;
	max-width:6em;
	width:25%;
}

#advanced-search input[type="text"],
#advanced-search select {
	border: 0.3em solid #eae9e8;
}

#advanced-search .nowrap {
	white-space:nowrap;
}

#advanced-search fieldset:nth-child(odd) {
	clear:left;
}

/* That EULA link... */
#advanced-search .center u {
	white-space:nowrap;
}

/* ----- Main Content Styles ------ */

.content {
	margin:0 auto;
	padding:35px 0;
	max-width:980px;
	color:#343434;
}

.content > h1, .content > h2, .content .col > h1, .content .col > h2 {
	font-size:200%;
	line-height:1.1;
	margin:0;
	text-transform: capitalize;
	/* 	color:#343434; */
}

.content > p, .col > p, .content > ul, .col > ul {
	font-size:88%;
}

.content > figure, .col > figure {
	margin:0;
}

.content > figure img, .col > figure img {
	box-sizing:border-box;
	border:5px solid #eae9e8;
}

.c21-watermark {
	position: relative;
	display: inline-block;
	width:100%;
	z-index: 0;
}

.c21-watermark:after {
	content:url('../images/c21_logo.png');
	opacity: 0.5;
	
	position: absolute;
	top:10px;
	right:10px;
}

.link-list {
	max-width:980px;
	margin:0 auto;
}

.link-list a {
	position: relative;
	font-size:70%;
	opacity: 0.8;
}

.link-list a + a {
	margin-left:16px;
}

.link-list a + a:after {
	content:"";
	color:inherit;
	height:14px;
	width:1px;
	background-color:#FFF;
	
	position: absolute;
	right:100%;
	margin-right:10px;
	top:50%;
	margin-top:-6px;
}

.text-link, a.text-link, a.text-link:link, a.text-link:visited {
	display: inline-block;
	position: relative;
	font: 130% NuevaStd-bold, "Lucida Bright", Times, serif;
	color:#343434;
}

.text-link:after, a.text-link:after, a.text-link:link:after, a.text-link:visited:after {
	content:"\000BB";
	font-size:275%;
	line-height:0;
	
	position: relative;
	top:10px;
	/*
	top:50%;
	margin-top:-25px;
	left:100%;
	*/
	margin-left:10px;
	
	-webkit-transition:all 0.25s ease 0s;
	transition:all 0.25s ease 0s;
}

.text-link:hover:after, a.text-link:hover:after, a.text-link:active:after {
	margin-left:16px;
	
	-webkit-transition:all 0.25s ease 0s;
	transition:all 0.25s ease 0s;
}

.text-link.small, a.text-link.small {
	font: 100% Verdana, Geneva, Arial, sans-serif;
	color:#FFF;
}

.text-link.small:after, a.text-link.small:after {
	font-size:140%;
	top:3px;
}

.content p + .text-link, .content p + a.text-link {
	margin-top:10px;
}

/* ----- Specialties / Property Categories ----- */

.specialties {
	background-color:#eae9e8;
	padding:25px 0;
	text-align: center;
}

.specialties h3 {
	position: relative;
	display:block;
	margin:0 auto 20px;
	max-width:980px;
	font-size:210%;
	color:#343434;
	/* background-color:#eae9e8; */
	background:url('../images/dots-pattern.png') repeat-x left center;
	z-index: 0;
}

.specialties h3 span {
	position: relative;
}

.specialties h3 span:after {
	content:"Our Specialties";
	color:transparent;
	display: inline-block;
	width:100%;
	padding:10px;
	
	background-color:#eae9e8;
	
	position: absolute;
	top:0;
	left:-8px;
	
	z-index: -1;
}

.specialties ul {
	list-style: none;
	margin:0;
	padding:0;
}

.specialties ul li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width:32%;
	
	height:250px;
	box-sizing:border-box;
	padding:3%;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

.specialties ul li:hover {
	padding:0;
	
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

.specialties ul li:hover article h4 {
	margin-top:20%;
}

.specialties ul li:nth-child(3n-1) {
	margin-left:2%;
	margin-right:2%;
}

.specialties ul li.commercial {
	background-image:url('../images/commercial.jpg');
}

.specialties ul li.residential {
	background-image:url('../images/residential.jpg');
}

.specialties ul li.residential article h4 {
	margin-top:25%;
}

.specialties ul li.vacant {
	background-image:url('../images/vacant.jpg');
}

.specialties ul li a {
	display: inline-block;
	height:100%;
	width:100%;
}

.specialties ul li article {
	display: inline-block;
	height:100%;
	width:100%;
	
	box-sizing:border-box;
	padding:10%;
	background-color:rgba(52,52,52,0.8);
}

.specialties ul li h4 {
	font-size:155%;
	margin:15% auto 0;
	color:#FFF;
}

.specialties ul li a:hover .text-link:after, .specialties ul li a:active .text-link:after {
	margin-left:16px;
}

/* ---- Testimonial Slider ----- */

.testimonial-slider {
	background-color:#70706f;
	min-height:275px;
}

.testimonial-slider nav, .featured-prop nav {
	position: relative;
	margin: 25px auto 25px;
	padding-top:35px;
	display: block;
	max-width:980px;
	text-align: center;
	
}

.testimonial-slider nav a, .featured-prop nav a {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font:490% NuevaStd, "Lucida Bright", Times, serif;
	line-height:0;
	color:#FFF;
	
	padding:25px 10px 12px 10px;
	
/*
	height:25px;
	width:40px;
*/
	background-color:#333E60;
}

.testimonial-slider nav a:hover, .testimonial-slider nav a:active {
	background-color:#333E60;
}

.testimonial-slider ul {
	margin:0 auto;
	max-width:980px;
	padding:0;
}

.testimonial-slider ul li {
	display: none;
	opacity: 0;
	visibility: hidden;
	
	position: relative;
	text-align: center;
}

.testimonial-slider ul li.sel {
	display: block;
	visibility: visible;
	opacity: 1;
}

.testimonial-slider ul li q {
	position: relative;
	display: block;
	
	box-sizing:border-box;
	padding-left: 120px;
	padding-right: 120px;
  color: #FFF;
	font-size:90%;
	opacity: 0.8;
}

.testimonial-slider ul li q:before, .testimonial-slider ul li q:after {
	font:1150% "Times New Roman", Times, serif;
	opacity: 0.5;
	
	position: absolute;
	top:50%;
	margin-top:-65px;
	color:#333E60;
}

.testimonial-slider ul li q:before {
	left:0;
}

.testimonial-slider ul li q:after {
	right:0;
}

.testimonial-slider ul li div {
	position: relative;
	display: inline-block;
	font: 145% NuevaStd, "Lucida Bright", Times, serif;
	margin:25px auto;
	color:#333E60;
}

.testimonial-slider ul li div:after {
	content:"-";
	
	position: absolute;
	top:50%;
	margin-top:-14px;
	right:100%;
	margin-right:5px;
}

.testimonial-slider ul li div span {
	font-size:130%;
	line-height:1;
	vertical-align: top;
}

/************************************************************
Testimonials */

.testimonials {
	margin:0 0 1em 0;
}
.testimonials blockquote {
	padding:0 0 0 2.5em;
	margin:2em 0 0.5em 0;
	position:relative;
	/*font-style:italic;*/
}
.testimonials cite {
	display:block;
	font-size:9pt;
	margin:0 0 1em 3em;
}
.testimonials blockquote:before {
	content:'\201C';
	position:absolute;
	left:-0.1em;
	top:0.3em;
	color:#E2E1DE;
	font:72pt/1px "Times New Roman", Times, serif;;
}

/* -------------- Sub page styles --------------- */

.sub-banner {
	background:url('../images/banners/sub/sub-banner1.jpg') no-repeat center center scroll;
	background-size:cover;
	padding:30px 0;
	background-attachment:scroll;
	
}

.sub-banner.two {
	background-image:url('../images/banners/sub/sub-banner3.jpg');
	padding:30px 0;
	
}

.sub-banner.three {
	background-image:url('../images/banners/sub/sub-banner2.jpg');
	padding:30px 0;
}

.sub-banner > article {
	max-width:980px;
	margin:0 auto;
	text-align: left;
}

.sub-banner article > h1 {
	position: relative;
	display: inline-block;
	margin:0;
	font-size: 285%;
	color:#343434;
	background-color:rgba(255,255,255,0.8);
	border-radius:3px;
	padding:25px 40px 30px;
	min-width:400px;
	text-align: center;
}

.sub-banner article > h1:after {
	content:"";
	display: block;
	height:7px;
	width:66%;
	
	background:url('../images/dots-pattern.png') repeat-x left center;
	
	position: absolute;
	
	left:17%;
}

#breadcrumb {
	margin:10px auto 0;
	max-width:980px;
	
}

.col #breadcrumb {
	margin:0 auto;
}

#breadcrumb ul {
	list-style: none;
	padding:0;
	margin:0;
}

#breadcrumb ul li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

#breadcrumb ul li + li {
	padding-left:15px;
}

#breadcrumb ul li + li:after {
	content:"\000BB";
	font: 85%/1 Verdana, Geneva, Arial, sans-serif;
	
	position: absolute;
	left:0;
	top:50%;
	margin-top:-6px;
}

#breadcrumb ul li a {
	font: italic 75% Verdana, Geneva, Arial, sans-serif;
	color: #343434;
	font-weight:bold;
	
}

/***************************************************************
Find a property Page */

.prop-list-nav h5 {
	margin:0 auto;
	line-height:1;
	margin-top:-1px;
	text-align: right;
}

.prop-list-nav form {
	display: inline-block;
}

.prop-list-nav select {
	background-color:#F0F2F3;
	border:2px solid #EAEDEE;
	padding:3px 5px;
	border-radius: 2px;
	color:#343434;
}

.prop-list-nav {
	position: relative;
	padding:10px 0 10px;
	margin:10px 0 10px;
	color:#343434;
}

.prop-list-nav:before, .prop-list-nav:after {
	content:"";
	display: block;
	height:7px;
	width:100%;
	background:url('../images/dots-pattern-gray.png') repeat-x left center transparent;
	opacity: 0.5;
	filter:Alpha(opacity=50);
	
	position: absolute;
	left:0;
}

.prop-list-nav:before {
	top:0;
}

.prop-list-nav:after {
	bottom:0;
}

.prop-list-nav label {
	font-size:75%;
}

.prop-list-nav input {
	padding:0;
}

.prop-list-nav label[for="limit"] {
	margin-left:5px;
}

.prop-list-nav nav {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right:0;
}
.prop-list-nav nav ul {
	list-style: none;
	padding:0;
	margin:0;
}
.prop-list-nav nav li {
	display: inline-block;
}

.prop-list-nav nav a {
	color: #343434;
	font-size:70%;
	vertical-align: middle;
}
.prop-list-nav nav a[title="Next"], .prop-list-nav nav a[title="Previous"], .prop-list-nav nav li strong, .prop-list-nav nav a:hover, .prop-list-nav nav a :active {
	color:#343434;
	font-weight:bold;
	font-size:70%;
	margin-right:-1px;
}

.prop-list-nav nav a[title="Next"], .prop-list-nav nav a[title="Previous"] {
	font-size:110%;
	border:2px solid #EAEDEE;
	padding:0 2px;
	border-radius:2px;
}

.prop-list-nav nav a[title="Next"]:hover, .prop-list-nav nav a[title="Next"]:active, .prop-list-nav nav a[title="Previous"]:hover, .prop-list-nav nav a[title="Previous"]:active {
	background-color:#F0F2F3;
}

/*** -------- Main List of Properties -------- ***/

.properties-list {
	list-style: none;
	padding:0;
}

.properties-list > li {
	display: inline-block;
	vertical-align: top;
	box-sizing:border-box;
	padding: 16px;
	background-color:#eae9e8;
	min-height:380px;
	
	width:48%;
}
.properties-list > li:nth-child(2n) {
	margin-left:2.75%;
}
.properties-list > li:nth-child(1n+3) {
	margin-top:25px;
}

.properties-list > li a {
	display: inline-block;
	height:100%;
	width:100%;
	color:#343434;
}

/* .view class hover styles */
.view {
	position: relative;
	display: inline-block;
	-webkit-transition:opacity 0.2s ease 0s;
	transition:opacity 0.2s ease 0s;
}

.view:hover:after, .view:active:after {
	content:"";
	display: inline-block;
	height:85px;
	width:85px;
	border-radius:50%;
	
	background-image:url('../images/eye.png');
	background-repeat:no-repeat;
	background-position: center center;
	background-color:rgba(255,255,255,0.75);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bffffff', endColorstr='#4bffffff', GradientType=0);
		
	position: absolute;
	left:50%;
	margin-left:-42px;
	top:50%;
	margin-top:-42px;
}

/* specifics for properties list items */

.properties-list .view:hover:after, .properties-list .view:active:after {
	top:75px;
	margin-top:auto;
}

/*---*/

.properties-list > li figure {
	position: relative;
	margin:0;
	width:100%;
}

.properties-list > li figure figcaption {
	display: inline-block;
	width:220px;
	box-sizing:border-box;
	padding:8px;
	margin:0 auto;
	background-color:#333E60;
	color: #FFF;
	text-align: center;
	font: bold 80% Verdana, Geneva, Arial, sans-serif;
	
	position: absolute;
	top:0;
	left:50%;
	margin-left:-110px;
}

.properties-list > li .main-info {
	font-size:90%;
	background:url('../images/nwwi-mls.gif') no-repeat right 10px transparent;
	box-sizing:border-box;
	padding-right:85px;
	min-height:90px;
	margin-bottom:8px;
}

.properties-list > li.c21metro .main-info {
	background-image:url('../images/c21_logo_blue.png');
}

.properties-list > li .main-info address {
	font-weight:bold;
}

.properties-list > li .main-info span {
	display: block;
	margin-top:14px;
}

.properties-list > li .main-info figure { /* maybe just use background on .main-info instead? */

}

.properties-list > li .info-list {

}

.properties-list > li .info-list ul {
	display: block;
	text-align: center;
	list-style: none;
	padding:3px 0 8px;
	margin:0;
	background-color:#333E60;
}

.properties-list > li .info-list ul li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size:78%;
	line-height:1;
	/* font-weight:bold; */
}

.properties-list > li .info-list ul li + li {
	margin-left:20px;
}

.properties-list > li .info-list ul li + li:after {
	content:"";
	display: inline-block;
	height:170%;
	width:1px;
	background-color:#343434;
	
	opacity: 0.5;
	filter:Alpha(opacity=50);
	
	position: absolute;
	top:-35%;
	right:100%;
	margin-right:12px;
}

.properties-list > li .info-list ul:first-child {
	background-color:#333E60;
}

/* Payment calculator callout */
.side .link-callout {
	margin-top:35px;
	width:100%;
}
.side .link-callout a {
	box-sizing:border-box;
	padding-left: 27%;
}
.side .link-callout img {
	position: absolute;
	top:50%;
	margin-top:-30px;
	left:8%;
}

.link-callout {
	position: relative;
	display: inline-block;
	background-color:#343434;
	white-space: nowrap;
	z-index: 0;
}

.link-callout.small a {
	padding:15px 7%;
}

.link-callout.small img {
	max-height:46px;
}

.link-callout.small span {
	max-width:130px;
	font-size:130%;
	margin-bottom:-5px;
}

.link-callout.small span:after {
	font-size:55px;
}

.link-callout:after {
	content:"";
	display: block;
	width:100%;
	height:100%;
	background:url('../images/residential_bg.png') repeat-x center bottom/100% auto;
	opacity: 0.15;
	filter:Alpha(opacity=15);
	
	position: absolute;
	top:0;
	left:0;
	z-index: -1;
}

.link-callout a {
	display: inline-block;
	height:100%;
	width:100%;
	box-sizing:border-box;
	padding:20px 8%;
}

.link-callout img {
	display: inline-block;
	vertical-align: middle;
}

.link-callout span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width:221px;
	box-sizing:border-box;
	margin-left:8px;
	padding-right: 40px;
	color:#FFF;
	font: 180%/1 NuevaStd, "Lucida Bright", Times, serif;
	white-space: normal;
	margin-bottom:-9px;
}

.link-callout span:after {
	content:"\000BB";
	font-size: 190%;
	line-height:0.8;
	text-align: center;
	display: inline-block;
	height:36px;
	width:34px;
	padding-left:2px;
	border-radius:50%;
	
	color:#FFF;
	background-color:#333E60;
	
	position: absolute;
	top:50%;
	margin-top:-21px;
	right:2px;
}

.link-callout + .link-callout {
	margin-left:15px;
}

/* Featured properties slider */

.side .featured-prop {
	margin-top:30px;
}

.featured-prop {
	position: relative;
	background-color:#eae9e8;
	box-sizing:border-box;
	padding:20px 15px;
	text-align: center;
	font-size: 90%;
}

/* also uses styles from testimonial slider... */

.featured-prop nav {
	margin:0;
	padding:0;
	height:35px;
	width:89%;
	max-width:260px;
	position: absolute;

}
.featured-prop nav a {
	padding: 22px 7px 9px 7px;
	background-color: #333E60;
	
	position: absolute;
	top:0;
}
.featured-prop nav a#prev-prop {left:0;}
.featured-prop nav a#next-prop {right:0;}
.featured-prop nav a:hover, .featured-prop nav a:active {
	background-color: #333E60;
}

.featured-prop h5 {
	margin:0;
	color:#343434;
	display: block;
	box-sizing:border-box;
	font-size:195%;
	line-height:1;
	padding: 0 30px;
}

.featured-prop ul {
	display: block;
	margin: 0 auto;
	list-style: none;
	padding:0;
}

/* styles for 'slider' functionality */

.featured-prop {
	overflow: hidden;
}

.featured-prop section {
	overflow: hidden;
}

.featured-prop ul {
	white-space: nowrap;
	/* overflow: hidden; */
}

.featured-prop li {
	display: inline-block;
	max-height:270px;
	height:100%;
	max-width:260px;
	width:100%;	
}

/* ------ */

.featured-prop li a {
	display: inline-block;
	height:100%;
	width:100%;
}

.featured-prop li figure {
	margin:10px 0 0;
}
.featured-prop li figure img {
	vertical-align: bottom; /* fix for inexplicable margin under img */
}
.featured-prop li figcaption {
	color:#FFF;
	background-color:#333E60;
	box-sizing:border-box;
	padding:6px;
	overflow: hidden;
}

.featured-prop li figcaption span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size:105%;
}

.featured-prop li figcaption span + span {
	margin-left:25px;
}

.featured-prop li figcaption span + span:after {
	content:"";
	display: inline-block;
	height:84%;
	width:2px;
	background-color:#FFF;
	
	position: absolute;
	top:8%;
	right:100%;
	margin-right:12px;
}

.featured-prop li figcaption address {
	font-size: 86%;
	margin-top:2px;
}

.directions {
	position: relative;
	
}


/************************************************************
Properties Details Page */

.directions {
	box-sizing:border-box;
	padding-right:388px;
}

#map-canvas.large {
	width:100%;

	height:295px;
	border-right:none;
/* 	padding-bottom:30%; */
}

#prop-details {
	position: relative;
}

#prop-details h3 {
	margin:0 auto;
	line-height:1;
}

#prop-details p {
	font-size:90%;
}


/* Photos Section */

.mainPhoto {
	margin:0;
	display: inline-block;
	max-width:388px;
	/* box-sizing: border-box; */
	position: absolute;
	top:0;
	right:0;
	height:295px;
}

.mainPhoto a, .photos.mainPhoto a {
	max-width:none;
	height:100%;
}

.mainPhoto img {
	max-height:100%;
	width:100%;
	/* border: 5px solid #eae9e8; */
}

ul.photos {
	list-style: none;
	padding:0;
	margin:0;
}

.photos a {
	border: 5px solid #eae9e8;
}

.photos li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.content ul.photos {
	margin-bottom:30px;
}

.photos a {
	display: inline-block;
	max-width:190px;
	box-sizing:border-box;
}

.photos a + a {
	margin-top:10px;
}

.photos a img {
	vertical-align: bottom;
}

/* Property photos slider */

#photo-slider {
	margin-top:25px;
	position: relative;
	overflow: hidden;
}

#photo-slider nav {
	margin:0 auto;
	width:100%;
	position: absolute;
	top:50%;
	margin-top:-23px;
	
	z-index: 2;
}

#photo-slider nav a {
	position: absolute;
	top:0;
	margin-top:-10px;
}

.slide-button {
	display: inline-block;
	box-sizing:border-box;
	padding:10px 10px;
	height:45px;
	width:50px;
	text-align: center;
	font: 500%/0.5 NuevaStd-bold,"Lucida Bright",Times,serif;
	color:#343434;
	background-color:#eae9e8;
	
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

.slide-button:hover, .slide-button:active {
	color:#333E60;
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

#prev-photo {
	left:6px;
}
#next-photo {
	right:0;
}

#photo-slider ul {
	white-space: nowrap;
}

#photo-slider ul li {

	margin-left:6px;
}

/* Navigation buttons and "results" header */

#next-prev {
	display: block;
	height:35px;
	width:100%;
	position: relative;
}

#next-prev .button.prev, #next-prev .button.next {
	
	position: absolute;
	top:0;
	left:0;
	
}
#next-prev .button.super.next, #next-prev span.button.next {
	right:0;
	left:auto;
}

#next-prev h3 {
	position: relative;
	display: block;
	margin:0 auto;
	box-sizing:border-box;
	padding:10px 200px;
	font: italic 70% Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	z-index: 0;
}

#next-prev h3 span {position: relative;}
#next-prev h3 span:after {
	content:"";
	display: block;
	height:100%;
	width:100%;
	padding:10px;
	background-color:#FFF;
	position: absolute;
	top:-10px;
	left:-10px;
	z-index: -1;
}

#next-prev h3:after {
	content:"";
	display: block;
	height:7px;
	width:100%;
	max-width:560px;
	background:url('../images/dots-pattern-gray.png') repeat-x left center;
	opacity: 0.4;
	filter:Alpha(opacity=40);
	
	position: absolute;
	top:50%;
	margin-top:-2px;
	left:50%;
	margin-left:-280px;
	z-index: -2;
}

#next-prev .button.super {
	font-size:120%;
	line-height:1;
	padding-right:70px;
	padding-left:25px;
}

#next-prev .button.super:after {
	line-height:165%;
	font-size:350%;
	margin-top:-50px;
}

#next-prev .button.super.prev {
	padding-left:70px;
	padding-right:30px;
}

#next-prev .button.super.prev:after {
	content:"\000AB";
	padding-left:0;
	padding-right:20px;
	right:auto;
	margin-right:auto;
	left:0;
	margin-left:-88px;
	
	text-align: right;
}

#next-prev .button.super.prev:hover:after, #next-prev .button.super.prev:active:after {
	padding-left:0;
	padding-right:95%;
}

#next-prev span.button.prev, #next-prev span.button.next {
	opacity: 0.5;
	filter:Alpha(opacity=50);
	cursor:default;
	background-color:#333E60;
	color:#183E4D;
	padding:8px 25px 5px;
}

#next-prev span.button.prev:after, #next-prev span.button.next:after {
	display: none;
}

/* action icons (print, share, etc.) */

.actions ul {
	list-style: none;
	padding:0;
	margin:20px auto;
	text-align: center;
}

.actions ul li {
	display: inline-block;
	vertical-align: middle;
}

.actions ul li + li {
	margin-left:12px;
}

.actions ul li a {
	display: inline-block;
	height:55px;
	width:55px;
	border-radius:50%;
	background:url('../images/property_icon_sprite.png') no-repeat 0 0;

	text-align: left;
	text-indent: -9999px;
}

.actions ul li.share a {background-position: 0 0;}
.actions ul li.print a {background-position: -57px 0;}
.actions ul li.email a {background-position: -114px 0;}

/* Property Header */

.prop-header {
	list-style: none;
	padding:0;
	margin:0 0 20px;
	text-align: center;
}

.prop-header li {
	display: inline-block;
	vertical-align: middle;
	font: 160% NuevaStd-bold, "Lucida Bright", Times, serif;
}

.prop-header li + li {
	position: relative;
	margin-left:40px;
}

.prop-header li + li:after {
	content:"\000B7";
	vertical-align: middle;
	font-size:175%;
	line-height:1.1;
	
	position: absolute;
	top:0;
	margin-top:-5px;
	right:100%;
	margin-right:20px;
}

/* Detail tables - force into two columns */

#prop-detail section.stats tbody {
	display:block;

	-moz-column-count:2;
	-webkit-column-count:2;
	-ms-column-count:2;
	column-count:2;
}
#prop-detail section.stats tr {
	display:table;
	width:100%;

	-webkit-column-break-inside:avoid;
	break-inside:avoid-column;
}
#prop-detail section.stats th {
	width:8em;
}

.details .col.half p {
	margin:5px 0;
}

#email-property input[type="text"],
#email-property input[type="email"],
#email-property textarea {
	border: 0.3em solid #eae9e8;
	width: 50%;
}

#email-property label {
	vertical-align: middle;
	display: inline-block;
	font-weight: bold;
	width: 12em;
}

#email-property label[for="emailComments"] {
	vertical-align: top;
}

/*-----------------------------------------------------------
Staff Page */

.content.staff {
	max-width:none;
}

.staff-list {
	list-style: none;
	padding: 0;
	margin: 0;
	min-height: 315px;
}

.staff-list li {
	list-style: none;
}

.staff-list > li {
	list-style: none;
	padding-top: 30px;
}

.staff-list > li.alt {
	background-color: #eae9e8;
	min-height: 315px;
	padding:  20px 3% 20px;
	text-align: right;
	
}

.staff-list img {
	border-radius: 50%;
	border: 4px solid #eae9e8;
	float: left;
	margin-right: 20px;
	vertical-align: middle;
}

.alt img {
	float: right !important;
	margin: 20px 0px 35px 20px;
	/*border: 4px solid #ffffff;*/
	
}
.staff-list h2 {
	margin: 0 auto;
	font-size:250%;
}
.staff-list h4 {
	margin-bottom: 0;
	margin-top: 5px;
}
.title {
	color: #333E60;
}

.staff-list li.phone, .staff-list li.phone h4 {
	font: 100% Verdana, Geneva, Arial, sans-serif;
}
.bioW {
	min-height: 315px;
	padding-bottom: 30px;
}
.bioW a {
	/* margin-left: 10px; */
}

/*-----------------------------------------------------------
Tables */

table {
	width:100%;
	margin:1em 0;
	border-collapse:collapse;
}
table caption {
	font-size:140%;
	text-align:left;
	margin:0.7em 0 0.3em;
}
/*
table thead {
	font-size:140%;
}
*/
table thead th {
	text-align:left;
	font-weight:normal;
	padding:0 0 0.2em;
}
table tbody th,
table tbody td {
	text-align:left;
	padding:0.75em 1em;
	font-size:75%;
}
table tbody tr:nth-child(odd) {
	background:#eae9e8;
}

.stats h4, .details h4, .header {
	font:130%/1 NuevaStd-bold,"Lucida Bright",Times,serif;
	margin:0 auto;
	color:#343434;
}

caption.header {
	margin-bottom:10px;
}

.stats .col.half {
	width:47.75%;
}
.stats .col.half + .col.half {
	margin-left:2%;
}

.stats + .details {
	margin-top:15px;
}

.agency-listing h5 {
	font-size:110%;
	margin:30px auto 0;
}

#prop-details .agency-listing p {
	margin:5px 0;
	font-size:75%;
	font-weight:bold;
}

/* ----- dot border ----- */

.dots-border {position: relative;}
.dots-border:after {
	content:"";
	display: block;
	background:url('../images/dots-pattern-gray.png') repeat left center;
	opacity: 0.5;
	filter:Alpha(opacity=50);
	
	position: absolute;
}

#disclaimer {
	padding-top:20px;
	margin-top:20px;
}
#disclaimer:after {
	width:100%;
	height:7px;
	
	bottom:100%;
	left:0;
}
#prop-details .photos + .col.half:after {
	height:94%;
	width:8px;
	
	top:3%;
	left:100%;
	margin-left:3.5%;
	
	background-position: center top;
}

.col.half + .col.half .details + .details {
	padding-top:12px;
	margin-top:30px;
}

.col.half + .col.half .details + .details:after {
	width:95%;
	height:7px;

	top:0;
	left:2%;
}

#disclaimer .col.half + .col.half {
	font-size:85%;
}

.disclaimer-icon {
	float:left;
	margin:5px 25px 5px 5px;
}

#disclaimer .link-callout {
	
}

/* -------- Bryan Raven - Agent Details Box -------- */

.agent-details {
	background-color:#70706f;
	box-sizing:border-box;
	padding: 15px;
	color:#FFF;
	margin-top:25px;
}
	
.agent-details > section {
	position: relative;
	padding-left:205px;
	box-sizing:border-box;
	min-height:160px;
	margin-bottom:8px;
}

.agent-details figure {
	display: inline-block;
	margin:0;
	position: absolute;
	left:0;
	top:0;
	width:190px;
}

.agent-details figure img {
	vertical-align: bottom;
}

.agent-details h3 {
	position: relative;
	color:#333E60;
	font-weight:lighter;
	padding-bottom:15px;
}	

.agent-details h3:after {
	content:"";
	display: block;
	height:7px;
	width:100%;
	
	background:url('../images/dots-pattern-gray.png') repeat-x left center;
	
	opacity: 0.35;
	filter:Alpha(opacity=35);
	
	
	position: absolute;
	bottom:5px;
	left:0;
}

.agent-details div .agent-name {
	display: block;
	margin:0;
	font-style:italic;
	font-size:120%;
	
	/* */
	line-height:1;
}

.agent-details div small {
	display: block;
	margin:8px 0;
	font-size:75%;
	font-style:italic;
}

.agent-details div span {
	display: block;
	font-size:100%;
	font-style:normal;
	margin:6px 0 10px;
}

.agent-details div span > a {
	font-weight:bolder;
	color:inherit;
}

.agent-details a.button {
	margin-left:15%;
}

/************************************************************
Contact Page */

#map-canvas {
	width: 100%;
	height: 250px;
	border: 5px solid #eae9e8;
	box-sizing:border-box;
}

/*************************************************************
About Page */

.side-callout {
	margin-top:30px;
	background-color:#eae9e8;
	box-sizing:border-box;
	padding: 20px;
	border-radius:5px;
	text-align: center;
}

.side-callout h3 {
	margin:0 auto;
	line-height:1;
	font-size:200%;
}
.side-callout h3 span {
	font-size:135%;
}

.side-callout p {
	margin-top:5px;
	font-size:105%;
}
.side-callout p span {
	color:#333E60;
	text-transform:uppercase;
	font-weight:bold;
}

.side-callout .button {
	font-weight:bold;
}

/* ----- Specialties ----- */

.specialties-about {
	background-color:#70706f;
	padding:5px 0;
	text-align: center;
}

.specialties-about h4 {
	font-size:120%;
	
}

.specialties-about h2 {
	color:#fff;
}


.specialties-about h3 {
	position: relative;
	display:block;
	margin:0 auto 20px;
	max-width:980px;
	font-size:210%;
	color:#343434;
	/* background-color:#eae9e8; */
	background:url('../images/dots-pattern.png') repeat-x left center;
	z-index: 0;
}

.specialties-about > h4 {
	margin-top:4px;
	margin-bottom:14px;
	color: #343434;
}

.specialties-about h3 span {
	position: relative;
}

.specialties-about h3 span:after {
	content:"Our Specialties";
	color:transparent;
	display: inline-block;
	width:100%;
	padding:10px;
	
	background-color:#eae9e8;
	
	position: absolute;
	top:0;
	left:-8px;
	
	z-index: -1;
}

.specialties-about ul {
	list-style: none;
	padding:0;
}

.specialties-about ul li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

.specialties-about ul li + li {
	 margin-left:25px;
}

.specialties-about ul li:hover {
	-o-transform:scale(1.07); 
	-moz-transform:scale(1.07);
	-webkit-transform:scale(1.07);
	-ms-transform:scale(1.07);
	transform:scale(1.07);
	
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

.specialties-about ul li:hover article {
	background-color:#333E60;
	
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

.specialties-about ul li a {
	display: inline-block;
	height:100%;
	width:100%;
	color:inherit;
}

.specialties-about ul li article {
	display: inline-block;
	width:160px;
	height:160px;
	box-sizing:border-box;
	padding:10px;
	
	box-sizing:border-box;
	padding:10%;
	/*background-color:rgba(52,52,52,0.8);*/
	/*background-color: #74963A;*/
	background-color:#333E60;
	border-radius:50%;
	
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

.specialties-about ul li article img {
	margin:10px auto;
}

.specialties-about ul li h4 {
	line-height:1;
	margin-top:15px;
	color: #fff;
}

.awards {
	margin-bottom:20px;
}

.award-list {
	list-style: none;
	margin:0;
	padding:0;
}

.award-list li {
	clear:both;
	overflow: hidden;
}

.award-list li p {
	margin:3px 0;
}

.award-list li + li {
	margin-top:14px;
}

.ribbon {
	float:left;
	padding-right:10px;
}

.about-pic {
	border: 5px solid #eae9e8;
}

.homepage-video {
	position: relative;
	display: inline-block;
	width:100%;
	height:0;
	max-width:430px;
	overflow: hidden;
	padding-bottom: 83.5%;
}

.video-container,
.video-container div {
	position: absolute !important;
	top:0 !important;
	left:0 !important;
	height:100% !important;
	width:100% !important;
}

.video-container > img {
	border:5px solid #DDD;
	background-size:cover;
	box-sizing:border-box;
}

.video-container > div > div:before,
.video-container > div > div:after {
	content:"";
	position: absolute;
	top:50%;
	left:50%;
	
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.video-container > div > div:before {
	display: inline-block;
	height:70px;
	width:70px;
	background-color:rgba(255,255,255,0.7);
	border-radius: 50%;
	z-index: 1;
	
	transition:all 0.3s ease 0s;
}
.video-container > div > div:after {
	display: inline-block;
	border-left:18px solid #444;
	border-top:14px solid transparent;
	border-bottom:14px solid transparent;
	margin-left:3px;
	z-index: 2;
}

.video-container > div > div:hover:before {
	background-color:#FFF;
}

/***************************************************************
****************************************************************
RESPONSIVE *****/

#nav-jump, #nav-close {
	display: none !important;
}

@media screen and (max-width:1000px) {
	
	/*----------------------Header / Navigation-----------------------*/
	
	/*----------------------Content / Layout -------------------------*/
	
	/* ------------------------- Footer -----------------------------*/
	
}

@media screen and (max-width:980px) { /* Add fluid styles -- target res for desktops */
	
	.content, .contain, #breadcrumb, .sub-banner, .testimonial-slider ul, #foot-nav ul:first-child, #foot-nav ul.extern-links {
		box-sizing:border-box;
		padding-left:2%;
		padding-right:2%;
	}
	
	/* make a few exceptions */
	.content.staff {
		padding-left:0;
		padding-right:0;
		padding-top:5px;
	}
	
	/* minimized header to conserve space */
	body > header > section {
		padding-left:280px;
		padding-right:2%;
	}
	
	body > header > section > article > .logo.raven {
		margin-left:12px;
	}
	body > header > section > article > .logo.raven:after {
		left:-12px;
	}
	
	body > header > section > article {
		left:2%;
	}
	
	body {
		padding-top:108px;
	}
	
	#main-nav > ul > li + li {
		margin-left:12px;
	}
	#main-nav > ul > li + li:after {
		content:none;
	}
	
	#main-nav > ul > li > a {
		padding-bottom:10px;
	}
	
	#foot-nav ul:first-child {
		margin-bottom:15px;
	}
	
	/*----------------------Header / Navigation-----------------------*/
	
	/*----------------------Content / Layout -------------------------*/
	
	.side .search form {
		padding:15px 6%;
	}
	
	/* ------------------------- Footer -----------------------------*/
	
	#bottom > section .logo.raven2 {
		left:1.5%;
	}
	
	#bottom > section .logos {
		right:1.5%;
	}
}

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

	/*----------------------Header / Navigation-----------------------*/
	
	/* force main-nav onto two lines */
	body {
		padding-top:147px;
	}
	
	body > header > section {
		
	}
	
	#main-nav {
		text-align: right;
		transition:none;
	}
	
	#main-nav > ul {
		max-width:340px;
		display: inline-block;
	}
	
	
	/*----------------------Content / Layout -------------------------*/
	
	
	/* ------------------------- Footer -----------------------------*/
}

@media screen and (max-width:768px) { /* transition to single column layout */

	/*----------------------Header / Navigation-----------------------*/
	
	/* shift header layout  - top nav under logos */
	
	body {
		padding-top:120px;
	}
	
	body > header > section {
		height: 115px;
	}
	
	body > header > section > article {
		top:10px;
		margin-top:0;
	}
	
	#top-nav {
		margin:0;
		display: inline-block;
		
		position: absolute;
		bottom:9px;
		left:2%;
	}
	
	#top-nav > ul {
		min-width:155px;
		margin:0;
	}
	
	/* Center navigation items */
	
	#main-nav {
		padding-top:25px;
		text-align: center;
	}
	
	#main-nav > ul {
		text-align: center;
	}
	
	#main-nav ul > li:hover ul {
		margin-left:-62px;
	}
	
	#main-nav ul ul {
		padding:7px 9px;
	}
	
	
	/*----------------------Content / Layout -------------------------*/
	
	.content {
		padding:20px 2%;
	}
	
	.col {
		display: block;
	}
	
	.col + .col, .half + .half {
		margin:25px 0 0;
	}
	
	.main, .side, .half {
		margin:0 auto;
		max-width:none;
		width:100%;
	}
	
	.homepage-video {
		margin:0 auto;
		width:59%;
		padding-bottom:49.5%;
	}
	
	.about-pic {
		display: block;
		margin:10px auto;
		width:100%;
		box-sizing:border-box;
		max-width: 350px;
	}
		
	.home ~ .content .half + .half {
		text-align: center;
	}
	
	/* ---- */
	
	.testimonial-slider {
		min-height:215px;
	}
	.testimonial-slider ul li q {
		padding-left:55px;
		padding-right:55px;
	}
	.testimonial-slider ul li q:before, .testimonial-slider ul li q:after {
		font-size:750%;
		margin-top:-40px;
	}
	.testimonial-slider ul li div {
		margin:15px auto;
	}
	.testimonial-slider nav {
		padding-top: 20px;
		margin-top: 0;
	}
	
	/* Featured Property Slider */
	
	.featured-prop nav {
		width:100%;
		max-width:100%;
	}
	.featured-prop nav a#next-prop {
		right:25px;
	}
	
	.featured-prop li {
		max-width:100%;
		max-height:none;
	}
	.featured-prop li, .featured-prop li a {
		transition:none;
	}
	
	/* Staff Page */
	.alt img {
		float:left !important;
		margin: 0 20px 0 0;
	}
	.staff-list li.alt {
		text-align: left;
	}
	
	.staff-list h4 {
		font-size:140%;
		line-height:1;
	}
	
	/* ------------------------- Footer -----------------------------*/
	
	#foot-nav {
		padding:0 0 15px;
	}
	
	#foot-nav ul:first-child {
		margin:0;
	}
	
	#foot-nav ul.extern-links .facebook {
		margin-right:0;
	}
	
	#foot-nav ul.extern-links .craigslist {
		margin-left: 10%;
		margin-right:10%;
		margin-top: 25px;
	}
}

@media screen and (max-width:640px) { /* misc. fixes */

	/*----------------------Header / Navigation-----------------------*/
	#main-nav {
		padding-top:0;
	}
	
	#main-nav > ul {
		max-width:260px;
	}
		
	/*----------------------Content / Layout -------------------------*/
	
	/* homepage specialty boxes */
	.specialties ul li {
		width:100%;
	}
	
	.specialties ul li + li {
		margin-top:20px;
	}
	
	.specialties ul li:nth-child(3n-1) {
		margin-left:0;
		margin-right:0;
	}
	
	.specialties ul li article h4 {
		margin-top:7%;
	}
	.specialties ul li.residential article h4 {
	 	margin-top:5.5%;
	}
	.specialties ul li.vacant article h4 {
		margin-top:2%; 
	}
	 
	.specialties ul li:hover article h4 {
		margin-top:8%;
	}
 	.specialties ul li.vacant article h4 {
		margin-top:4%; 
	}
	
	/* Mortgage Calculator */
	
	#mortgage-calculator form, #mortgage-calculator #totals {
		float:none !important;
	}

	/* Property details */
	
	.directions {
		padding:0;
	}
	
	#map-canvas, #map-canvas.large {
		display: block;
		width:86.1%;
		margin:0 auto;
		border-right:5px solid #eae9e8;
	}
	
	.mainPhoto {
		position: relative;
		max-width:100%;
		display: block;
		margin:15px auto;
		text-align: center;
		width:100%;
		height:auto;
	}
	
	
	/* ------------------------- Footer -----------------------------*/

}

@media screen and (max-width:575px) { /* mobile navigation layout */

	/*----------------------Header / Navigation-----------------------*/
	body {
		padding-top:96px;
	}
	
	body > header > section {
		height:91px;
	}
	
	body > header > section > article {
		top:6px;
	}
	
	#c21.logo, .logo.raven {
		background-size:100% auto;
	}
	
	#c21.logo {
		height:50px;
		width:73px;
	}
	
	.logo.raven {
		height:46px;
		width:116px;
	}
	
	#top-nav {
		bottom:1px;
	}
	
	
	/* ------- Navigation switch ------- */
	#nav-jump {
		display:block !important;
		position:absolute;
		text-indent:-9999px;
		text-align: left;
		outline:none;
		z-index:100;
		right:50%;
		margin-right:-145px;
		top:50%;
		margin-top:-28px;
		width:55px;
		height:55px;
		background: #333E60;
		opacity:1;
	}
	
	#nav-jump:after {
		content:' ';
		position:absolute;
		margin:-1px 0 0 -12px;
		top:50%;
		left:40%;
		width:35px;
		height:4px;
		background:#eae9e8;
		box-shadow:0 10px 0 #eae9e8, 0 -10px 0 #eae9e8;
	}

	#nav-close {
		display:block !important;
		position:absolute;
		text-indent:-9999px;
		z-index:15;
		outline:none;
		right:10px;
		top:5px;
		width:30px;
		height:15px;
		padding:0 5px 5px;
		color:#FFF;
		z-index: 701;
		/* font-family:CenturyGothic, Arial, sans-serif; */
	}
	
	#nav-close:after {
		content:'x';
		display:block;
		text-indent:0;
		text-align:center;
		font-size:190%;
		line-height:1;
		position: absolute;
		top:50%;
		margin-top:-8px;
		right:50%;
		margin-right:-8px;
	}

	#main-nav {
		display: block; /* always make navigation menu visible */
	
		position:fixed;
		visibility:hidden;
		z-index:700;
		height:100%;
		width:100%;
		left:100%;
		padding:0;
		top:0;
		overflow-y: scroll;
		border: none;

		-webkit-transition:all 0.3s ease-in 0s;
		transition:all 0.3s ease-in 0s;
		
		background-color:#343434;
		text-align:left;
		box-sizing:border-box;
		padding:0 2%;
		margin:0;
		font-size:145%;
	}
	
	#main-nav:target {
		visibility: visible;
		left:0;
		
		-webkit-transition:all 0.3s ease-in 0s;
		transition:all 0.3s ease-in 0s;
	}
	
	#main-nav ul {
		max-width:none;
		display: block;
		text-align: left;
	}
	
	#main-nav > ul > li + li {
		margin:0;
	}
	
	#main-nav li {
		margin-top:8px;
	}
	
	#main-nav > ul > li {
		border-bottom:1px solid #FFF;
	}
		
	#main-nav > ul > li {
		display: block;
	}
	
	#main-nav > ul > li:first-child > a { /* Make first line shorter to avoid #nav-close link */
		max-width:85%;
	}
	
	#main-nav ul a, #main-nav > ul > li > a {
		box-sizing:border-box;
		display: block;
		width:100%;
		margin:0;
		padding-top:12px;
		padding-bottom:12px;
	}
	/* get rid of arrow effects */
	#main-nav > ul > li.sel > a:after, #main-nav > ul > li:hover > a:after {
		content:none;
	}
	
	#main-nav ul > li:hover ul {
		margin-left:0;
	}
	#main-nav ul ul > li > a:hover, #main-nav ul ul > li > a:active {
		background-color:inherit;
		color:#333E60;
	}
	#main-nav ul ul > li + li {
		border-top:none;
	}
	#main-nav ul ul {
		position: relative;
		width:100%;
		left:0;
		text-align: left;
		background-color:inherit;
		padding:2px 9px 2px 25px;
	}
	
	/*----------------------Content / Layout -------------------------*/
	
	#banner {
		height:560px;
	}
	
	#banner-tiles .slick-slide article {
		margin-top:40px;
		max-width:none;
		padding:25px 5%;
	}
	#banner-tiles .slick-slide article h2 {
		font-size: 265%;
		line-height:1;
	}
	
	.sub-banner article > h1 {
		min-width:0;
		display: block;
		max-width:100%;
		font-size:260%;
	}
	
	/* Home page search form */
	.search form {
		padding:15px 2.5%;
	}
	
	.search form > h3 {
		padding-left:0;
		padding-right:31%;
	}
	
	.search form .listings-checkbox {
		width:29%;
		top:18px;
		right:2.5%;
	}
	
	.search form div.price input, .search form div.size input {
		width:100%;
		max-width:none;
	}
	
	/* About Page */
	.specialties-about ul li article {
		height:120px;
		width:120px;
	}
	
	.specialties-about ul li article img {
		margin-top:2px;
	}
	
	/* Resize most links + add proper spacing to elements */
	#foot-nav li {
		margin-top:4px;
	}
	#foot-nav ul:first-child li a {
		padding:9px;
	}
	#foot-nav ul:first-child li + li {
		margin-left:18px;
	}
	
	/* */
	.homepage-video {
		width:100%;
		max-width:none;
		padding-bottom:83%;		
	}
		
		
	/* Properties list / details pages */
	
	.prop-list-nav {
		margin-top:35px;
	}
	
	.properties-list + .prop-list-nav {
		margin-top:50px;
	}
	
	.prop-list-nav h5 {
		text-align: center;
	}
	
	.prop-list-nav form {
		display: block;
		text-align: center;
	}
	
	.prop-list-nav nav {
		position: absolute;
		bottom:100%;
		margin-bottom:5px;
		right:0;
	}
	
	.prop-list-nav label[for="limit"] {
		margin-left:0;
	}
	
	/* enlarge pagination lists */
	
	.prop-list-nav nav li + li {
		margin-left:6px;
	}
	
	.prop-list-nav nav li a, .prop-list-nav nav li strong {
		font-size:140%;
		line-height:1;
		padding:5px;
		vertical-align: middle;
	}
	
	.prop-list-nav nav a[title="Next"], .prop-list-nav nav a[title="Previous"], .prop-list-nav nav li strong, .prop-list-nav nav a:hover, .prop-list-nav nav a :active {
		font-size:140%;
	}

	/* Property (search) lists */
	
	.properties-list > li .info-list ul li + li:after {
		content:none;
	}
	
	.properties-list > li .info-list ul li {
		display: block;
		margin:0 auto 3px;
	}
	
	.properties-list > li .info-list ul li + li {
		margin:0 auto 3px;
	}
	
	.properties-list > li .info-list ul:first-child li {
		display: inline-block;
	}
	
	.properties-list > li .info-list ul:first-child li + li {
		margin-left:6px;
	}
		
	.properties-list > li .info-list ul:first-child li + li:after {
		content:"";
		margin-right: 6px;
	}
	
	.properties-list > li .info-list ul:last-child li + li {
		border-top:1px solid #557C88;
		margin-top:2px;
		padding-top:2px;
	}
	
	/* property details page */
	.prop-header li:first-child {
		display: block;
	}
	.prop-header li:first-child + li {
		margin-left:0;
	}
	.prop-header li:first-child + li:after {
		content:none;
	}
	
	#next-prev {
		height:auto;
		text-align: center;
		margin-bottom:25px;
	}
	#next-prev h3 {
		padding:10px;
	}
	#next-prev h3:after {
		left:0;
		margin-left:0;
	}
	#next-prev .button.super.prev, #next-prev .button.super.next, #next-prev .button.prev, #next-prev .button.next {
		position: relative;
		padding-left:20px;
		padding-right:20px;
	}
	#next-prev .button.super.prev:after, #next-prev .button.super.next:after {
		display: none;
	}
	
	/* Property Photo slider */
	#photo-slider li + li {
		position: absolute;
		z-index: -1;
		visibility: hidden;
		opacity: 0;
	}
	#photo-slider nav {
		display: none;
	}
	
	#photo-slider ul {
		position: relative;
		min-height:180px;
	}
	#photo-slider li:first-child {
		padding-top:30px;
		
		position: absolute;
		top:0;
		left:50%;
		margin-left:-95px;
	}
	#photo-slider li:first-child a:after {
		content:"Click to view photos";
		display: inline-block;
		font:150% NuevaStd-bold, "Lucida Bright", Times, serif;
		
		position: absolute;
		left:0;
		top:0;
	}
	
	/* Details Tables */
	
	table tbody th, table tbody td {
		padding:0.55em 0.75em;
	}
	
	/* Payment Calculator */
	
	#mortgage-calculator #results table {
		font-size:88%;
	}
	
	/* Adjust Inputs' sizing */
	* input, input[type="text"], input[type="email"], .sel-overlay select  {
		padding-left:5px;
		padding-right:5px;
	}
	
	/* ------------------------- Footer -----------------------------*/
	
	/* rearrange bottom (logos + text) */
	#bottom > section {
		padding:15px 2%;
	}
	
	#bottom > section > div {
		display: block;
		width:100%;
		padding-top:90px;
	}
	
	#bottom > section .logo.raven2 {
		top:21px;
		margin-top:0;
		left:50%;
		margin-left: -156px;
	}
	
	#bottom > section .logos {
		top:15px;
		margin-top:0;
		right:50%;
		margin-right: -156px;
	}
	
}

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

	/* ------------------------- Modal -----------------------------*/

	#simplemodal-container {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
	}

	#modal {
		position: absolute;
		height: 100%;
		width: 100%;
		max-width: 100%;	
		border-radius: 0;
	}

	#modal .simplemodal-close {
		top: .35em;
		right: .35em;
	}

	#modal-content {
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		padding-bottom: 40px;
		box-sizing: border-box;
	}

	#modal-content header {
		border-radius: 0;;
	}

	#modal-content article {
		width: 100%;
		max-width: 100%;
		height: 100%;
		max-height: 100%;
		overflow-y: auto;
		box-sizing: border-box;
	}
	
	/* To prevent scrolling in background when the modal is open */
	body.modal-open {
		position: fixed;
	}

	/* ------------------------- Property Details: Email Property Modal -----------------------------*/

	#email-property input[type="text"], 
	#email-property input[type="email"], 
	#email-property textarea {
		width: 100%;
		margin-top: .5em;
	}
}

@media screen and (max-width:500px) {
	
	/*----------------------Header / Navigation-----------------------*/
	
	/*----------------------Content / Layout -------------------------*/
	
	/* Home page specialty boxes */
	.specialties ul li article h4 {
		margin-top:12%;
	}
	.specialties ul li.residential article h4 {
	 	margin-top:10.5%;
	}
	.specialties ul li.vacant article h4 {
		margin-top:7%; 
	}
	 
	.specialties ul li:hover article h4 {
		margin-top:13%;
	}
 	.specialties ul li.vacant article h4 {
		margin-top:9%; 
	}
	
	/* Staff Page */
	
	.staff-list img {
		float:none !important;
		display: block;
		box-sizing:border-box;
		margin:0 auto;
		
		width:75%;
		max-width:275px;
	}
	
	.staff-list h2 {
		text-align: center;
	}
	
	.staff-list ul {
		padding:0;
		text-align: center;
	}
	
	.staff-list h4 {
		margin-top:3px;
	}
	
	.staff-list p:last-child {
		text-align: center;
	}
		
	/* shift prop list to single column */
	
	.properties-list > li {
		display: block;
		width:92%;
		max-width:none;
		margin:10px auto;
	}
	
	.properties-list > li:nth-child(2n) {
		margin:25px auto;
	}
	
	/* Adjust size of callout link buttons */
	
	.link-callout {
		display: block;
		margin:10px 0 0;
		text-align: center;
	}
	.link-callout + .link-callout {
		margin-left:0;
	}
	
	/* About page */
	
	.specialties-about ul li + li {
		margin-left:0;
	}
	
	.specialties-about ul li {
		width:45%;
		box-sizing:border-box;
		padding-left:3%;
		padding-right:3%;
	}
	
	.specialties-about ul li:nth-child(2n) {
		margin-left:10%;
	}
	
	
	
	
	/* ------------------------- Footer -----------------------------*/
	
}

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

	/*----------------------Header / Navigation-----------------------*/
	
	/*----------------------Content / Layout -------------------------*/
	
	.agent-details a.button {
		margin-left:0;
		left:15px;
	}

	/* ------------------------- Footer -----------------------------*/

}

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

	/* Home page specialty boxes */
	.specialties ul li article h4 {
		margin-top:16%;
	}
	.specialties ul li.residential article h4 {
	 	margin-top:14.5%;
	}
	.specialties ul li.vacant article h4 {
		margin-top:11%; 
	}
	 
	.specialties ul li:hover article h4 {
		margin-top:17%;
	}
 	.specialties ul li.vacant article h4 {
		margin-top:13%; 
	}
	
	/* Agent Details */
	
	.agent-details {
		text-align: center;
	}
	
	.agent-details figure {
		position: relative;
		display: block;
		text-align: center;
		margin:0 auto 7px;
	}

	.agent-details > section {
		padding:0;
	}
	
	.agent-details a.button {
		position: relative;
		left:0;
	}
	
	
	#foot-nav ul.extern-links .facebook{
		margin:25px 0 0;
	}

}