@charset "utf-8";
/* CSS Document */
.container  {
    margin-left: auto;
    margin-right: auto;
}
h1.adelle {
text-transform:uppercase;
font-size:24px;
color:#004300;
font-weight:bold;
font-family:adelle;
padding:0 !important;
margin:0!important;
}

h2{
text-transform:uppercase;
font-size:18px;
color:#2c2b2b;
font-weight:bold;
font-family:adelle;
padding:0 !important;
margin:20px  0 0 0 !important;
}
h3.adelle {
color:#004300;
font-size:16px;
font-family:adelle;
font-weight:bold !important;
text-transform:uppercase;

}
h4{
color:#004300;
font-size:27px;
font-family:adelle;
font-weight:normal !important;
margin:0;
}
h5{
color:#004300;
font-size:16px;
font-family:adelle;
font-weight:normal !important;
margin:0;
}
h4 #narrow{
width:457px;
display:block;
}

h6 {

	padding:1px 5px 1px 5px;
	background-color:#004300;
	color:yellow;
	font-family:adelle;
	font-size:14px;
	font-weight:normal !important;
	margin:0;
	text-transform:uppercase;
}
p{
color:#2c2b2b;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

p #narrow{
width:511px;
display:block;
}

p #home{
font-size:12px;
display:inline;
}
#affiliates{
font-size:12px;
width:100%;
float:left;
margin-bottom:30px;
}
#maincontainer{
/*max-width:904px !important;*/
margin:0 auto;
border:0px solid #000;
}
#header{
	float:left;
	width:100%;
	height:270px;
/*
	background-image:url(/images/bg_header.png);
	background-repeat:no-repeat;
	background-size: contain;
*/
	z-index: 1000;/**/

}
#contentwrap{
float:left;
/*width:100%;*/
/*background: #fff url(/images/right-grad.png) right top repeat-y; */
background-color:#FFFFFF;
-webkit-box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.75);
box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.75);
}
body{
/*background:#004300;*/
font-family:Arial, Helvetica, sans-serif;
/*font-size:12px;*/
margin:0;
padding:0;
}

p {font-size:12px;
}

#footer{
float:left;
width:100%;
}
#footer a{
color:#669966;
text-decoration:none;
}
/* header elements */

#logo{
float:left;
margin:27px 0 24px 13px;

}
#header_right{

	margin-left: auto;
	margin-right: auto;
	/*color: #fff;*/
	margin-top:160px;
	font-size:14px;
}
#header_right div{text-align:center;}
#header_right #line1{margin-bottom:15px;
	padding-top: 30px;}

/* menu */

#smoothmenu1{
float:left;
height:41px;
background:#666666;
width:100%;
}
#content{
float:left;
width:100%;
}

/* footer styles */
#upper-line{
float:left;
width:100%;
text-align:center;
margin-top:30px;
}

#mls{
float:left;
width:114px;
height:54px;
margin-left:341px;
margin-right:27px;
}
#foot-house{
float:left;
margin-top:7px;
}

#bottom-line{
float:left;
width:100%;
color:#669966;
text-align:center;
margin-top:27px;
font-size:14px;

}
#middle-line{
float:left;
width:100%;
text-align:center;
color:#fff;
margin-top:34px;
}
#middle-line1{
float:left;
width:100%;
text-align:center;
color:#fff;
}
#copy-line{
float:left;
width:100%;
text-align:center;
color:#669966;
font-size:10px;
margin-bottom:62px;
}


/* content styles*/

#slideshow{
/*float:left;*/
	width:100%;
	height:391px;
	/*margin-bottom:42px;*/
	margin-left: auto;
	margin-right: auto;
}
#column_wrapper{
float:left;
width:100%;

}
#left_col{
float:left;
/*width:190px;*/
border-right:0px solid #666;
padding-left:33px;
padding-top:20px;
}
#left_col .left_menu{
float:left;
/*width:210px;*/
margin:0 0 8px 0;
}
.left_menu a{
color:#004300;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.left_menu a.interior-visited:hover, .left_menu a.interior:hover{
color:#008800;
}

.left_menu a.interior{
color:#2c2b2b;
font-size:12px;
font-weight:normal;
}

.left_menu a.interior-visited{
color:#004300;
font-size:12px;
font-weight:normal;
}

#full_width_col{
float:left;/*
width:830px;*/
padding-left:33px;
padding-right:20px;
min-height:510px;
}

#center_col{
float:left;/*
width:635px;*/
padding-left:10px;
padding-right:0px;
border-left:1px solid #666;
min-height:510px;
}

#center_col a{
font-family:adelle;
color: #004300;
font-size: 12px;
font-weight: normal;
/*text-decoration:none;*/
}

#center_col a:hover{

color: #004300;
font-size: 12px;
font-weight: normal;
text-decoration:underline;
}

}
#left-col-divider{
float:left;
border-bottom:1px solid #666;/*
width:166px;*/
margin-top:10px
}
#left-col-heading{
text-transform:uppercase;/*
width:210px;*/
float:left;
font-size:15px;
margin-bottom:19px;
color:#2c2b2b;
font-weight:bold;
font-family:adelle;
}
#left-col-menu-heading{
color:#004300;
font-weight:bold;
margin-bottom:5px;

font-size:14px;

}

#market-activity{
float:left;
margin-top:41px;
border:0px solid #000;
}

#market a{
float:left;
text-transform:uppercase;
color:#2c2b2b;
font-size:15px;
font-weight:bold;
font-family:adelle;
text-decoration:none;
}
#market-logo{
float:left;
border:0px solid #000;
margin-left:11px;
}
#market-text{
width:148px;
float:left;
margin-top:16px;
font-size:12px;
color:#2c2b2b;
}
#office-locations{
float:left;
}

#facebook{
float:left;
margin-top:65px;
}

#divider{
float:left;
width:100%;
height:24px;
}
#wide_divider{
float:left;
width:100%;
height:1px;
border-bottom:1px solid #666;
margin-bottom:18px;
}
#contact_divider{
float:left;
width:100%;
height:1px;
border-bottom:1px solid #666;
margin-top:30px;
margin-bottom:25px;
}
#spacer{
float:left;
height:35px;
}
#office-info{
font-size:12px;
color:#2c2b2b;
}
#office-image{
margin-top:-8px;
float:left;
}
#office-info{
float:left;
width:100%;
font-size:12px;
color:#2c2b2b;
font-family:Arial, Helvetica, sans-serif;
margin: 1px 0;
}

#office-info-last{
float:left;
width:100%;
font-size:12px;
color:#2c2b2b;
font-family:Arial, Helvetica, sans-serif;
margin: 1px 0 10px 0;
}

#office-image1{
margin-top:28px;
float:left;
}

#featured_wrap{
float:left;
/*height:216px;
width:100%;
background: #fff url(../images/featured-grad.png)  top repeat-x;  background-color:#d4d5d7:*//**/
padding: 10px 15px;

    height: 100%;
    background: #d4d5d7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d4d5d7, #f1f2f4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d4d5d7, #f1f2f4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d4d5d7, #f1f2f4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d4d5d7, #f1f2f4); /* Standard syntax (must be last) */
}
#featured_left{
float:left;/*
width:388px;*/
border:0px solid #000;
}
#featured_right{
float:left;/*
width:388px;*/
border:0px solid #000;
}
#featured_div{
width:1px;
border-left:1px solid #666;/*
height:216px;*/
float:left;
margin:2px 26px;
}
#featured-heading{
float:left;
/*width:380px;*/
text-transform:uppercase;
color:#004300;
font-weight:bold;
}
#featured_wrap a{
color: #004300;
}
.link-heading{
float:left;
margin-top:12px;color: #004300;
}
#link-heading a span{font-size:12px;
color:#004300;
font-weight:bold;
display:block;
float:left;
cursor:pointer;
}
#link-heading a #arrow{
display:block;
margin:1px 2px;
float:left;
}
#featured-pic-wrap{
float:left;
height:151px;
width:100%;
border:0px solid #000;
margin-top:24px;
}
#featured-property-wrap1{
float:left;/*
width:124px;
height:151px;*/
margin-right:5px;
}
#featured-property-wrap2{
float:left;/*
width:124px;
height:151px;*/
margin:0 6px;
}
#featured-property-wrap3{
float:left;/*
width:126px;
height:151px;*/
}
#featured-town{
color: #004300;
font-size:12px;
font-weight:bold;
margin-top:8px;
margin-left:1px; text-align:center;
}
#featured-price{
color: #004300;
font-size:12px;
margin-left:1px; text-align:center;
}


/*about styles */

#row{
float:left;
width:100%;
height:50px;
}
#row_left,#row_right{
float:left;
width:50%;
height:50px;
}
#agent-name a{
color:#004300;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal !important;
float:left;
width:100%;
text-decoration:none;
}

#agent-name a:hover{
color:#008800;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal !important;
float:left;
width:100%;
text-decoration:none;
}

#agent-desc{
float:left;
width:560px;
margin-bottom:36px;
font-size:14px;
margin-top:30px;

}

#agent-dept{
color:#6e6e6e;
font-size:14px;
margin-top:5px;

}
#agent-name{
color:#004300;
font-size:25px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal !important;
float:left;
width:100%;

}

#agent-title{
float:left;
width:100%;
font-size:13px;

}
#space{
float:left;
width:100%;
height:40px;
}

/*about/contact office page*/

#office-left{
float:left;/*
width:284px;
margin-right:19px;*/
}
#office-right{
float:left;/*
width:284px;*/
}
#office-bottom{/*
width:600px;
margin-right:19px;*/
}
#office-bottom img{
margin: 0 auto;
}
#office-heading{
color:#004300;
font-size:18px;
margin-top:27px;
font-weight:normal;
margin-bottom:12px;
}
#office-address{
font-size:12px;
color:#000;
font-weight:bold;
}
#office-description{
color:#2c2b2b;
font-size:13px;
margin-top:26px;
width:275px;

}
#office-description2{
color:#2c2b2b;
font-size:13px;
margin-top:26px;
width:565px;

}

/*homepage styles */

#home_banners{
float:left;
margin-top:48px;
}
#banner1{float:left;margin-right:48px;}
#banner2{float:left;}

/*contact left column */

 .contact{float:left;margin-right:0;margin-top:29px;}
#banner2 .contact{float:left;}

/*affiliates, privacy policy*/
#alert{
font-weight:bold;
font-size:12px;
}
ol {
color:#2c2b2b;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/* market activity */
#market-charts{
float:left;
width:600px;
border:0px solid #000;
}
#cell{
border:0px solid #000;
float:left;
height:345px;
margin-right:20px;
}
#cell p{
font-size:12px;}
#market-row{
float:left;
width:600px;

}
#market-left{
float:left;
height:345px;
}
#market-left img,#market-right img{float:left !important;margin: 10px 10px;}

#market-left div, #market-right div{
float:left;

}

/*recent comments*/

.commentsList { padding:5px; margin-bottom:15px; border:1px solid #CCCCCC; background-color:#F3F3F3;font-size:13px;}
#center_col ul li a {

color:#004300;
font-size:14px;
font-weight:normal;
/*text-decoration:none;*/
}

#center_col ul li a:hover {

color:#008800;
font-size:14px;
font-weight:normal;
/*text-decoration:none;*/
}

#center_col table td a{
color:#004300;
font-size:12px;
font-weight:normal;
/*text-decoration:none;*/
font-family:adelle;
}

/* search */

#search-row{
float:left;
width:610px;
border:0px solid #000;
margin-bottom:15px;
font-size:12px;
color:2c2b2b;
}
#search-row #label {
float:left;

width:161px;
}
#search-row #field{
float:left;
}
#fillup-space{
float:left;
height:380px;
}

#fillup-large-space{
float:left;
height:530px;
}
/*listings detail page*/

#detail-title{
color:#004300;
float:left;
width:100%;
font-size:20px;
font-family:adelle, arial, Helvetica, sans-serif;
}

#detail-price{
float:left;
width:100%;
color:#b3b3b3;
font-size:16px;
margin-bottom:28px;
margin-top:5px;
}
#detail-description{
color:2c2b2b;
font-size:14px;
float:left;
}
#detail-waterfront{
font-size:14px;
margin-left:15px;
}
#detail-waterf{
font-size:14px;
margin-left:15px;
}

/*listings lists */

td #listing-heading{
color:#004300;
text-transform:capitalize;
font-size:27px;
}


/*misc pages*/

#sales-worksheet{
width:600px;
float:left;
}

/*rentals search and listings*/
#map{
color:#004300;
font-size:18px;
margin-bottom:18px;
}
#legend{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#legend td .map-link{
color:#000;
font-size:12px;

}
#legend td{
font-weight:bold;
}
#note{
background:url(../images/interior-grad.gif) repeat-x;
margin-top:19px;
margin-bottom:32px;

float:left;
border:0px solid #000;
height:56px;
padding: 12px 15px 12px 15px;
}
#note-line1{
font-size:12px;
font-weight:bold;
}
#note-line2{
font-style:italic;
font-size:12px;
margin-top:4px;
}
#rental-heading{
color:#004300;
font-weight:normal;
float:left;
width:100%;
font-size:18px;
margin-bottom:29px;
}
div[id^=faq-list]{
background:url(../images/list-item.gif) left no-repeat;
padding-left:13px;
padding-top:3px;
color:#004300;
cursor:pointer;
margin-top:10px;
float:left;
width:100%;
}
div[class^=faq-list]{
display:none;
padding-left:13px;
padding-top:3px;
color:#004300;

}
#lnote-line1{
color:#004300;
font-weight:bold;
}
#lnote-line2{
color:#666;

}
#extra-wide-divider{
border-bottom:1px solid #666;
margin-bottom:29px;

width:100%;
float:left;
margin-top:29px;
}
#result-heading{

color:#004300;
cursor:pointer;
display:none;
float:left;
}
#result{
font-size:14px;
float:left;
margin-top:15px;
}
#faq-image{
float:left;
margin-left:-33px;

}
.mainimg{
float:left;
margin-left:-35px;


}
#image-bottom{
/*margin-left:-35px;*/
background:#fff;
height:40px;
float:left;
width:100%;
border:0px solid #000;
}

#broker-information{
float:left;
border:0px solid #000;
width:100%;
padding-left:5px;
padding-top:10px;
margin-top:10px;
}
#broker-image{
float:left;
border:0px solid #000;
width:100%;
height:100%;
margin-top:30px;
}
#email-broker{
float:left;
width:600px;
color:#004300;
font-size:20px;
margin-bottom:20px;
}

.links a{

color: #004300;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
text-decoration:none;
}
.links b a{

color: #004300;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
text-decoration:none;
}

.link{
color: #004300;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
text-decoration:none;
}

/* ********************************** */
/* LISTINGS map container div */
/* ********************************** */
div#listings_mapContainer
{
	display: none;
	height: 425px;
	width: 100%;
	border: 1px solid #000;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

	#listings_mapContainer .listings_title
	{
		width:300px;
		padding-left: 10px;
		padding-top:3px; 
		float: left;
		font:11pt verdana;
		font-weight:bold;
		color:#000;
	}

	#listings_mapContainer #listings_map
	{
		width:100%;
		height:398px;
		text-align:center;
	}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.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;
}
#carousel-custom .item.active .slider-content {
    z-index: 0;
    opacity: 1;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms;
}

@media (max-width: 768px) {
h1{
text-transform:uppercase;
font-size:20px;
color:#004300;
font-weight:bold;
font-family:adelle;
padding:0 !important;
margin:0!important;
}

}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to 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);
    }
}

.modal {
    position: fixed;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999998;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
     z-index: 0; /**/
    background-color: #000;
}
.modal-fullscreen {
  background: #ffffff;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0;
}
/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
/*.modal iframe {
    width: 100%;
    height: 100%;
}*/
@media (max-width: 414px) {
.modal {
    position: fixed;
    top: 20px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999998;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
}

@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}