@charset "utf-8";
/* CSS Document */

.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer11 { height: 11px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer12 { height: 12px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer13 { height: 13px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer14 { height: 14px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer75 { height: 75px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer80 { height: 80px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer90 { height: 90px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer105 { height: 105px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer118 { height: 118px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer125 { height: 125px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer135 { height: 135px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.spacer200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer400 { height: 400px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer500 { height: 500px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }


.spacer50Brown{ height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; background-color:#F4EEDE}
.spacer50Green{ height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; background-color:#178371}
.spacer50DarkBrown{ height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; background-color:#666}
/*Links*/

 
.class1{color:#FFF}
.class1:link{color:#FFF;  text-decoration: none; }
.class1:visited {color:#FFF; text-decoration: none;}
.class1:hover {color:#FFF; text-decoration: underline; font-weight:bold}
.class1:active{color:#FFF; text-decoration: none;}

.CalLinks{color:#178371}
.CalLinks:link{color:#178371 ;  text-decoration: none;  font-weight:bold }
.CalLinks:visited {color: #178371; text-decoration: none;  font-weight:bold}
.CalLinks:hover {color: #000 ; text-decoration: underline;  font-weight:bold}
.CalLinks:active{color: #178371 ;text-decoration: none;  font-weight:bold}


.Affiliations{color:#FFF}
.Affiliation:link{color:#FFF;  text-decoration: none; }
.Affiliation:visited {color:#FFF; text-decoration: none;}
.Affiliation:hover {color:#FFF; text-decoration: none;}
.Affiliation:active{color:#FFF; text-decoration: none;}



/*Golbal*/
.ChangeColorGreen{ color:#178371} 
.ChangeColorWhite{ color:#FFF}
.ChangeColorRed{color:#F00}
.ChangeColorLightBrown{color:#F4EEDE}

.CheckBox{ width:16px; height:16px;}
.CheckBoxtext{font-weight:bold; margin-top:4px;}

/*Sizes all images so do not have to add bootstrap image-responsive on all images*/
body{overflow-y: scroll; overflow-x:hidden; color:#FFF; background-color:#F4EEDE;}
img { width: 100%;}
.logo{vertical-align:top; margin-top:-22px;}

/*Main Page*/

/*carousel*/
.Carousel-Adjust{margin-top:250px;font-size:34px;}  /*move Left and Rigrt Slide arrowws */

label{font-weight:500}



/*Slide Text */
.MainTitle{font-size:400%; color:#FFF;}
.SecondTitle{font-size:250%; color: #FFF; font-style:italic;}

.MoveSlide1text{margin-bottom:60px;} /* Move Slide Text */ 
.MoveSlide2text{margin-bottom:110px;}
.MoveSlide3text{margin-bottom:110px;}

/*Main Slide Show Graphics*/
.parallax {
   height: 500px; 
   background-image:url("../slides/MainSlide.fw.png");
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   border-bottom: inset thin #000;
   
}
.parallaxSecond {
   height: 500px; 
   background-image:url("../slides/CommercialSlide.fw.png"); 
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   border-bottom: inset thin #000; 
}
.parallaxThird {
   height: 500px; 
   background-image:url("../slides/Industrial.fw.png"); 
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   border-bottom: inset thin #000; 
}
.parallaxForth {
   height: 500px; 
   background-image:url("../slides/SingleFamily.fw.png"); 
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   border-bottom: inset thin #000; 
}

.parallaxFith {
   height: 500px; 
   background-image:url("../slides/Residential.fw.png"); 
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   border-bottom: inset thin #000; 
}

.parallaxSith {
   height: 500px;  
   background-image:url("../slides/LotsAndLand.fw.png"); 
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   border-bottom: inset thin #000; 
}

/*End Main Slide Show Graphics*/

/*Page Titles*/
.parallax2 {
   height: 160px; 
   background-image:url("../graphics/November2013_004.JPG");
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   border-bottom: inset thin #000  
}
.parallax3 {
    /* The image used */
   height: 160px; 
   background-image:url("../graphics/November2013_004.JPG"); 
     
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   border-bottom: inset thin #000  
}

.parallaxbig{
   height: 160px; 
   background-image:url("../graphics/November2013_004.JPG"); 
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   border-bottom: inset thin #000  
}

/*Main Bottom*/
#MainBottom{background-color: #F4EEDE}
.ImagesBottom{border:inset thin; padding-bottom:0px; #000000;box-shadow: 10px 10px 5px #888888}
.captionTop{color:#056325; text-align:center; margin-top:25px;}
/*Panels*/

/*Change color of buttons*/
.btn.btn-default{ background-color:#056325!important; color:#FFF!important; }
.btn.btn-default:hover{ background-color:#000!important; color:#FFF!important;}


/*About*/

#About{background-color:#F4EEDE}
.AboutName{max-width:500px; margin-top:20px;}
.AboutTitle{font-size:250%; color:#FFF; padding-top:3%}
.AboutHeader{margin-top:80px; color: #056325} /* Who We Are */
.AboutHeader2{margin-top:70px; color: #056325} /* OUR MISSION */
.AboutHeader3{margin-top:50px; color: #056325} /* COMPANY LOCATION */
.AboutQuotes{font-style:italic; color: #030 ;}
.AboutBackground{ background-image:url(../graphics/tax-form-illustration.jpg)}
.AboutPageStyle{color:#000 ; text-align:justify}
.AboutLocation{color:#000 ; background-color:#FFF; text-align:center}
.AboutLocationText{color:#000 ; background-color:#FFF; }
.OnLineFormat{background-color: #FFF;  border-top:inset thin #000; border-bottom: thin inset #000;}
.OnLineRowFormat{margin-bottom:20px;}
.OnlineTitle{color:#F7CC1E}

/*Strengths*/

.StrengthsTitle{font-size:250%; color:#FFF; padding-top:3%}
.StrengthsBackground{background-color:#178371; color:#FFF; font-size:14px; }
.StrengthsFontSize{font-size:16px; text-align:center }


/*Map*/
.ClickForDir{padding-top:20px; color:#000; float:left}
.MapRowFormat{margin-bottom:20px;}
.MapLocation{color:#000 ; background-color:#F4EEDE; text-align:center; margin-top:20px;}
.MapAddress{color:#000;}

/*Service*/
.ServiceBackground{background-color:#178371; color:#FFF; font-size:14px; }
.PlanningBackground{background-color:#666; color:#FFF; font-size:14px}
.ServiceFontSize{font-size:16px; text-align:center }
.ServiceIndent{text-indent:-14px; margin-left:-20px;}
.ServiceBottomImage{ max-height:300px; }
.ServiceTitle{max-width:650px}
.ServiceTitle2{max-width:650px}
.ServiceUnderline{text-decoration:underline}



/*MemberShips*/
.classWithPadFirst{padding:1px;}
.caption{color: #FFF ; text-align:center}


/*Hover Grow*/
.hvr-grow {
  display: block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}



/*Team*/
.OurTeamHeader{color:#056325;}
.OurTeamDiscription{font-size:12px; color:#000}
.TeamBackground{
	/* [disabled]background-color:#F4EEDE; */
	color: #000;
	font-size: 14px;
}
.MoveImage{margin-top:20px;}

/*Contact*/

/* Remove yellow background on feilds*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/* Remove Drop down Arrow*/
select {
     /*for firefox*/
     -moz-appearance: none;
     /*for chrome*/
     -webkit-appearance:none;
}
/*for IE10*/
select::-ms-expand {
    display: none;
}

.ContactUsPic{max-width:160px;}
.ContactBackground{background-color:#178371; }
.ContactHeaders{color: #fff; font-size:16px; text-align:center}


.ContactStar{ color:#FC0; margin-left:6px; font-size:18px}
.labelChange{font-weight:100}

#ContactFormFieldWrapperAgent{height:40px; width:100%; overflow:hidden; border:inset 2px #ccc; padding-top:0px; padding-bottom:0px; background-color:#FFF;}
#ContactFormFieldWrapperFN{height:40px; width:100%; overflow:hidden; border:inset 2px #ccc; padding-top:0px; padding-bottom:0px; background-color:#FFF;}
#ContactFormFieldWrapperLN{height:40px; width:100%; overflow:hidden; border:inset 2px #ccc; padding-top:0px; padding-bottom:0px; background-color:#FFF;}
#ContactFormFieldWrapperEmail{height:40px; width:100%; overflow:hidden; border:inset 2px #ccc; padding-top:0px; padding-bottom:0px; background-color:#FFF;}
#ContactFormFieldWrapperPhone{height:40px; width:100%; overflow:hidden; border:inset 2px #ccc; padding-top:0px; padding-bottom:0px; background-color:#FFF;}
#ContactFormMessageWrapper{height:120px; width:100%; overflow:hidden; border:inset 2px #ccc; background-color:#FFF;}
#ContactReCaptchaWrapper{height:80px; width:300px; overflow:hidden; border:inset 2px #ccc; background-color:#FFF; min-width:300px;}

.ContactFormFieldWrapper{height:40px; width:100%; border:inset 2px #ccc; background-color:#FFF;}
.ContactFormFieldIcon{width:10%; height:38px; background-color:#ccc; float:left}
.ContactIcon{color:#090; padding-left:32%; padding-top:11px; float:left;} 
.ContactField{float:left; height:100%; width:89%; border:none; color:#000; font-size:100%; padding-left:10px; outline:none;  }

/* Message Box */

.ContactFormMessageWrapper{height:120px; width:100%; border:inset 2px #ccc; background-color:#FFF;}
.ContactMessageField{float:left; height:100%; width:99%; border:none; color:#000; font-size:100%; padding-left:10px; outline:none;  }
.ContactMessagbutton{max-width:100px;}
.ServicesTitle{font-size:250%; color:#FFF; padding-top:100px}

/* Contact Feild Error Message*/
#ErrorFieldAll{color: #F00; background-color:#FFF; padding:5px; border:inset 2px #000000; font-size:14px; width:100%;}
#ErrorReport{display:none}

/* Contact Sucess Message */
#ContactMessageWrapper{display: none}
.ContactCompleteMsg{text-align:center; max-width:550px}
#ContactCompleteText{font-size:16px; color:#000; background-color:#FFF; padding:6px; border:inset thin #0C0}
.ContactCheck{color:#0C0; font-size:20px}

/* Contact Error Message (Not Sent) */
#ConErrorMessageWrapper{display: none}
.ConErrorCompleteMsg{text-align:center; max-width:580px}
#ConErrorCompleteText{font-size:16px; color:#000; background-color:#FFF; padding:6px; border:inset thin #F00}
.ContactX{color: #F00; font-size:20px}

/* Contact */
.FeaturedProjectsHeader{color: #fff; text-align:center; font-size:140%; margin-left:20px; margin-right:20px;} 
.ContactSentMessage{margin-top:30px; font-size:16px}

/* Footer */
.FooterBackground{background-color:#666; color:#FFF; font-size:12px}
.FooterTitle{font-size:16px; font-weight:bold; color:#0F0 }
.MenuTitle{font-size:16px; font-weight:bold; text-decoration:underline}


/*Page title for phone and tablet */
@media only screen and (max-width: 1000px) {

.ServicesTitle{font-size:250%; color:#FFF; padding-top:80px}
.carousel-inner{ height:340px;}
.MoveSlide1text{margin-bottom:140px;}
.MoveSlide2text{margin-bottom:180px;}
.MoveSlide3text{margin-bottom:180px;}
.AffilationGraphicsTop{max-width:240px;}
.AffilationGraphics{max-width:240px; margin-top:80px}
.parallax2{height:140px;}
.parallax3{height:120px; margin-top:-36px;}
.parallaxbig{height:140px; margin-top:-36px;}
.team-leader{max-width:280px; max-height:280px; /*margin-left:9%; jeff */}
.team-leader-shadow{max-width:280px; max-height:280px; }
.team-leader-shadow-Pic{max-width:280px; max-height:280px; }
.AboutTitle{font-size:250%; color:#FFF; padding-top:8%}

@media only screen and (max-width: 780px) {
    .ServicesTitle{font-size:250%; color:#FFF; padding-top:60px}

	.parallax2{height:120px;}
	.parallax3{height:120px;}
	.logo{ max-height:70px; max-width:100px; margin-top:-12px; }
	.ImagesBottom{ max-width:280px; margin-top:20px}
	.ContactUsPic{max-height:160px; max-width:160px}
	
@media only screen and (max-width: 500px) {
	.ServicesTitle{font-size:250%; color:#FFF; padding-top:40px}
	.MainTitle{font-size:300%; color:#FFF;}
	.MoveSlide1text{margin-bottom:170px;}	
	.AboutTitle{font-size:250%; color:#FFF; padding-top:10%}
	.AffilationGraphicsTop{max-width:160px;}
	.AffilationGraphics{max-width:160px; margin-top:80px}
	.ImagesBottom{ max-width:180px; margin-top:20px}
    .parallax2{height:100px;}
	.parallax3{height:80px;}
	.logo{ max-height:70px; max-width:100px; margin-top:-12px;}
	.parallaxbig{height:140px;}
	
	
}