@charset "utf-8";
/* ALL SOURCE CODE COPYRIGHT 2016 DON DEMROW, BESTPROWEB.COM. ALL RIGHTS RESERVED. */

/*

TABLE OF CONTENTS:

			0.0.0 - Styles and colors data dictionary
			
			1.0.0 - reset CSS
         
         2.0.0 - embedded fonts
			
			3.0.0 - styles for ALL resolutions
			
			4.0.0 - styles 1280 and above
         
         5.0.0 - styles 1101 to 1280
			
			6.0.0 - styles 768 to 1100
			 
			7.0.0 - styles from 601 to 767
			  
			8.0.0 - styles from 0 to 600

*/


/* ######################################################################################## */
/* ################## 0.0.0 - Styles and colors data dictionary - START ################### */
/* ######################################################################################## */

   /*
      page background color: #efefe0
      
      header background color: #6a7b59
      
      footer background color: #6a7b59
      
      font colors: #0f0f0f;
      
      font: opensans-light
   */

/* ######################################################################################## */
/* ################### 0.0.0 - Styles and colors data dictionary - END #################### */
/* ######################################################################################## */






/* ######################################################################################## */
/* ############################## 1.0.0 - reset CSS - START ############################### */
/* ######################################################################################## */
		
	/* universal reset start - DLD, 20150804 */
   	* 
      {
      margin: 0;
      padding: 0;
      border: 0;
      /* box-sizing: border-box; Do not use this - it makes a weird scroll bar at tablet resolution. */
      }
      
	/* universal reset end */
	
	/* HTML5 for older browsers start - DLD, 20150804 */
   	article, aside, div, figure, footer, header, hgroup, nav, section
   	{
   	display: block;
   	}
	/* HTML5 for older browsers end */

/* ######################################################################################## */
/* ############################### 1.0.0 - reset CSS - END ################################ */
/* ######################################################################################## */






/* ######################################################################################## */
/* ########################## 2.0.0 - embedded fonts - START ############################## */
/* ######################################################################################## */
			
   /* ************* Don't alter this - it's the font declaration ************* */
      
      @font-face 
   	{
   	font-family: openSans;
   	src: url('../fonts/opensans-regular-webfont.eot');
   	src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype');
   	src: url('../fonts/opensans-regular-webfont.woff') format('woff');
   	src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
   	}
      
      @font-face 
   	{
   	font-family: openSansLight;
   	src: url('../fonts/opensans-light-webfont.eot');
   	src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype');
   	src: url('../fonts/opensans-light-webfont.woff') format('woff');
   	src: url('../fonts/OpenSans-Light.ttf') format('truetype');
   	}
      
	/* ************************************************************************ */
   
/* ######################################################################################## */
/* ########################### 2.0.0 - embedded fonts - END ############################### */
/* ######################################################################################## */






/* ######################################################################################## */
/* ###################### 3.0.0 - styles for ALL resolutions - START ###################### */
/* ######################################################################################## */



.noScr
{
display: none;
}

p, li
{
font-size: 21px;
}
	
.transform
	{
	-webkit-transition: opacity 0.4s, width 0.25s, height 0.25s, left 0.15s, right 0.25s, top 0.25s, bottom 0.25s, font-size 0.15s, color 0.4s, border 0.4s, opacity 0.3s, text-shadow 0.4s, box-shadow 0.4s, text-decoration 0.4s; /* Safari */
    transition: opacity 0.25s, width 0.25s, height 0.25s, left 0.15s, right 0.25s, top 0.25s, bottom 0.25s, font-size 0.15s, color 0.4s, border 0.4s, opacity 0.3s, text-shadow 0.4s, box-shadow 0.4s, text-decoration 0.4s;
	}

   *
   {
   font-family: openSans;
   }
   
   body
   {
   background: #bfcfdf; /* afbfcf */
   
   background: -moz-linear-gradient(top, #96a587 0%, #57644a 100%);
   background: -webkit-linear-gradient(top, #96a587 0%, #57644a 100%);
   background: linear-gradient(to top, #96a587 0%, #57644a 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96a58700', endColorstr='#57644aff',GradientType=1 );
  
   font-family: openSans, tahoma, sans-serif;
   display: block;
   
   min-width: 380px !important;
   color: #3f3f3f;
   }
   

   
   .clearAll
   {
	clear: both;
   }
   
   #wrapper
   {
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   overflow-x: hidden;
   }
   
   #container
   {
   display: block;
   min-height: 75vh;
   max-width: 1320px;
   padding: 18px;
   margin-left: auto;
   margin-right: auto;
   background: #ffffff;
   overflow-x: hidden;
   }
   
   .darkGrayBG
   {
   background: #2f1f00 !important;
   }
   
   .lightGrayBG
   {
   background: #666644 !important;
   }
   
   h1
   {
   margin-bottom: 16px;
   }
   
   #mainHeadline
   {
   color: #ffffff;
   background: -moz-linear-gradient(left, rgba(0,0,0,0.49) 0%, rgba(0,0,0,0) 100%);
   background: -webkit-linear-gradient(left, rgba(0,0,0,0.49) 0%,rgba(0,0,0,0) 100%);
   background: linear-gradient(to right, rgba(0,0,0,0.49) 0%,rgba(0,0,0,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85000000', endColorstr='#ffffffff',GradientType=1 );
   position: relative;
   width: calc(100% + 32px);
   margin-left: -16px;
   padding-left: 16px;
   }
   
   h2
   {
   margin-bottom: 12px;
   color: #6a7b59;
   }
   
   #contactForm, #portfolioContainer
   {
   margin-top: -16px;
   }
   
   #headshot
   {
   float: left;
   clear: both;
   margin-bottom: 16px;
   margin-right: 16px;
   border: 1px solid #5f5f5f;
   border-radius: 50%;
   box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);
   }
   
   .circlePic
   {
   
   border: 1px solid #5f5f5f;
   border-radius: 50%;
   }
   
   .white
   {
   color: #ffffff;
   }
   
   .chainLinks
   {
   font-size: 18px;
   color: #ffffff;
   vertical-align: middle;
   }
   
   a
   {
   outline: 0;
   }
   
   .textLink
   {
   color: #aa2200;
   }
   
   .textLink:visited
   {
   color: #aa2200;
   }
   
   .textLink:hover, .textLink:active, .textLink:focus
   {
   color: #0336cf;
   }
   
   .textLinkPale
   {
   color: #ddeeff;
   text-decoration: none;
   }
   
   .textLinkPale:visited
   {
   color: #ddeeff;
   text-decoration: none;
   }
   
   .textLinkPale:hover
   {
   color: #ffffff;
   text-decoration: underline;
   }
   
   p
   {
   /* min-width: 380px !important; */
   margin-bottom: 16px;
   }
   
   .clickable
   {
   cursor: pointer;
   pointer-events: all;
   }
   
   .quoted
   {
   display: block;
   font-style: italic;
   margin-bottom: 0 !important;
   font-family: 'sans-serif';
   font-size:1.3em !important;
   width: 70vw;
   max-width: 780px;
   margin-left: auto;
   margin-right: auto;
   }
   
   .quoted::before
   {
    content: "\201C";
   font-size: 2em;
   color: #5f6f7f;
   font-family: 'sans-serif';
   line-height: 0.4em;
   vertical-align: bottom;
   white-space: nowrap;
   }
   
   .quoteSignature::before
   {
   content: "\201d";
   font-size: 1.5em;
   color: #5f6f7f;
   font-family: 'sans-serif';
   line-height: 1em;
   vertical-align: bottom;
   white-space: nowrap;
   }
   
   
   .quoteSignature::after
   {
   /* content: "\201d"; */
   }
   
   .quoteSignature
   {
   display: inline;
   font-size: 0.9em;
   font-style: normal;
   white-space: nowrap;
   color: #6a7b59;
   font-weight: bold;
   }
   
   .center
   {
   text-align: center;
   display: block;
   width: initial;
   margin-left: auto;
   margin-right: auto;
   }
   
   .italic
   {
   font-style: italic;
   }
   
   .footerLink, .footerUtilityLink, .footerUtilityText
   {
   color: #72757a;
   text-decoration: none;
   font-size: 1em; /* 0.85em; */
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   display: block;
   }
   
   .footerLink:hover
   {
   color: #ffbb88;
   text-decoration: underline;
   }
   
   .footerUtilityLink:hover
   {
   color: #c0d0ff;
   text-decoration: underline;
   }
   
   .colThird a
   {
   display: inline-block;
   margin-bottom: 13px;
   }
   
   .colThird
   {
   min-height: 210px;
   }
   
   .colThirdHeading
   {
   margin-bottom: 16px;
   }
   
   .nowrap
   {
   white-space: nowrap;
   }
   
   img
   {
   pointer-events:none;
   user-select: none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   }
   
   a
   {
   user-select: none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   }
   
   figure
   {
   text-align: center;
   }
   /*
   exampleHalfSize 
   {
   border: 1px solid #777777; 
   width: 50% !important;
   }
   */
   figcaption
   {
   clear: both;
   color: #ffffff;
   font-size: 0.9em;
   }
   
   .footnote
   {
   font-size: 11px !important;
   font-style: italic !important;
   }
   
   .highlight
   {
	background: #ffff00;   
   }
   
   .red
   {
	color: #cc0000;
   }
   

/* ######################################################################################## */
/* ####################### 3.0.0 - styles for ALL resolutions - END ####################### */
/* ######################################################################################## */






/* ######################################################################################## */
/* ######################### 4.0.0 - styles 1280 and above - START ######################## */
/* ######################################################################################## */

@media all AND (min-width: 1280px)
{
   header
   {
   width: 100%;
   position: fixed;
   z-index: 100;
   height: 100px;
   background: #ffffff;
   box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
   }
   
   .spacerBottom
   {
   width: 1px;
   margin: 0;
   padding: 0;
   display: block;
   clear: both;
   }
   
   h1
   {
   font-size:1.9em;
   }
   
   footer
   {
   color: #ffffff;
   background: #6a7b59;
   padding-top: 16px;
   padding-left: 4.25vw;
   padding-right: 0.75vw;
   padding-bottom: 16px;
   		/*        x,    y,   depth, spread,     color, opacity */
	box-shadow:  0    -3px    6px      0        rgba(0, 0, 0, 0.4);
   }
   
   .colThird
   {
   display: block;
   width: 28vw;
   margin-left: 1vw; 
   margin-right: 1vw;
   float: left;
   clear: right;
   border: 1px solid #7a8b69;
   border-radius: 5px;
   box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4);
   }
   
   #footerUtilityBar
   {
   color: #ffffff;
   background: #2d2e30;
   padding: 22px 16px 4px 16px;
   }
   
#goToTopButton
	{
	max-height: 36px;
	max-width: 36px;
	height: 36px;
	width: 36px;
	color: #ffffff;
	border: 1px #9ca9bf solid;
	opacity: 0;
	position: fixed;
	z-index: 9000;
	bottom: 15px;
	right: 15px;
   background: rgba(255, 255, 255, 0.9);
	border-radius: 10vw;
		/*        x,    y,   depth, spread,     color, opacity */
	box-shadow:  0    3px    4px      0        rgba(0, 0, 0, 0.3);
  
   transition: opacity .6s ease-in-out;
   -moz-transition: opacity .6s ease-in-out;
   -webkit-transition: opacity .6s ease-in-out;
   }
}

/* ######################################################################################## */
/* ########################## 4.0.0 - styles 1280 and above - END ######################### */
/* ######################################################################################## */






/* ######################################################################################## */
/* ########################## 5.0.0 - styles 1101 to 1280 - START ######################### */
/* ######################################################################################## */

@media all AND (min-width: 1101px) AND (max-width: 1280px)
{
   header
   {
   width: 100%;
   position: fixed;
   z-index: 100;
   height: 70px;
   background: #ffffff;
   box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
   }
   
   .spacerBottom
   {
   width: 1px;
   margin: 0;
   padding: 0;
   display: block;
   clear: both;
   }
   
   h1
   {
   font-size:2em;
   }
   
   footer
   {
   color: #ffffff;
   background: #6a7b59;
   padding-top: 16px;
   padding-left: 4vw;
   padding-right: 1.5vw;
   padding-bottom: 16px;
   		/*        x,    y,   depth, spread,     color, opacity */
	box-shadow:  0    -3px    6px      0        rgba(0, 0, 0, 0.4);
   }
   
   .colThird
   {
   display: block;
   width: 28vw;
   margin-left: 1vw; 
   margin-right: 1vw;
   float: left;
   clear: right;
   padding: 8px;
   border: 1px solid #7a8b69;
   border-radius: 5px;
   box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4);
   }
   
   #footerUtilityBar
   {
   color: #ffffff;
   background: #2d2e30;
   padding: 22px 16px 4px 16px;
   }
   
#goToTopButton
	{
	max-height: 36px;
	max-width: 36px;
	height: 36px;
	width: 36px;
	color: #ffffff;
	border: 1px #9ca9bf solid;
	opacity: 0;
	position: fixed;
	z-index: 9000;
	bottom: 15px;
	right: 15px;
   background: rgba(255, 255, 255, 0.9);
	border-radius: 10vw;
		/*        x,    y,   depth, spread,     color, opacity */
	box-shadow:  0    3px    4px      0        rgba(0, 0, 0, 0.3);
   
   transition: opacity .6s ease-in-out;
   -moz-transition: opacity .6s ease-in-out;
   -webkit-transition: opacity .6s ease-in-out;
   }
}

/* ######################################################################################## */
/* ########################### 5.0.0 - styles 1101 to 1280 - END ########################## */
/* ######################################################################################## */






/* ######################################################################################## */
/* ########################## 6.0.0 - styles 768 to 1100 - START ########################## */
/* ######################################################################################## */

@media all AND (min-width: 768px) AND (max-width: 1100px)
{
   header
   {
   width: 100%;
   position: fixed;
   z-index: 100;
   height: 70px;
   background: #ffffff;
   box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
   }
   
   .spacerBottom
   {
   width: 1px;
   margin: 0;
   padding: 0;
   display: block;
   clear: both;
   }
   
   h2
   {
   font-size:1.5em;
   }
 
   footer
   {
   color: #ffffff;
   background: #6a7b59;
   padding-top: 16px;
   padding-left: 0.85vw;
   padding-right: 0.35vw;
   padding-bottom: 16px;
   		/*        x,    y,   depth, spread,     color, opacity */
	box-shadow:  0    -3px    6px      0        rgba(0, 0, 0, 0.4);
   }
   
   .colThird
   {
   display: block;
   width: 30vw;
   margin-left: 1vw; 
   margin-right: 1vw;
   float: left;
   clear: right;
   padding: 7px;
   border: 1px solid #7a8b69;
   border-radius: 5px;
   box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4);
   }
   
   #footerUtilityBar
   {
   color: #ffffff;
   background: #2d2e30;
   padding: 22px 16px 4px 16px;
   }

#goToTopButton
	{
	max-height: 36px;
	max-width: 36px;
	height: 36px;
	width: 36px;
	color: #ffffff;
	border: 1px #9ca9bf solid;
	opacity: 0;
	position: fixed;
	z-index: 9000;
	bottom: 15px;
	right: 15px;
   background: rgba(255, 255, 255, 0.9);
	border-radius: 10vw;
		/*        x,    y,   depth, spread,     color, opacity */
	box-shadow:  0    3px    4px      0        rgba(0, 0, 0, 0.3);
   
   transition: opacity .6s ease-in-out;
   -moz-transition: opacity .6s ease-in-out;
   -webkit-transition: opacity .6s ease-in-out;
   }
}

/* ######################################################################################## */
/* ########################### 6.0.0 - styles 768 to 1100 - END ########################### */
/* ######################################################################################## */






/* ######################################################################################## */
/* ######################## 7.0.0 - styles from 601 to 767 - START ######################## */
/* ######################################################################################## */

@media all AND (min-width: 601px) AND (max-width: 767px)
{
   header
   {
   width: 100%;
   position: fixed;
   z-index: 100;
   height: 70px;
   background: #ffffff;
   box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
   }
   
   .spacerBottom
   {
   width: 1px;
   margin: 0;
   padding: 0;
   display: block;
   clear: both;
   }
   
   h1
   {
   font-size:2em;
   }
   
   h2
   {
   font-size:1.4em;
   }   

   footer
   {
   color: #ffffff;
   background: #6a7b59;
   padding-top: 16px;
   padding-right: 6vw;
   padding-bottom: 16px;
   padding-left: 7vw;
   		/*        x,    y,   depth, spread,     color, opacity */
	box-shadow:  0    -3px    6px      0        rgba(0, 0, 0, 0.4);
   }
   
   .colThird
   {
   display: block;
   width: 86vw;
   margin-left: 0;
   margin-bottom: 22px;
   border: 1px solid #7a8b69;
   border-radius: 5px;
   box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4);
   }
   
   #footerUtilityBar
   {
   color: #ffffff;
   background: #2d2e30;
   padding: 22px 16px 4px 16px;
   }
   
   #goToTopButton
	{
	max-height: 36px;
	max-width: 36px;
	height: 36px;
	width: 36px;
	color: #ffffff;
	border: 1px #9ca9bf solid;
	opacity: 0;
	position: fixed;
	z-index: 9000;
	bottom: 15px;
	right: 15px;
   background: rgba(255, 255, 255, 0.9);
	border-radius: 10vw;
		/*        x,    y,   depth, spread,     color, opacity */
	box-shadow:  0    3px    4px      0        rgba(0, 0, 0, 0.3);
   
   transition: opacity .6s ease-in-out;
   -moz-transition: opacity .6s ease-in-out;
   -webkit-transition: opacity .6s ease-in-out;
   }
}

/* ######################################################################################## */
/* ######################### 7.0.0 - styles from 601 to 767 - END ######################### */
/* ######################################################################################## */






/* ######################################################################################## */
/* ######################### 8.0.0 - styles from 0 to 600 - START ######################### */
/* ######################################################################################## */

@media all AND (max-width: 600px)
{
   
   header
   {
   display: block;
   height: 60px;
   }

   .spacerBottom
   {
   width: 1px;
   margin: 0;
   padding: 0;
   display: block;
   clear: both;
   }
   
   h2
   {
   font-size:1.3em;
   font-weight: bold;
   }   
   
   footer
   {
   color: #ffffff;
   padding-top: 16px;
   padding-left: 1vw;
   
   padding-right: 5.5vw;
   padding-bottom: 16px;
   		/*        x,    y,   depth, spread,     color, opacity */
  
   margin:0 0 0 16px;
   }
   
   #footerUtilityBar
   {
   color: #ffffff;
   background: #2d2e30;
   padding: 14px 22px 4px 16px;
   
   }
   
   #goToTopButton
	{
	max-height: 36px;
	max-width: 36px;
	height: 36px;
	width: 36px;
	color: #ffffff;
	border: 1px #9ca9bf solid;
	opacity:0;
	position: fixed;
	z-index: 9000;
	bottom: 15px;
	right: 15px;
   background: rgba(255, 255, 255, 0.9);
	border-radius: 10vw;
		/*        x,    y,   depth, spread,     color, opacity */
	box-shadow:  0    3px    4px      0        rgba(0, 0, 0, 0.3);
   
   transition: opacity .6s ease-in-out;
   -moz-transition: opacity .6s ease-in-out;
   -webkit-transition: opacity .6s ease-in-out;
   }
}
   


   @media all AND (min-width: 768px)
   {
     footer
      {
      color: #ffffff;
      background: #6a7b59;
      }
   }

/* ######################################################################################## */
/* ########################## 8.0.0 - styles from 0 to 600 - END ########################## */
/* ######################################################################################## */

#geographicalMap
{
padding: 0!important;
overflow: hidden;
}

#geographicalMap > iframe
{
border: 1px solid transparent;
border-radius: 5px;
}


@media all AND (min-width: 992px)
{
  .phoneOnly
   {
   display: none;
   }
   
  .noPhone
  {
  display: block;
  clear: both;
  }
}

@media all AND (max-width: 991px)
{
  .phoneOnly
   {
   display: block;
   }
   
  .noPhone
  {
  display: none;
  clear: none;
  }
}    


#realtorSection
{
list-style: none;
}


@media all AND (max-width:767px)
{
#realtorSection
{
display: flex;
margin-left: auto;
margin-right: auto;	
display: block;
width: 350px;
} 
}

@media all AND (min-width:768px) AND (max-width: 991px)
{
  #realtorSection
   {	
   display: block;
   width: 350px;
   margin-left: auto;
   margin-right: auto;
   }
}

#realtorSection img
{
width: 107px;
border: 1px solid rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.3);
}

@media all AND (max-width: 991px)
{
  .colHalf		 
   {
   width: 100%;
   margin-top: 44px;
   margin-left: auto;
   margin-right: auto;
   display: block;
   }
}		


@media all AND (min-width: 600px) AND (max-width: 991px)
{ 
  #geographicalMap > iframe
   {
   width: 100%;
   height:500px; 
   max-height: 500px;
   display: block;
   }
  }
  
@media all AND (max-width: 599px)
{ 
  #geographicalMap > iframe
   {
   width: 98%;
   height:500px; 
   max-height: 500px;
   display: block;
   }
  }
			
@media all AND (min-width: 767px) AND (max-width: 992px)
{
  #geographicalMap > iframe	
   {
   margin-left: auto;
   margin-right: auto;
   }
}
		
@media all AND (min-width: 992px)
{
  .colHalf		 
   {
   width: 45%;
   float: left;
   margin: 20px;
   }
   
  #geographicalMap > iframe
   {
   width: 45vw;
   height:45vw; 
   max-height: 400px;
   }
}		
			  
#realtorImg
{
float: left;
clear: none;
margin: 0 8px 8px 0;
}

.medText
{
font-size: 0.9rem;
}

@media all AND (min-width: 768px)
{
  .medText
   {
   white-space: nowrap;
   }
}


@media all AND (max-width: 767px)
{
  .medText.a
   {
   width: 100%;
   display: block;
   clear: both;
   }
   
   .medText.a img
   {
   width: 95%;
   }
   
  .medText.b
   {
   width: 100%;
   display: block;
   clear: both;
   }
}

.bigLink
{
font-size: 22px;
line-height: 30px;
}

.small
{
font-size: .6em;
}

@media all AND (min-width: 1300px)
{
  .centeredBottom    
   {
   margin-left: 11vw;
   margin-right: auto;
   }
}