/*
 TAN #9E6A37;
 NAVY #131E29;
 LIGHT NAVY #253746;
*/
*{
  margin:0px;padding:0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html{height:100%; }

body{
  font-family: Arial, sans-serif;
  text-align:center;
  color:#231f20;
  font-size:20px;

}

ul,ol{margin-left:10px;margin-bottom:10px;}
li{margin-left:10px;}

h1{
  font-family: Arial, sans-serif;
  font-weight:normal;
  text-transform:none;
  font-size:65px;
  margin-bottom:20px;

}

h2{
  font-family: Arial, sans-serif;
  font-size:45px;
  font-weight:normal;

  margin-bottom:20px;
}
h3{
  font-size:28px;

  margin-bottom:10px;
  font-weight:normal;
}
  .pageInner h3 a{text-decoration:none;color:inherit;}
h4{
  font-weight:normal;
  margin-bottom:15px;
}
h5{
  font-family: 'Open Sans', sans-serif;
  margin-bottom:5px;
  font-size:15px;
  text-transform:uppercase;
}
p{margin-bottom:15px;  line-height:1.6em;}

.pageOuter{
  width:100%;
}

.pageOuterGrey{
  /*background:#323f47;*/
  background:#131E29;
}
  .pageOuterGrey .pageInner{
    color:#fff;
  }

.pageOuterBlue{
  /*background:#323f47;*/
  background:#253746;
}
  .pageOuterBlue .pageInner{
    color:#fff;
  }
  
.pageInner{
  margin-left:auto;
  margin-right:auto;
  width:1170px;
  text-align:left;
}
.pageInner a{
  color:#414141;
  color:#9E6A37;
}
  .pageInner a:hover{
    color:#908e8e;
    color:#9E6A37;
    }

  .pageOuterGrey .pageInner a{
    color:inherit;
  }
  
.contentPad{
  padding-top:70px;
  padding-bottom:70px;
}

.pageHalfLeft{
  padding:0px 60px 60px 0px;
  width:50%;
  float:left;
}
.pageHalfRight{
  float:left;
  width:50%;
}

.staffContainer{
  padding-top:60px;
}
  .staffContentPad{padding-top:40px;}
  
  .staffContainer em{color:#9E6A37;}
  .staffItem{padding-bottom:120px;}
  
.pageNarrowLeft{
  float:left;
  width:47%;
  padding-right:5%;
}
  .pageNarrowLeft img{
    width:100%;
    height:auto;
  }
.pageWideRight{
  float:left;
  width:53%;
  padding-left:2%;

}


.pageWideLeft{
  float:right;
  width:53%;
  padding-right:10%;
}

.pageNarrowRight{
  float:right;
  width:47%;
  padding-left:3%;
}
  .pageNarrowRight img{
    width:100%;
    height:auto;
  }

.sidemenu{
  margin:0px;
  margin-bottom:30px;
  padding:0px;
  list-style:disc;
}
  .sidemenu li{float:left;margin-left:15px;}
  .sidemenu li a{padding-right:30px;}
  .sidemenu li a.selected{font-weight:bold;}

/* --------------------- Header -------------------- */
.headerOuter{

  background:#fff;

}

  .headerOuter .logo{
    display:table-cell;
    padding-top:40px;
    padding-bottom:10px;
  }
    .headerOuter .logo img{
      width:auto;
      height:auto;
      width:450px;
      height:auto;
      -webkit-transition: all 2s; /* Safari */
      transition: all 2s;
    }

  .tabT{display:table;width:100%;}
  .tabR{display:table-row;}

  .headerContent{
    display:table-cell;
    text-align:right;
    vertical-align:middle;
    height:100%;
    color:#000;
    text-align:right;
  }

  .headerContent a{color:#000;text-decoration:none;}

  .stickied .headerContent{
    margin-top:5px;
  }

  .stickied{
    -webkit-transition: all 2s; /* Safari */
    transition: all 2s;
    z-index: 19999;
    box-shadow:5px 5px 5px #000000aa;
  }
  .stickied .menuContainer{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .stickied .logo{margin-top:5px;}
  .stickied .logo img {
    width: auto;
    margin-top:10px;
    max-width:300px;
    height:65px;
    max-height:65px;

  }
/* --------------------- /Header -------------------- */


/* --------------------- Banner -------------------- */

.bannerSmoke {
  background: rgba(0,0,0,0.5);
  background: rgba(0,0,0,0.40);
}

  .outerBannerHome .bannerSmoke{

  }

.bannerInner{
  width:100%;
  height:100%;
  display:block;
  background:rgba(255,255,255,0.65);
}

  .outerBannerHome{
    height:44vw;
    min-height:330px;
    max-height:770px;

    /*background:url(../images/demo-header.jpg) top center no-repeat #191919;*/
    background-color:#ffffff;
    background-size:100% 275px;
    background-size:cover;
    /*background-size:100% auto;*/
    background-position:top center;
    background-repeat:no-repeat;
  }
  .outerBannerHome h1{
    font-weight:normal;
    color:#ffffff;
  }
  .outerBannerHome h2{
    font-weight:normal;
    margin-top:35px;
    font-size:60px;
    color:#ffffff;
  }

  .outerBannerHome .pageInner{
    padding-top:50px;
    padding-right:10%;
    padding-top:1vw;
    padding-bottom:1vw;
    color:#ffffff;
    text-align:left;
    font-size:25px;
  }
  .outerBannerHome .pageInner ul{text-shadow:none;}

.outerBannerContent{
  max-height:541px;
  height:37vw;
  background:center center no-repeat #131E29;
  background-size:cover;
}

  .outerBannerContent .pageInner{
    padding-top:3vw;
    padding-bottom:3vw;
    height:100%;
    color:#fff;
    text-align:left;
    font-size:25px;
  }
  .outerBannerContent h1{
    font-weight:normal;
    font-family: arial, sans-serif;
    margin-bottom:0px;
  }
/* --------------------- /Banner -------------------- */


/* --------------------- Content -------------------- */
  .pageContentLeft{
    float:left;
    width:850px;
    padding-right:50px;
    padding-left:15px;
  }
  .pageContentRight{
    float:left;
    width:311px;
  }

  .page50Left{
    float:left;
    width:50%;
    padding-right:50px;
  }
    .page50Left img{max-width:100%;height:auto;}
  .page50Right{
    float:left;
    width:50%;
  }
    .page50Right img{max-width:100%;height:auto;}

  .page20Left{
    float:left;
    width:20%;
    margin-bottom:20px;
    text-align:center;
  }
    .page20Left img{
      width:100%;
      height:auto;
    }
  .page80Right{
    float:left;
    width:77%;
    margin-left:2%;
    margin-bottom:20px;
  }

  .page30Left{
    float:left;
    width:30%;
  }
    .page30Left img{
      width:100%;
      height:auto;
      padding-bottom:20px;
    }
  .page70Right{
    float:left;
    width:67%;
    margin-left:2%;
    margin-bottom:20px;
  }


  .page70Left{
    float:left;
    width:70%;
    padding-right:20px;
  }
  .page30Right{
    float:left;
    width:30%;
  }
    .page30Right img{
      width:100%;
      height:auto;
      padding-bottom:20px;
    }
/* --------------------- /Content -------------------- */

/* --------------------- Gallery -------------------- */
.thumb_class{
  float:left;
  padding:2px;
  border:1px solid #aaaaaa;
  margin-top:10px;
  margin-left:10px;
  margin-left:1%;
  width:19%;
  vertical-align:middle;
  background-color:#ffffff;
}
.thumb_class a{
  line-height:150px;
  width:150px;
  width:100%;
  vertical-align:middle;
}
.thumb_class a:active,.thumb_class a:visited{
  color:inherit;
}
.thumb_class a img{
  width:100%;
  height:auto;
  vertical-align:middle;
}
/* --------------------- /Gallery -------------------- */


/* --------------------- Sections -------------------- */
  .sectionCellsOuter{
    border-top:1px solid #929292;
    background:#f6f6f6;
    padding:80px 0px;
  }
  .sectionsContainer {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: top;
    justify-content: center;
  }
  .sectionCell{
    width:31.33%;
    margin-right:1%;
    margin-left:1%;
    float:left;
    text-align:center;
    font-size:13px;
  }
  .sectionImage{
    display:block;
    border-radius:6px;
    background-size:cover;
  }
  
  /*
  .sectionImage img{
    width:100%;
    height:100%;
  }*/

  .sectionImageOverlay:hover{
    border-radius:inherit;
    background:rgba(0,0,0,0.45);

    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
  }


/*
 Zoom image feature, just make the image not a background and set overflow on parent.
*/
.img-hover-zoom {
	display:block;
	width:100%;
	height:100%;
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}


.img-hover-zoom img {
	display:block;
	width:100%;
	height:100%;
  transition: transform .5s ease;
}

.img-hover-zoom:hover img {
  transform: scale(1.5);
}

/* Point-zoom Container */
	.img-hover-zoom--point-zoom img {
		transform-origin: 65% 75%;
		transition: transform 1s, filter .5s ease-out;
	}
	.img-hover-zoom--point-zoom:hover img {
		transform: scale(5);
	}

/* Zoom-n-rotate Container */
	.img-hover-zoom--zoom-n-rotate img {
		transition: transform .5s ease-in-out;
	}
	.img-hover-zoom--zoom-n-rotate:hover img {
		transform: scale(2) rotate(25deg);
	}

/* Brightness-zoom Container */
	.img-hover-zoom--brightness img {
		transition: transform 1.5s, filter 1s ease-in-out;
		transform-origin: center center;
		filter: brightness(50%);
	}
	.img-hover-zoom--brightness:hover img {
		filter: brightness(100%);
		transform: scale(1.3);
	}

/* Blur-zoom Container */
	.img-hover-zoom--blur img {
		transition: transform 1s, filter 2s ease-in-out;
		filter: blur(2px);
		transform: scale(1.2);
	}
	.img-hover-zoom--blur:hover img {
		filter: blur(0);
		transform: scale(1);
	}
	
/* Colorize-zoom Container */
	.img-hover-zoom--colorize img {
		transition: transform .5s, filter 1.5s ease-in-out;
		filter: grayscale(100%);
	}
	.img-hover-zoom--colorize:hover img {
		filter: grayscale(0);
		transform: scale(1.1);
	}
  

  .sectionCellLink{
    margin-top:13px;
    margin-bottom:20px;
    background:#000000;
    border-radius:6px;
    color:#ffffff !important;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
    line-height:50px;
    font-size:21px;
    font-weight:bold;
    display:inline-block;
    width:100%;
  }
/* --------------------- /Quicklinks -------------------- */


/* --------------------- Forms -------------------- */

  form input{
    margin-bottom:1px;
  }
  form input[type="text"],
	form input[type="password"]{
    float:left;
    width:100%;
    background:#dfdfdf;
    border:0px;
    padding-left:20px;
    margin:0px;
    margin-bottom:1px;
    line-height:44px;
    color:#231f20;
    font-family: Arial, sans-serif;
    font-size:18px;
  }

  form input[type="text"].textFullWidth{
    width:100%;
  }

form select{
	width:100%;
	background:#dfdfdf;
	border:0px;
	padding:10px 15px;
	margin:0px;
	margin-bottom:1px;
	line-height:44px;
	color:#231f20;
}
  form textarea{
    width:100%;
    background:#dfdfdf;

    border:0px;
    margin-bottom:10px;
    padding-left:20px;
    line-height:44px;
    color:#231f20;
    font-family: Arial, sans-serif;
    font-size:18px;
  }
  .formHalf{
    width:50%;
  }

  form input[type="submit"]{
    float:right;
    background:#dfdfdf;
    background: #9E6A37;
    color:#ffffff;
    padding:15px 25px;
    border:2px solid #ffffff;
    text-transform:uppercase;
    font-weight:bold;
    cursor:pointer;
   }
   form input[type="submit"]:hover{
		background:#131E29;
		color:#ffffff;
   }

/* --------------------- /Forms -------------------- */

/* --------------------- Call to Action -------------------- */
.callToAction{
  background:#ffffff;
  padding-top:50px;
  padding-bottom:50px;
}
  .callToAction .pageInner{
    text-align:center;
  }
  .callToAction .pageInner > p,
  .callToAction .pageInner > p > span{
    padding:0px 15px;
    font-size:1.3em;
    vertical-align:middle;
  }

  .callToAction h2{

  }
  .callToAction  strong,
  .callToAction h3{

    font-size:51px;

  }
/* --------------------- /Call to Action -------------------- */

/* --------------------- Footer -------------------- */


  .footerOuter{
    background:#161e28;
    background:#131E29;
    padding-top:60px;
    padding-bottom:60px;
    font-size:18px;
    line-height:22px;
    color:#364752;
  }
    .footerOuter a{color:#364752;text-decoration:none;}
    .footerOuter a:hover{color:#ffffff;text-decoration:none;}
    .footerOuter ul.sysmenulist li a{color:#000000;padding-left:15px;}

    .footerOuter h5{
      font-size:inherit;
      color:#fff;
      text-transform:none;
      margin-bottom:15px;
      font-weight:normal;
    }
    .footerOuter ul{
      list-style:none;
    }
    .footerOuter ul li{
      margin:0px;
      padding:0px 5px;
    }

    .footerLeft{
      float:left;
      width:50%;
    }

      .footerLogo{
        display:block;
        width:174px;
        margin-top:140px;
      }
        .footerLogo img{
          width:100%;
          height:auto;
        }

    .footerRight{
      float:right;
      text-align:right;
      width:50%;
    }
    .footerRight ul{float:right;}


.websiteBy{
  background:#161e28;
  line-height:60px;
}
  .websiteBy .pageInner{
    font-size:12px;
    color:#ffffff;
    text-align:center;
  }
  .websiteBy .pageInner a{
    color:#ffffff;
    text-transform:none;
    text-decoration:none;
  }

/* --------------------- /Footer -------------------- */

.icon_phone{
  padding-left:20px;
  padding-right:10px;
  background:url(/templates/themes/default/images/icon_phone.png) center left no-repeat;
}

.icon_email{
  padding-left:20px;
  padding-right:10px;
  background:url(/templates/themes/default/images/icon_email.png) center left no-repeat;
}


.button{
  /*background:#996c50;*/
  background:#9E6A37;
  color:#ffffff !important;
  text-decoration:none;
  text-transform:none;
  display:inline-block;
  padding:10px 20px;
  margin-right:15px;
  font-weight:normal;
  font-size:21px;
  box-shadow:10px 10px 15px rgba(0,0,0,0.050);
}
.button:hover{background:#c1c1c1;}

  .callToAction .button{
    background:#231f20;
    box-shadow:10px 10px 15px rgba(0,0,0,0.20);
  }

.summaryItem{
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid #dddddd;
}
#summaryItemContent{
  padding-bottom:15px;

}

.pdf {
    display: inline-block;
    background: url(../images/icon_pdf.png) center left no-repeat;
    padding-left: 35px;
    line-height: 35px;
    font-size: 22px;
    font-weight: bold;
    color: #040708 !important;
    text-decoration: none;
}

.splitHalfContent {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 50%;
    -moz-column-width: 50%;
    column-width: 50%;
}


.crumbTrail{
  clear:both;
  margin-bottom:20px;
}
.crumbTrail a{
  text-decoration:none;
}

.colorTan{color:#9E6A37;}
.clearfix{clear:both;}
.centerText{text-align:center;}
.mobVertCentOuter{display:table;width:100%;height:100%;}
.mobVertCent {display: table-cell;vertical-align: middle;width:100%;height:100%;}
.mobVertBottom {display: table-cell;vertical-align: bottom;width:100%;height:100%;}
.message{font-size:13px;padding:5px;margin:5px;border:1px solid #555555;}
.note{font-size:12px;padding:5px;margin:5px;border:1px solid #00ff00;}
.stickyContainer{z-index:50000;}
.debug{border:1px solid #00ff00;}
.clr{clear:both;}