@import url("dropdown_nav.css");

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* --- General Styles --- */
/*Forum Styles*/

/*html { min-height: 100%; margin-bottom: 1px; overflow-y:scroll; }   Firefox / IE8 scroll-fix*/

.detail_contact_text {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; font-weight:bold;}
.broker_reciprocity { padding: 1em 0; /*font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000033;*/}
.broker_reciprocity span { display: block; margin: 0.5em 0; }
.broker_reciprocity dd,
.shown_by dd { margin-left: 1em; }
.disclaimer {
	clear: both;
}

.iframe_background{background-color:#ffffff; height:100%; text-align:right; color:#000;}
.iframe_background A:link {color: #0066FF; }
.iframe_background A:visited {color: #0066FF; }
.iframe_background A:active {color: #0066FF; }
.iframe_background A:hover {color: #999999; }
.iframe_background A{text-decoration:none}

.listing-links {
	clear: both;
	text-align: center;
	width: 99%;
	list-style: none;
	margin: 0 0 1em;
	line-height: 1;
	padding: 0;
	border: 1px solid white;
	border-radius: 0.5em;
	border-color: rgba(255,255,255,0.5);
	background: rgba(0,0,0,0.5);

}
.listing-links li {
	display: inline-block;
	margin: 0;
	padding: 0;
	border-color: rgba(255,255,255,0.5);
}
.listing-links li a:before {
	content: '\2022';
	padding-right: 0.5em;
	margin-left: -0.75em;
}

.listing-links li.first a:before {
	content: '';
}

.listing-links a {
	display: block;
	font-size: 12px;
	padding: 0.75em 0.5em;
	line-height: 1.25;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

.listing-agent {
	margin: 1em 0 2em; 
	width: 98%;
	margin: 1em 0 2em 2%;
	float: left;
}
.listing-agent dt {
	background: black;
	padding: 0.25em;
}
.listing-agent dd {
	margin: 0;
	background: white;
	float: left;
	width: 100%;
}
.listing-agent dd a {
	color: #0e4b9b;
}
.listing-agent dd img {
	width: 75px; 
	float: left; 
	margin-right: 1em;
}

.tools,
.distance,
.calculator {
	text-align: left;
	width: 98%;
	float: right;
	margin: 0 0 2em;
}

.tools .links a {
	color: white;
	display: block;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 0.75em 1em;
	background: rgba(0,0,0,0.5);
	border: 2px solid white;
	border-color: rgba(255,255,255,0.5);
	border-radius: 0.5em;
	box-shadow: 
		0 2em 3em rgba(255,255,255,0.1) inset, 
		0 2px 4px rgba(0,0,0,0.5);
}
.tools .links a:hover {
	border-color: #fa2;
	color: #fa2;
	transition: all 0.1s linear;
}




.distance form,
.calculator form {
	font-size: 13px;
	padding-bottom: 1em;
	background: white;
}
#yellow_butt, .yellow-button {
	background-color: #fbaa29;
	border: #FFFFFF 2px solid;
	border-radius: 9px;
	color: #044191;
	font-weight: bold;
	font-size: 14px;
	padding: 0.5em;
	text-align: center;
	text-decoration: none;
	display: block;
	position: relative;
	box-shadow: 
		0 1em 1.5em rgba(255,255,255,0.1) inset, 
		0 1px 4px black;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

body {
	background-color:#bce9ff;
	margin:0px 0 0 0;
	padding:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height: 1.4;
	background-image:url(../images/bg_grad.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	color:#ffffff;
}
#search_holder{
	width: 100%;
	margin-left: auto ;
	margin-right: auto ; 
	height: 150px;
}
#QuickSearch {
	position:relative;
	float:left;
	width: 100%; 
	/* height:120px; */
	background-color:#fff;
	border-radius:5px 5px 0px 0px; 
	overflow:hidden;
	margin-left: auto ;
	margin-right: auto ;
}
#QuickSearch .advanced {
	display: none;
}

#adv_search {
	color:#2d2d2d;
	font-size:15px;
}
#bread_crumbs {
	position:relative;
	background-color: #ffffff;
	margin:0 0 20px 0;
	color:#000;
	padding:5px 5px 5px 5px; 
	border-radius:5px 5px 5px 5px;
	left:-3px; 
}
#bread_crumbs A:link {color: #0066FF; }
#bread_crumbs A:visited {color: #0066FF; }
#bread_crumbs A:active {color: #0066FF; }
#bread_crumbs A:hover {color: #999999; }
#bread_crumbs A{text-decoration:none}

#search_results {  
	position:relative;
	background-color: #ffffff;
	float:left;
	width:700px;
	margin:0 0 20px 0;
	color:#000;
	padding:5px 5px 5px 5px; 
	border-radius:5px 5px 5px 5px;
	left:-3px; 
}
#search_results h1 {color: #0066FF; margin-top:0px; margin-bottom:2px; }
#search_results A:link {color: #0066FF; }
#search_results A:visited {color: #0066FF; }
#search_results A:active {color: #0066FF; }
#search_results A:hover {color: #999999; }
#search_results A{text-decoration:none}

#account_title {
	font-size:16px; 
	font-weight:bold;
	color:#fbaa29; 
	position:relative;
}

/* -- This should only affect Chrome & Safari -- */
@media screen and (-webkit-min-device-pixel-ratio:0) {
body {
	margin:0 0 0 1px;
}
}



.error{color:#FF0000; font-weight:bold;}
.hint{color: #ffffff; font-size : 10px; font-family: Arial, Helvetica, sans-serif;}
.cmsMessage {
	background: #FFFF66;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	margin: 2px 0 8px 0;
	padding: 2px 0 2px 0;
	width: 670px;
	text-align: center;
}

/* --- Layout Styles --- */

/*Container div to center everything in the center of the browser*/
#CenteringContainer {
width: 96%;
max-width: 960px;
margin:0 auto 0 auto;
padding:0;
}

/*Holds everything for the website*/
.container,
#Container {
position: relative;
overflow: auto;
max-width: 1100px;
margin: 0 auto;
padding:0;
z-index:1;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	#Container {
		margin:0px 0 0 1px;
	}
}*/

/*Main Header Div - holds all header stuff - usually has the masthead image as the background*/
#Header {
	position:relative;
	width: 100%;
	height: 116px;
	/*
	float:left;
	background-image:url(../images/masthead.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	*/
	padding:0;
	margin:0;
	/*z-index:999;*/
}
#Header .container {
	background-image:url(../images/masthead.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 116px;
	overflow: hidden;
}
/*Usually covers header logo and contains a link back to the homepage (Div should have a transparent image)*/
#HomeLink {
position:relative;
float:left;
width:250px;
height:118px;
margin:0px 0 5px 10px;
padding:0px 0 0 0px;
text-decoration:none;
}

.Tagline {
position:relative;
float:right;
width:300px;
font-size:16px;
margin:3px 0px 0px 0px;
color:#0e4b9b;
font-weight:bold;
font-style:italic;
}

.tagline {
position:relative;
float:right;
clear: right;
max-width:670px;
font-size:15px;
margin:2em 1em 0 0;
color:#0e4b9b;
font-style:italic;
text-align:right;
}

.Tagline3 {
position:absolute;
top:20px;
left:350px;
width:400px;
font-size:16px;
margin:3px 0px 0px 0px;
color:#0e4b9b;
font-style:italic;
}

#TopNavContainer {
	position:relative;
	float:right;
	width:274px;
	margin:0 20px 0 0;
}

.toptab {
	color:#cee4ff;
	text-decoration:none;
	position:relative;
	float:left;
	width:133px;
	height:31px;
	padding:4px 0 0 0;
	margin:0 2px 0 2px;
	text-align:center;
	background-image:url(../images/top_nav_tab.jpg);
	background-position:top center;
}

.toptab:hover {
	background-position:bottom center;
}

.ss_pic {
position:relative;
float:left;
width:583px;
margin:17px 0 0 0;
}

#CTA {
position:relative;
float:left;
width:175px;
height:64px;
margin:5px 0px 0 0px;
padding:5px 0 0 0px;
color:#ffffff;
font-size:14px;
font-weight:bold;
background-image:url(../images/cta_button.jpg);
background-repeat:no-repeat;
text-align:center;
}

#CTA strong {
font-size:18px;
}

/* --- Container holds any side navs and content --- */
#Middle {
position:relative;
float:left;
width: 98%;
margin: 2em 0;
padding: 2em 1%;
/*z-index:1;*//*will need this for a dropdown to work properly*/
background: #0e4b9b;
background: -moz-linear-gradient(top,  #1a66c9 0%, #0e4b9b 100px);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a66c9), color-stop(100px,#0e4b9b));
background: -webkit-linear-gradient(top,  #1a66c9 0%,#0e4b9b 100px);
background: -o-linear-gradient(top,  #1a66c9 0%,#0e4b9b 100px);
background: -ms-linear-gradient(top,  #1a66c9 0%,#0e4b9b 100px);
background: linear-gradient(to bottom,  #1a66c9 0%,#0e4b9b 100px);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a66c9', endColorstr='#0e4b9b',GradientType=0 );
}

/* --- Container that holds the main content --- */
#Content {
position:relative;
/* float:left; */
/* width: 480px; */
/* width: 51%; */
/*padding:0 10px 0 10px;*/
padding:0;
/*	width: 51%; */
/* margin:-30px 0px 0px 9px; */
/* margin:0 0 0 202px; */
/*margin:0 0 0 24%;*/
margin: 20px 0 0 0;
}

#Content .row { margin: 0; }

.wideContent #Content {
	/* width:709px; */
	/*width: 76%;*/
	width: 74%;
}

/* --- Quick Search Form Styles --- 
#QuickSearch {
	position:relative;
	float:left;
	width:480px; height:500px;
	background-image:url(../images/quick-search-box-top.png);
	background-repeat:no-repeat;
	background-position:center top;
}*/

#QuickSearch form fieldset {
	margin:0;
	padding:10px;
	border:none;
}

#QuickSearch form fieldset ol {
	list-style:none;
	margin:0;
	padding:0;
}

#QuickSearch form fieldset ol li {
	position:relative;
	float:left;
	width:130px;
	padding:0;
	margin:0 0 3px 0;
}

#QuickSearch form fieldset ol li.mainsearch {
	width: 460px;
}

#QuickSearch form fieldset ol li.mainsearch input[type=text] {
	color:#000000;
}

#QuickSearch form fieldset ol li label {
	color:#2d2d2d;
	font-size:12px;
	position:relative;
	float:left;
	width:65px;
	font-weight:normal;
}

#QuickSearch form fieldset ol li label span {
	color:#616161;
	font-size:11px;
}

#QuickSearch form fieldset ol li.mainsearch label {
	/*width:110px;*/
	width: auto;

	color:#0e4b9b;
	font-size:16px;
}

a.advanced_search {
	color:#6f6f6f;
	font-size:12px;
	position:relative;
	float:left;
	width: 100%;
	height:26px;
	line-height: 2;
	border-radius: 0 0 0.5em 0.5em;
	text-align: center;
	text-decoration: none;
	background: #ccc;
	margin: 0 0 2em;	
	background-image: none !important;
}

a.advanced_search:hover {
	color:#575757;
}

/* --- Search Map Styles --- */
#SearchMap {
	position:relative;
	float:left;
	width:480px;
	margin:0 0 20px 0;
}

#SearchMap a {
	color:#0E4B9B;
	text-decoration:none;
	font-weight:bold;
	position:relative;
	float:left;
	width:480px;
	text-align:center;
	margin:-40px 0 0 0;
}

/* --- Search Links Styles --- */
#SearchLinks {
	list-style:none;
	position:relative;
	float:left;
	margin:0 0 10px 0;
	padding:0;
	width:100%;
}

#SearchLinks li {
	position:relative;
	float:left;
	margin:5px 2%;
	padding:0;
	width:46%;
}

#SearchLinks li a {
	color:#FFFFFF;
	font-weight:bold;
}


.wideContent #LeftContent {
	/*margin-left: -930px;*/
	/*margin-left: -100%; */
}

#LeftContent h2 {
	font-size:16px;
	color:#3e3b96;
	font-weight:bold;
	margin:20px 0 0 10px;
	padding:0;
	position:relative;
	float:left;
	width:160px;
}

ul.LeftNav {
	margin:1em 0;
	padding:0 5%;
	list-style:none;
	position:relative;
	float:left;
	width:90%;
}

ul.LeftNav li {
	width: 100%;
	float: left;
	clear: both;
}

ul.LeftNav li a {
	text-decoration:none;
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	padding:5px 0px 5px 0px;
	margin:3px 0 3px 0px;
	position:relative;
	display: block;
}

ul.LeftNav li a:hover {
	color:#FCAA2A;
}

ul.LeftNav li a div {
	position:relative;
	float:left;
	width:33px;
}

ul.submenu {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	float:left;
	width:160px;
}

ul.submenu li {
}

ul.submenu li a {
	font-size:14px;
	font-weight:normal;
	padding:8px 5px 8px 5px;
	margin:3px 0 3px -5px;
	width:150px;
	position:relative;
	float:left;
}

ul.submenu li a:hover {
	background-color:#3e3b96;
	color:#ffffff;
	border-radius:5px;
}

span.title {/*Used on Testimonial page and side quote*/
	font-style:normal;
	font-size:12px;
	display:block;
	margin:0px 0 0 0;
	text-align:right;
	width:100%;
}

/*-- Sidebar Testimonials --*/
#Testimonials {
	margin: 1em 0;
	padding:0;
	position:relative;
	color:#ffffff;
}

#Testimonials h2 {
	color:#bce9ff;
	font-weight:bold;
	font-style:normal;
	font-size:18px;
	margin:0 0 10px 0;
	padding:0;
}

#find-perfect-home {
	margin: 1em auto;
}
#find-perfect-home p {
	margin: 3%;
	font-size: 16px;
}
#find-perfect-home span {
	font-style:italic;
	font-size:14px;
	display: block;
	padding-top: 5px;
}
#find-perfect-home img {
	margin: 1%;
	margin-left: 0;
	width: 90%;
	margin: 0 auto;
	display: block;
}

.search_by_lake select {
	width: 90%;
	color: black;
	font-size: 20pt;
	display: block;
	margin: 0 auto;
	background: white;
	border: 1px solid black;

}
.search_By_lake select option {
	display: block;
	position: static;
}

#EmailBox {
	position:relative;
	float:left;
	width:182px;
	height:101px;
	padding:10px 8px 0 8px;
	background-image:url(../images/email-box.jpg);
	color:#0e4b9b;
}

#EmailBox span {
	font-style:italic;
	font-size:11px;
}

#EmailBox2 {
	position:relative;
	float: left;
	width: 90%;
	/*
	height:101px;
	width:182px;
	padding:10px 8px 0 8px;
	background-image:url(../images/email-box2.jpg);
	*/
	margin: 1em 0;
	background: #ddd;
	border-radius: 0.5em;
	padding: 0.5em 5%;
	color:#0e4b9b;
	text-align: center;
}

.startnowbtn {
	font-size:13px;
	display: block;
	font-weight:bold;
	color:#ffffff;
	text-shadow: 0 1px 1px black;
	text-decoration:none;
	position:relative;
	text-align:center;
	background: #FBAA29;
	/*
	width:116px;
	height:18px;
	float:left;
	background-image:url(../images/start_btn.png);
	padding:2px 0 0 0;
	margin:5px 37px 5px 37px;
	*/
	line-height: 1.5;
	margin: 0.5em 1em;
}

.startnowbtn:hover {
	background-position:0 20px;
}

.maplink {
	text-decoration:none;
	background-image:url(../images/map-icon.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:110px;
	height:55px;
	position:relative;
	float:left;
	margin:20px 0 0 0;
	padding:10px 0 0 70px;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
}

.maplink:hover {
	color:#FCAA2A;
}

/* -- Testimonial page styles -- */
#TestimonialListing {
	list-style:none;
	margin:0;
	padding:0;
	font-style:italic;
	font-size:14px;
	float:left;
	position:relative;
	width: 100%;
}

#TestimonialListing li {
	float:left;
	position:relative;
	width: 100%;
	padding:25px 0 25px 0;
}

#TestimonialListing li p {
	margin:0 0 1px 0;
	padding:0;
}

/* --- Right Content Styles --- */
#RightContent {
	position:relative;
	float:left;
	/*width:224px;*/
	width:22%;
	/*margin:0 5px 0 0;*/
	margin:0;
	padding: 0 0 0 2%;
}

#FeaturedBox {
	position:relative;
	float:left;
	max-width: 250px;
	width: 100%;
	height: 210px;
	margin:0px 5px 10px 0;
	/*background-image:url(../images/featured_shadow.jpg);*/
	background-position:bottom center;
	background-repeat: no-repeat;
	padding:0 0 11px 0;
}

#FeaturedBox .slide {
	width: 100%;
}

#FeaturedBox .image {
	max-height: 200px;
	overflow: hidden;
}

#FeaturedBox img {
	position:relative;
	width: 100%;
	max-height: 200px;
	margin:0px 0px 0 0;
}

a.featured_caption {
	position:relative;
	float:left;
	/*width:220px;*/
	width: 100%;
	background-color:#002255;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	padding:5px 0 5px 0;
}

.WhiteBox {
position:relative;
float:left;
width: 90%;
background-color:#f8f8f8;
margin: 0 0 10px;
border-left:#063f85 1px solid;
border-right:#063f85 1px solid;
padding:5%;
}

.WhiteBox h2 {
	color:#0e4b9b;
	font-size:16px;
}

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

.WhiteBox ul li {
}

.WhiteBox ul li a {
	color:#0e4b9b;
	text-decoration:none;
	margin:0 0 5px 0;
	position:relative;
	float:left;
	width:100%;
}

.WhiteBox ul li a:hover {
	color:#FCAA2A;
}

.newsletter_btn {
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	background-image:url(../images/newsletter_icon.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding:15px 0 15px 70px;
	position:relative;
	float:left;
	width:150px;
}

.newsletter_btn:hover {
	color:#FCAA2A;
}

/* --- Container for footer stuff --- */

#Footer {
position:relative;
float:left;
width:96%;
text-align:center;
padding:2em 2%;
margin:0 0 1em;
font-size:12px;
color:#0e4b9b;
}


/* --- General text styles --- */
h1 {
color:#ffc75c;
font-size:24px;
}

h2 {
font-size:18px;
color:#bce9ff;
}
.fancybox-wrap h2 {
	font-size:24px;
	color: #0E4B9B;
}
h3 {
font-size:16px;
color:#fbaa29; margin-top:0px;
}

a {
color:#ffc75c;
}
a:hover {
color: white;
text-decoration: none;
}

/* --- Footer Styles --- */
#FooterLinks {
display:block;
clear:both;
margin:0 0 10px 0;
}

#FooterLinks a {
color:#0e4b9b;
text-decoration:none;
margin:15px 10px 10px 10px;
}

#FooterLinks a:hover, #FooterLinks a.current_sel{
text-decoration:underline;
}

#CompanyInfo {
display:block;
clear:both;
}

#addy_info {
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#bkr_footer {
display:block;
clear:both;
}

#bkr_footer a {
color:#0e4b9b;
text-decoration:none;
}

#FooterStaff {
position:relative;
float:left;
width:100%;
margin:5px 0 20px 0;
}
#FooterStaff td {
	display: inline-block;
}

#FooterStaff strong {
	font-size:14px;
	font-style:italic;
}

#FooterStaff img {
	border:#ffffff 1px solid;
	margin:0 10px 0 10px;
}

#StaffName {
	position:relative;
	float:left;
	width:886px;
	list-style:none;
	margin:0 22px 20px 22px;
	padding:0;
}

#StaffName li {
	position:relative;
	float:left;
	margin:0 10px 0 10px;
}

/* --- Agents Listing Page Styles --- */
table.agentlisting {
	width:100%;
}

table.agentlisting tr td {
	padding:0 15px 25px 15px;
	max-width: 200px;
}

table.agentlisting img {
	border:#ffffff 1px solid;
	margin-bottom: 0.5em;
	width: 100%;
}

table.agentlisting span.phone {
	display: block; clear: both;
	text-align: center;
}
table.agentlisting h3 {
	float:left;
	width:100%;
	padding:0;
	margin: 0;
	text-align: center;
}

/*Josh CMS*/
.nav_selected{
	/*color:#FFFFFF !important;*/
	/*background-color:#cccccc !important;*/
}

.sitemap{
	padding:0px;
	margin:0px;
}

.sitemap ul{
	padding:0px;
	padding-left:10px;
	margin:0px;
}

.sitemap li{
	padding:0px;
	margin:0px;
	list-style:none;
}
/*end Josh CMS*/

/* --- Top Nav Styles - This should be the id for a list (usually goes in the header) --- */

#TopNav ul {
}

#TopNav ul.dropdown_nav {
position:relative;
float:left;
/*display:block;*/
padding:0;
margin:3px 0 0 67px;
list-style:none;
z-index:1000;
overflow:visible;
width:850px;
}

#TopNav ul.dropdown_nav li {
position:relative;
float:left;
padding:0;
margin:0 0px 0 0px;
}

#TopNav ul.dropdown_nav a {
position:relative;
float:left;
padding:10px 17px 7px 17px;
margin:0 0 0 0;
font-size: 12px;
color: #ffffff;
font-weight:bold;
text-decoration:none;
text-align:center;
height:20px;
}

#TopNav ul.dropdown_nav a:hover {
color: #d31d22;
background-image:url(../images/top_nav_grad_over.jpg);
background-repeat:repeat-x;
}

#TopNav ul.dropdown_nav a.current_sel{
color:#ffffff;
}


/* --- FORM Styles --- */
fieldset {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	border:none;
}

fieldset ol {
	position:relative;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

fieldset ol li {
	margin:0 0 15px 0;
}

fieldset ol li label {
	display:block;
	clear:both;
	font-weight:bold;
	color: #2F5D5D;
}

.error {
	color:#F00;
}

#CAPTCHA { width: 300px; background: #EEDBB1; border: 2px solid #D1C09B; border-radius: 8px; padding: 10px; position: relative; text-align: left; }

#CAPTCHA p {color:#000000; width: 210px; margin: 7px 0 7px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 110%; text-align: left; }

#CAPTCHA-help {color:#000000; position: absolute; z-index: 5; width: 200px; background: #EEEEEE; padding: 10px; top: -40px; left: 20px; border: 1px solid #CCCCCC; border-radius: 8px; box-shadow: 5px 5px 5px #696969; }

/* --- Slideshow styles --- */
#SlideshowContainer {
	position:relative;
	float:left;
	/*width:322px;*/
	width: 100%;
	/*height:341px;
	background-image:url(../images/slideshow_bg.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;*/
	margin:0;
	padding:0 0 17px 0;
}

#Slideshow {
	position:relative;
	float:left;
	width: 100%;
	/*width:320px;*/
	overflow:hidden;
	margin:2px 0 0 0px;
	border: #ffffff 1px dotted;
	border: rgba(255,255,255,0.5) 1px solid;
}

#Slideshow img {
	min-width:100%;
	width:100% !important;
	max-height:320px;
}
#Slideshow p { margin:4px 4px 4px 4px;}

#prev_ss,
#next_ss {
	display: inline-block;
	margin-top: 1em;
	min-width: 5em;
	text-decoration: none;
	padding: 1em;
	text-align: center;
	background: rgba(0,0,0,0.5);
}
#prev_ss {
	float: left;
	clear: left;
}
#next_ss {
	float: right;
}

#output {
	position:relative;
	float:left;
	width:300px;
	padding:5px 10px 5px 10px;
	color:#0e4b9b;
	background-color:#bce9ff;
	border-bottom:#ffffff 1px solid;
	border-right:#ffffff 1px solid;
	border-left:#ffffff 1px solid;
}

table.list_display { 
	border-width: thin;
	border-spacing: 2px;
	border-style: solid;
	border-color: white;
	border-collapse: collapse;
	font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#ffffff;}

table.list_display th {
	background-color: #fbaa29; 
	color:#FFF;}
	
table.list_display th h1,
table.list_display th h2 { font-size:16px; margin:0 0 0 0;}

table.list_display th a:link, 
table.list_display th a:visited,
table.list_display th a:active { 
	color:#0e4b9b; 
	text-decoration:none;
	transition: all 0.3s linear;
}

table.list_display th a:hover { color:#3f7ece;}

.list_display { 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	border-radius: 0.25em;
	font-size:12px; 
	color: #111;
	float: left;
	clear: both;
	margin-bottom: 1em;
	width: 100%;
}
.list_display a {
	color:#0e4b9b; 
}

.list_display h2 {
	background-color: #fbaa29; 
	color:#FFF;
	padding: 0.5em;
}
	
.list_display h1,
.list_display h2 { 
	font-size:16px; margin:0 0 0 0;
}

.list_display h2 a:link, 
.list_display h2 a:visited,
.list_display h2 a:active { 
	color:#0e4b9b; 
	text-decoration:none;
	transition: all 0.3s linear;
}

.list_display h2 a:hover { color:#3f7ece;}

.list_display .details {
	float: right;
	width: 51%; 
	padding: 1em 2%;
}
.list_display .photo {
	float: left;	
	width: 41%;
	padding: 1%;
}
.list_display .photo img {
	width: 100%;
}
.property-details {
	margin: 1em 0;
	border: 1px solid rgba(255,255,255,0.25);
	border-collapse: collapse;
}
.property-details td{
	padding: 0.5em 1em;
	border-bottom: 1px solid rgba(255,255,255,0.25);
}
.property-details tr:nth-child(even) {
    background: rgba(255,255,255,0.2);
}
.property-featured-details {
	/*max-width: 250px;*/
	border: none;
	border-collapse: collapse;
	margin-bottom: 2em;
}

.property-featured-details td {
	padding: 0.25em;
	font-size: 15px;
	border-bottom: 1px dotted rgba(255,255,255,0.25);
}

.property-featured-details .price td {
	font-size: 28px;
	font-weight: bold;
}
/* Forms */

.page_content fieldset {
	width: 90%;	
	border-radius: 1em;
	background: rgba(255,255,255,0.2);
	padding: 1em 5%;
	margin: 1em 0;
}

.page_content form legend {
	background: #fa2;
	padding: 0.25em 1em;
	color: #0e4b9b;
	font-weight: bold;
	border-radius: 0.5em;
}

form,
form label,
form textarea,
form input {
	font-size: 16px;
}


.page_content form table input {
	width: auto;
}

.page_content form .submit {
	background: #fa2;
	font-weight: bold;
}

.page_content form label {
	display: inline-block;
	float: left;
	width: 33%;
	clear: left;
	text-align: right;
	padding: 0 1em;
	line-height: 1.5;
}

.page_content form textarea,
.page_content form input {
	line-height: 1.25;
	padding: 0.125em 0.25em;
	background: #DDFFFF;
	border: 1px solid white;
	border-radius: 0.25em;
}

.page_content form ul {
	list-style: none;
}

.page_content form li {
	margin: 0.5em 0;	
	padding: 0.5em;
	clear: both;
}

.page_content form input, 
.page_content form textarea {
	width: 45%;
}

.promo {
	font-size: 150%;
	clear:both;
	margin-top: 2em;
	padding: 1em;
	border-radius: 0.5em;
	border: 4px double rgba(255,255,255,0.5);
	text-align: center;
	background: rgba(0,0,0,0.5);
}

.agent-phone { display: block; min-height: 1.3em; }

.tools .phone,
#RightContent .phone {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	margin: 1em 0;
	clear: both;
	display: block;
	font-size: 1.5em;
}

#RightContent .phone a {
	display: block;
}



.navPrimary-phone a:first-child:before, .phone a:first-child:before {
	content: "\f095 ";
	font-family: FontAwesome;
	margin-right: 10px;
}

.phone a:last-child:before {
	content: "";
}

.phone-properties {
	font-size: 1.5em;
	font-weight: bold;
	text-align: right;
	margin: 0 0 1em 0;
	clear: both;
}


.tools .phone span,
#RightContent .phone span {
	color: #fa2;
	display: block;
	font-size: 1.2em;
	font-style: italic;
}

.detail-main {
/*	width: 60%; 
	float:left; */
}

.detail-side {
/*	width: 39%; 
	float: right; */
}

@media only screen and (max-width: 900px) { 
	#Content {
		width: 76%;
		max-width: 900px;
		float: none;
		margin: 0 auto;
	}


	.phone-properties { text-align: center; }		

	#LeftContent {
		margin-left: -100%;	
	}

	#RightContent {
			width: 96%;
			margin: 0;
			padding:0 2%;
			clear: both;
			float: none;
		}
	.Tagline,
	.Tagline2,
	.Tagline3 {
		display: none;
		position:static;
		float:none;
		width:100%;
		margin: 0;
	}
	.distance {
		display: none;	
	}


}
@media only screen and (max-width: 640px) { 
	#Content,
	.wideContent #Content,
	#LeftContent,
	#RightContent {
			max-width: 640px;
			width: 96%;
			margin: 0;
			padding:0 2%;
			clear: both;
			float: none;
		}
	.wideContent #LeftContent {
		margin: 0;	
	}
	#QuickSearch form fieldset ol li {
		float: none;
		clear: both;
	}

	#QuickSearch form fieldset ol li.mainsearch {
		width: 98%;
		margin-bottom: 1em;
	}

	#QuickSearch form fieldset ol li.mainsearch input[type=text]  {
		width: 100%;
		clear: both;
	}


	#QuickSearch form fieldset ol li.mainsearch label {
		width: 100%;	
	}
}
.mobile-only {
	display: none;
}
@media only screen and (max-width: 479px) { 
	.desktop-only {
		display: none;
	}
	.mobile-only {
		display: block;
	}
	.list_display .details {
		width: 96%; 
	}
	.list_display .photo {
		width: 98%;
	}
	.detail-main,
	.detail-side {
		width: 100%; 
	}
}
/*
*/

.row.property h1 { margin: 0 0 10px ; padding: 0; }

/* New Agents Footer */
#agents-footer { margin-left: auto; margin-right: auto; padding: 1%; }
#agents-footer div.agent { max-width: 25%; float: left; margin: 1%; display: inline-block; min-height: 210px; }
#agents-footer div.agent-spacer { width: 275px; float: left; margin: 1%; padding: 1%; display: inline-block; }
#agents-footer div.agent img.agent-photo { float: left; max-height: 154px; }
#agents-footer div.agent a { color: #0e4b9b; }
#agents-footer div.agent div.agent-text { font-size: 12px;  float: left; clear: both; text-align: center; margin-right: auto; margin-left: auto; }
#agents-footer div.agent div.agent-text-container { font-size: 12px;  float: left; clear: both; }
#agents-footer div.agent div.agent-text-container div.agent-text-container { font-size: 12px;  padding-left: 1%; padding-right: 1%; float: left; clear: none; text-align: center; margin-left: auto; margin-right: auto; }

@media only screen and (max-width: 1000px) { 
	/* responsive css for footer */
	#agents-footer div.agent { max-width: 50%; float: left; margin: 1%; padding: 1%; display: inline-block; }

	#FeaturedBox {
		max-width: 100%;
	}

	/* responsive quick search */
	#QuickSearch form fieldset  { width: 100%; display: block;  float: none; }
	#QuickSearch form fieldset ol { width: 100%; display: block;  float: none; }
	#QuickSearch form fieldset ol li label { width: 100%; display: block;  float: none; font-size: 0.9em}
	#QuickSearch form fieldset ol li input { width: 100%; display: block;  float: none; padding: 5px;}
	#QuickSearch form fieldset ol li select { width: 100%; display: block;  float: none; padding: 5px;}
	#QuickSearch form fieldset ol li button { width: 100%; display: block;  float: none; padding: 5px; background: #fec255; border: 1px solid; border-radius: 3px; font-weight: bold; text-shadow: 1px 1px 1px #b98629 }

	/* responseive listing links */

	.listing-links {
		background: none;
		display: block;
		border: none;
		list-style: none;
	}

	.listing-links li a {
		color: #044191;
		font-weight: bold;
		font-size: 11pt;
		/* text-shadow: 1px 1px 1px #b98629 */
	}
	.listing-links li a::before {
		content: "" !important
	}
	.listing-links li {
		list-style: none;
		display: inline-block;
		padding: 10px 0px;	
		margin: 0 5px;
		width: 29%;
		border-radius: 15px;
		background: #FBAA29;
		border: 2px solid white;
	}
	.listing-links .print-flyer {
		display: none;
	}
	.listing-links .send-to-friend {
		display: none; 
	}
}

#QuickSearch select { color: black !important;  }


.contact-us-page form input { color: black; background: white; }
.contact-us-page form select { color: black; background: white; }
.contact-us-page form textarea { color: black; background: white; }
.sign-up-page form input { color: black; background: white; }
.sign-up-page form select { color: black; background: white; }
.sign-up-page form textarea { color: black; background: white; }



#email-box-mobile a { color: #0e4b9b; font-size: 16pt; display: block; padding: 20px; font-weight: bold;  }

.social_media { margin: 1em 0; padding: 0 13px; text-align: right;  }
.social_media li { 
font-family: FontAwesome; display: inline-block; margin: 0; padding: 0; font-size: 20pt; margin-right:  6px; 
 }
#Content .row.search_row { padding: 0 31px; margin: 1em 0; }

/* Bootstrap made inputs white due to messed up inheritance rules from this file. Overriding here */
form input { color: black !important; }
form select { color: black !important; }
form select option { color: black !important; }
form textarea { color: black !important; }