#wrap{
  min-height: 70vh;
	height: auto !important;
  background: #fff;
  margin-top: 40px;
}

#container{
	position: fixed;
	top:0;
	z-index: 1000;
	width: 100%;
	height: 5px;
}

.logo{
	float:left;
	max-width: 45%;
	padding:5px;
  display: inline-block;
	vertical-align:middle;
}

.logo img{
  display: inline-block;
	max-height: 75px;
}	

.number{
	display:none;
	color: #8cc63e;
	float: right;
	margin: 16px;
	margin-left: 30px;
	font-size: 16px;	
}

/* Search Form */
#quick_search{
	margin: 0 auto;
	margin-top: -28%;
}

#quick_search .btn{
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 17px;
	color:#fff;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight:400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius:0px;
	text-transform:uppercase;
}

#quick_search .drkblue{
	background:#001740;	
}

#quick_search .drkblue:hover{
	background:#002567;	
}

#quick_search .drkred{
	background:#ce0000;	
}

#quick_search .drkred:hover{
	background:#f50000;	
}

#quick_search .blue{
	background:#001740;	
}

/* Search Form */
#agent_quick_search{
	margin-top: -28%;
}

#agent_quick_search .btn{
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 17px;
	color:#fff;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight:400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius:0px;
	text-transform:uppercase;
}

#agent_quick_search .drkblue{
	background:#001740;	
}

#agent_quick_search .drkred{
	background:#73002c;	
}

#agent_quick_search .blue{
	background:#0149c1;	
}

/* Welcome */
#welcome{
	padding: 30px 0;
  background: #f7f7f7;
	border-bottom:1px #ccc solid;
}

	#welcome h2{
		font-family: 'Open Sans', sans-serif;
    color: #0c223f;
    text-align: center;
    font-size: 22px;
		font-weight: 400;
		
		width: 100%; 
		text-align: center; 
		border-bottom: 1px solid #0c223f; 
		line-height: 0.1em;
		margin: 10px 0 20px; 		
	}
	
	#welcome h2 span{
    background:#f7f7f7; 
    padding:0 10px; 		
	}
	
	#welcome p{
		padding-top:10px;
		font-family: 'Open Sans', sans-serif;
		color:#444;
		font-size:18px;
		font-weight:300;		
	}


/* Begin QuickLinks */
#quicklinks{
	padding: 30px 0;
  background: #f7f7f7;
	border-bottom:1px #ccc solid;
}

#citysearch, #countysearch{

}

	#citysearch h2, 
	#countysearch h2{
		font-family: 'Open Sans', sans-serif;
    color: #0c223f;
    text-align: center;
    font-size: 22px;
		font-weight: 400;
		
		width: 100%; 
		text-align: center; 
		border-bottom: 1px solid #0c223f; 
		line-height: 0.1em;
		margin: 10px 0 20px; 		
	}
	
	#citysearch h2 span, 
	#countysearch h2 span{
    background:#f7f7f7; 
    padding:0 10px; 		
	}
	
	#citysearch a, 
	#countysearch a{
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    color: #0c223f;
    font-weight: 300;
	}	

	#citysearch a:hover, 
	#countysearch a:hover{	
		font-weight: 500;
	}
	
/* Featured Listings */
/* FOUR COLUMNS */
#featured-properties{
	line-height:25px;
	font-family: 'Open Sans', sans-serif;
	background:#fff;
	clear:both;
	width:auto;
	margin: 20px 20px 0;
	padding: 20px 0;
	border-bottom: 1px #ccc solid;
}

	#featured-properties h2 {
		font-family: 'Open Sans', sans-serif;
    color: #0c223f;
    text-align: center;
    font-size: 22px;
		font-weight: 400;
		
		width: 100%; 
		border-bottom: 1px solid #0c223f; 
		line-height: 0.1em;
		margin: 10px 0 20px;
	}

	#featured-properties h2 span{
    background:#fff; 
    padding:0 10px; 		
	}

	#featured-properties .featured-property-container {
		float:left;
		background: #f7f7f7;
		min-height: 445px;
		border:1px #ddd solid;		
	}
	
	#featured-properties div:nth-child(4) > div{
		margin-right:0;
	}

		#featured-properties .featured-property-container .listingwrap {	
			float: left;
			margin-top: 20px;
			text-align: center;
			width: 100%;
			line-height: 18px;
		}
		
			
	#featured-properties .featured-property-container .listingwrap .name{
		font-family:'Open Sans', sans-serif;
		font-size:18px;
		color: #666;
		font-weight:300;			
	}
	
	#featured-properties .featured-property-container .listingwrap .value{
		font-family:'Open Sans', sans-serif;
		font-weight:bold;
		font-size: 18px;
		color:#0c223f;			
	}	
	
	#featured-properties .featured-property-container .listingwrap .city{
		font-family:'Open Sans', sans-serif;
		font-size:18px;
		color: #0c223f;
		font-weight:300;		
	}
	
	#featured-properties .featured-property-container .listingwrap .horizon{
		width:100%;	
	}
	
	#featured-properties .featured-property-container .listingwrap .horizon hr{
		width: 30%;
		margin: 15px auto;
		margin-bottom:20px;
		background-color:#0c223f;
		height: 1px;	
	}
	
	#featured-properties .featured-property-container .listingwrap .description {
		font-family:'Open Sans', sans-serif;
		font-weight:400;	
		font-size: 14px;
		font-style:normal;
		color: #666;
		padding-top: 3px;
		padding: 0 20px 20px;
	}						
	
		#featured-properties > .featured-property-container:nth-child(2){
			margin-left:0px;
		}
		
		#featured-properties > .featured-property-container:nth-child(5){
			margin-right:0;
		}
		
	#featured-properties img{
		width:100%;
		}
	
	#featured-properties .img-item{
		float:left;
		margin-right:25px;
	}
	
		#featured-properties .img-item a{
			position:relative;
			display:block;
		}

	#featured-properties .photo_crop {
			height: 100%;
			overflow: hidden;
	}	
		
			#featured-properties .photo_crop img{
				min-height:inherit;
			}
	
	#featured-properties .pic {
		  float: left;
		  height: 204px;
		  width: 270px;
		  overflow: hidden;
	}
	
	#featured-properties .nopic {
		display:none;			
	}
	
	/*GROW*/
	#featured-properties .grow img {
	  height: 102%;
	  width: 102%;
	 
	  -webkit-transition: all .1s ease;
		 -moz-transition: all .1s ease;
		   -o-transition: all .1s ease;
		  -ms-transition: all .1s ease;
			  transition: all .1s ease;
	}
	 
		#featured-properties .grow img:hover {
		  height: 100%;
		  width: 100%;
			cursor: -webkit-zoom-in; 
			cursor: -moz-zoom-in;			
		}								
		
	#featured-properties .price {
		color:#0c223f;
		font-family:'Open Sans';
		font-size:22px;
		font-weight:500;
	}
	
		#featured-properties .container:hover .price {
			color:#fff;
			background-color:#fec54c;
		}
	
		#featured-properties .price .green{
			color:#339a00;
		}
	
	#featured-properties .type{
		 padding:10px;
		 margin-top:-20px;
		 color:#333;
		 font-family:Arial, Helvetica, sans-serif;
		 font-size:16px;
	}

	
		#featured-properties .container:hover .type {
		/*	color:#000;*/
		}

			#featured-properties .container:hover .type {
				color:#4c90fe;
			}

	#featured-properties .subdivision {
		color:#9ea7b0;
		font-family: 'Open Sans';
		font-size:16px;
		font-weight:300;		
	}	
	
	#featured-properties .divider {
		padding:0 10px;
		color:#666;
	}
	

	#featured-properties .view_details a{
		color:#4c90ff;
		font-family: 'Open Sans';
		font-size:20px;
		font-weight:400;
	}
	
	#featured-properties .view_details a:hover{
		text-decoration:underline;
	}
	
	/* END FEATURED */

#similar_properties > a:nth-child(4){
	margin-right:0;
}

#tiles{
	padding:20px 0;
}

#tiles h1 {
	color: #001740;
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 20px;
}

#tiles h2 {
	color: #001740;
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
}

#tiles p{
	color:#666;
	font-family: 'Open Sans';
	font-size:16px;
	font-weight:400;
	margin:0;
	margin-bottom:20px;	
}

#testimonials h3{
	color: #001740;
	font-weight: 500;
	font-size: 24px;	
}

#testimonials .newswrapper{
	color:#ffffff;
	background:#001840;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:300;
	padding:30px;
}

#testimonials .newswrapper input{
	width:91%;
	padding:7px 12px;
	color: #888;
	font-size: 16px;
	font-weight: 500;	
}

#testimonials .newswrapper h1{
	color:#ffff99;
	font-family: 'Open Sans', sans-serif;
	font-size:28px;
	font-weight:600;
}

#testimonials .newswrapper h2{
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
}

#testimonials .newswrapper p{
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
    line-height: normal;
}

#testimonials .news_button {
    width: auto;
    padding: 5px 18px;
    line-height: 25px;
    text-shadow: none;
    cursor: pointer;
    box-shadow: none;
    background: #ffff99;
    color: #666;
}

#intro-about{ 
	float:left;
	background-color:#f5f5f5;
	padding:15px;
}
#intro-why {
	float:left;
	background-color:#fff;
	padding:15px;
}
 #jockeyhollow{ 
	float:left;
	padding:15px;
	background:#333 url('../img/highlights.png')top right no-repeat;
	border-radius: 4px;
}

#intro-about h2, #intro-why h2{
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	font-weight: 100;
	color: #333;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 12px;
  margin-top: 7px;
}

#jockeyhollow h2{
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 12px;
  margin-top: 7px;
}

#intro-about h4, #intro-why h4{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:600;
	color:#8cc63e;
	text-align:left;
}	

#jockeyhollow h4{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:600;
	color:#8cc63e;
	text-align:left;
}	

#intro-about strong, #intro-why strong{
	font-weight:500;
	color:#666;
}

#jockeyhollow h5{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color:#8cc63e;
	font-weight:700;
	text-align:center;
}

#jockeyhollow h6{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #8cc63e;
}

#intro-about p, #intro-why p{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #666;
	margin-top: -5px;
}	

#jockeyhollow p{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	margin-top: -5px;
}	

#requestinfo-form{
	margin:0 auto;
	margin-top: 10px;
	padding: 20px 10px;
	width:100%;
}

#requestinfo-form h2{
	font-family:'Open Sans', sans-serif;
	font-size:22px;
	margin-top: 7px;
	color:#002c73;		
}

#requestinfo-form p{
	font-family:'Open Sans', sans-serif;
	font-size: 20px;
	text-align: left;	
	color: #888;
	margin: 0;
}		

#requestinfo-form input{
	width:100%;
	background: #fff;
	font-size:18px;
	font-weight:400;
	padding:0 10px;
	height:50px;
	color:#888;
	border:1px solid #888;	
}		

#requestinfo-form textarea{
	width:100%;
	font-size:18px;
	padding:0 10px;
	color:#888;
	border:1px solid #888;	
}			

#requestinfo-form .requestinfo-form-button{
	width:100%;
	background-color:#001740;
	color:#fff;	
	float: left;
	font-size: 20px;
	text-align: center;
	text-decoration:none;
	padding: 10px;
}	

.thankyou{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #262626;
	text-align: center;
}

#bar-contact{
	background-color: #191919;
	text-align:center;
	padding: 10px 15px;
	height: 55px;
}
#bar-contact .col-xs-5{
	padding-left:0px;
	padding-right:0px;
}

.brown{
	background-color: #575757;	
}

.tiles {
	font-family:'Open Sans', sans-serif;
	color:#666;
	text-align:center;	
	font-size:18px;
	padding-top:17px;
}
.tiles.even{
	background:#fff;
}
.tiles.odd{
	background:#f5f5f5;
}
.tiles .upper{
	text-transform:uppercase;
}
.tiles h1{
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    font-weight: 100;
    color: #333;
    text-align: center;
    padding-top: 0px;
}
.tiles h2{
	font-size: 20px;
	font-weight: 500;
}
.tiles h2 span{	
	color:#628c29;
	font-weight:600;
}
.tiles h3{	
	font-family:'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color:#628c29;
	margin-top: 5px;
}
.tiles p{
	font-family:'Open Sans', sans-serif;
	font-size:14px;
}
.tiles .name{
	color:#666;
}
.tiles .value{
	color:#628c29;
	font-weight:600;
}
.tiles .news{
	margin-left:-15px;
	margin-right:-15px;
}
.tiles .testimonials{
	padding: 15px 15px 0 15px;
}

.main-img{
	margin-bottom:20px;
}

.s_about, .s_whydilsheimer, .s_quick {
    margin-top: -50px;
    margin-left: -15px;
    margin-right: -15px;
/*    margin-bottom: 200px;*/
    float: left;
}
.s_about h1, .s_whydilsheimer h1, .s_quick h1 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	padding: 16px;
	background-color: #2d4197;
	text-align: center;
}
.s_about h2, .s_whydilsheimer h2, .s_quick h2 {
	font-family:'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #2d4197;
	text-align: left;	
}
.s_about p, .s_whydilsheimer p, .s_quick p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #666;
	margin-top: -5px;
}
.s_whydilsheimer p a {
	color:#2d4197;
	text-decoration:none;
	font-weight:600;
}
.s_whydilsheimer p a:hover {
	color:#bdd977;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*##################################################################################*/
.post-wrapper {
   	background-color: #fff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(1, #ffffff), color-stop(1, #eeeeee) );
	background:-moz-linear-gradient(center top , #ffffff, #eeeeee);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 10px;
    padding: 16px;
}


.mod-header {
    background: none repeat scroll 0 center transparent;
    height: 1%;
    position: relative;
}

.mod-header h3 {
    border-bottom: 1px solid #DDDDDD;
    color: #999;
    font-family: helvetica,arial,sans-serif;
    font-size: 26px;
    line-height: 24px;
    margin: 0 0 0 30px;
    padding: 0 0 6px;
	text-decoration:none;
}

.mod-header h3 a  {
	color:#444;
	text-decoration:none;
}

.mod-header h3 a:hover  {
	color:#0068c9;
	text-decoration:underline;

}

.mod-header .datetime {
    background: url("/website/images/icons/icon_calendar_datetime.png") no-repeat scroll 0 0 transparent;
    font-family: helvetica,arial,sans-serif;
    font-weight: 700;
    height: 59px;
    left: -28px;
    position: absolute;
    top: -1px;
    width: 50px;
}

.mod-header .datetime .monthday {
    color: #DDDDDD;
    font-size: 11px;
    height: 17px;
    margin: 8px 7px 0;
    text-align: center;
    text-transform: uppercase;
    width: 41px;
}

.datetime .time {
    color: #444444;
    font-size: 14px;
    margin: 0 7px 7px;
    text-align: center;
    width: 41px;
}

.mod-header .datetime .time {
    color: #444444;
    font-size: 14px;
	margin: 0 0 7px 6px;
    text-align: center;
    width: 41px;
}

.mod-header .datetime .timeofday {
    color: #666666;
    font-size: 10px;
    margin: -13px 7px 7px;
    text-align: center;
    width: 41px;
}

.mod-header .sub-head {
    margin: 2px 0 0 30px;
    overflow: hidden;
    padding: 4px 0;
}

.mod-content {
	border: 0 none;
    color: #333333;
    font-size: 12px;
    padding: 2px;
	margin-top:10px;	
	overflow: auto;
	word-wrap: break-word;
}

.mod-footer {
   margin-bottom:60px;
}

.blogtitle a{
	color:#628c29;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
  font-weight: 400;
	margin-top:15px;
}

.blogtitle a:hover{
	text-decoration:none;
}

.blogdate{
	color:#888;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:300;
	margin-bottom:15px;
}

.stButton .stMainServices{
	height: 100% !important;
}

/* ==================== 
	Pagination
 ==================== */

.resultsPagination .disabled, .resultsPagination .disabled:hover {
    color: #ccc;
    text-decoration: none;
    background-color: #fff;
	cursor:default;
}
.resultsPagination a, .resultsPagination .currentPage, .resultsPagination .first, .resultsPagination .last, .prev_page, .next_page {
    font-weight: bold;
    font-family: Arial;
    font-size: 15px;
    text-decoration: none;
    margin-right: 2px;
    /*padding-top: 2px;*/
    min-width: 26px;
    height: 23px;
	line-height:23px;
    text-align: center;
    display: block;
    float: left;
    color: #999;
    background-color: #fff;
    border: 1px solid #DDD;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.resultsPagination a:hover, .resultsPagination .currentPage  {
    text-decoration: none;
    color: #0099FF;
    background-color: #f1f1f1;
}

.currentPage {
    font-weight: bold;
    font-family: Arial;
    font-size: 15px;
    text-decoration: none;
    margin-right: 2px;
    min-width: 26px;
    height: 23px;
	line-height:23px;
    text-align: center;
    display: block;
    float: left;
    color: #0099FF;
    background-color: #f1f1f1;
    border: 1px solid #DDD;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.active a, .arrow_disabled {
    font-weight: bold;
    font-family: Arial;
    font-size: 15px;
    text-decoration: none;
    margin-right: 2px;
    min-width: 26px;
    height: 23px;
	line-height:23px;
    text-align: center;
    display: block;
    float: left;
    color: #999;
    background-color: #fff;
    border: 1px solid #DDD;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.active a:hover {
   text-decoration: none;
   color: #0099FF;
   background-color: #f1f1f1;
}

.socialcart{
	display:none;
	position: fixed;
	top: 39%;
	right:0px;
	z-index: 1000;
	-webkit-box-shadow:  -6px 10px 10px -6px rgba(0,0,0,0.56);
	-moz-box-shadow:  -6px 10px 10px -6px rgba(0,0,0,0.56);
	box-shadow:  -6px 10px 10px -6px rgba(0,0,0,0.56);	
}

.socialcart img{
	width:32px;
}

.agent_photo {
    float: left;
    margin-right: 70px;
    width: 150px;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


@media(min-width:768px){
	
	.logo{
    max-width: 43%;
	}	
	
	#quick_search{
		margin-top:inherit;
	}
	
	#agent_quick_search{
		margin-top:inherit;
	}	
	
	#featured-properties h2 {

	}	
	
	#featured-properties .featured-property-container {
		margin-right:25px;
		margin-bottom:20px;
	}
	
	#featured-properties .photo_crop {
	    height: 250px;
			overflow: hidden;
		}
		
	#featured-properties .photo_crop img{
		min-height: 100%;
	}	
	
	#bar-contact{
		display:none;
	}
	
	#tiles{
		background:#fff;
		border-bottom: 1px #ccc solid;
	}
		
	.socialcart{
		display:block;
	}
	
	.socialcart:hover {
		display: block;
	}	
	
}

@media(min-width:1000px){

	
}

@media(min-width:1024px){
	.socialcart img{
		width:48px;
		opacity:.8;
	}	
	.socialcart img:hover{
		position: relative;
		opacity:1;	
	}	
	
}

@media(min-width:1200px){
	.s_about h2, .s_whydilsheimer h2 {
		font-size: 26px;
	}
	.s_about p, .s_whydilsheimer p {
		font-size: 21px;
	}	
}