
body {background-color:#F8F8F8;font-size:14px;font-family:'Arial';margin:0;padding:0;color:#2e2e2e;text-align:center}
.topnav {
  overflow: hidden;
  background-color: #fff;
  float: left;
  margin-top: 40px;
}

.topnav a {
  float: left;
  display: block;
  color: #2E2E2E;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 19px;

}

.topnav a:hover {
  color:#906F50;/*#fff;*/
  background:#081f3f; /* #906F50; */
}

.topnav a.active {
  color:#906F50; /*#fff;*/
  background: #081f3f; /*#906F50*/
}

.topnav .icon {
  display: none;
}

#top-header {
	width:100%;margin:0 auto;max-width: 900px; position:relative;z-index:1000;height:120px}

#company-logo {float: left; padding-top:25px; padding-left:25px}
#logo {width:100px; height:100px}
#top-nav-header {
	float: left;
	padding-left: 20px;
}

#add-navigation {width:160px;height:37px;position:absolute;right:10px;top:10px;z-index:500}
#add-navigation a {
	position:relative; 
	text-decoration:none; 
	padding-left: 1.8em; 
	z-index:2000;
	display:inline-block
}

#header-banner-wrap {
	clear:both;
	margin:0;
		width:100%;
	border-top:0px solid #906F50;
	border-bottom:0px solid #C0C0C0;
}
#header-banner {
	margin:0 auto;
	height:500px;
	width:100%;
	text-align:left;
	position:relative; 	
}
#header-banner-img{
	/*background: url('../images/library-438389_1920.jpg');*/
	background: url('../images/office-picture-new.jpg');
	background-repeat: no-repeat;
	background-position: center;
    background-size: cover;
	position:absolute;
	width: 100%;
	top:0px;
}

#transbox {
  width:100%;
  height:500px;
  background: rgba(0, 0, 0, 0.4);
  filter: alpha(opacity=40); /* For IE8 and earlier */
}

#header-banner h1 {
	font-size:52px;
	margin:0;
	font-family:'Times New Roman';
	color:#fff;
	padding-top:150px;
	text-align: center;
}

#header-banner h2 {
    font-size:30px;
    margin:0;
    font-family:'Times New Roman';
    color:#fff;
    padding-top:50px;
    text-align: center;
}

#header-banner h3 {
	font-size:30px;
	margin:0;
	font-family:'Times New Roman';
	color:#fff;
	padding-top:150px;
	text-align: center;
}

#content .content-container {width:100%; margin:0 auto;  max-width: 900px; padding-top: 20px; letter-spacing:.1.5em;line-height:2.0em;}

.big-button {margin:28px 0 0 57px;font-size:30px;color:#1D8ECE;background:url('/images/readmore-big.png') repeat-x left top;font-family:'Times New Roman';text-decoration:none;text-align:center;display:inline-block;padding-top:13px;width:170px;height:45px}
.photo {border:1px solid #C9C9C9;padding:3px;background:#fff}
.photo-about {
	border:1px solid #C9C9C9;
	padding:3px;
	height: 400px; 
	background:#fff;
	float:left;
	margin-right:20px
}
.date {display:block}
.info-box {float:left;position:relative;padding:0 23px;width:264px;text-align:left}
.equal-column-left {
    width:40%;  
	float: left;
    padding: 25px;
	border-right: 2px solid #DCDCDC;
	}
.equal-column-right {
	width:40%;  
	float: left;
    padding: 25px;
}

.one-third-column-left {
    width:27%;  
	float: left;
    padding: 25px;
	}
	
.one-third-column-middle {
    width:27%;  
	float: left;
    padding: 25px;
	border-left: 2px solid #DCDCDC;
	border-right: 2px solid #DCDCDC;
	}
.one-third-column-right {
	width:27%;  
	float: left;
    padding: 25px;
}

.info-box.widest-box {
	clear:both;
	float:none;
	width:auto;
	padding:0,0,0,50px;
	border-top:0px solid #906F50;
	}
.info-box a {white-space:nowrap}
.info-box.wide-box .photo,
.info-box.widest-box .photo {float:left;margin-right:20px}
.text-paragrahs{
	text-align:justify;
}
.info-box.widest-box .text-paragrahs ul{
	padding-top: 0px;
	margin-top: 0px;
}

.info-box.widest-box p {
	clear:both;
	padding-bottom:15px;
	display:block}
	
#content h2 {margin:0;padding:0 0 29px 0;color:#906F50;font-size:35px; line-height:40px}
#content h3 {margin:0;padding:0 0 20px 0;color:#906F50;font-size:25px}
#content h4 {margin:0;padding:0 0 15px 0;color:#906F50;font-size:20px}
#content h5 {margin:0;padding:0 0 8px 0;color:black;font-size:15px; font-weight: normal}
.info-box p {text-align:justify;padding:0 0 22px 0;margin:0;line-height:25px}
.text-indent{
	text-indent:2em
}
.left-align-text{
	text-align: left;
}

.middle-side .info-box.no-delimeter {background:none}
.info-box .positioned-btn {position:absolute;bottom:0}
.div-top-border{
	clear:both;
	border-top:0px solid #906F50;
	float:none;
	width:100%;
  }

.collapsible {
  color: black;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  text-decoration: underline;
  background-color: #fff;
  color: #906F50;
}

.collapsible.active, .collapsible:hover {
  background-color:     #081f3f; /*#906F50;*/
  color: #906F50; /* white;*/
}

.collapsible-content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  /*background-color: #f1f1f1;*/
}

.services {margin:0;padding:0;font-size:14px;list-style:none}
.services li {padding:0 0 0 6px;margin-bottom:0;display:inline-block;background:url('/images/list-marker.gif') no-repeat left center}
.services a {color:#848484}
dl, dd , dt {margin:0;padding:0}
#social-icons {padding-bottom:25px}
#social-icons img {width:40px;height:40px}
#pages-list, #pages-list ul {padding:0;margin:0;/*list-style-image:url('/images/marker-2.gif');*/}
#pages-list {padding-bottom:20px}
#pages-list ul {padding-top:10px}
#pages-list li {padding-left:10px;padding-bottom:5px;list-style:none;background:url('/images/marker-2.gif') no-repeat left 5px}

#footer {background-color:#e3e3e3;padding:15px 0;letter-spacing:.1.5em;line-height:1.5em;  
  clear: left;}
#footer #footer-content{ text-align: left; max-width: 450px; margin:0 auto; width: 40% }


.center{
	  text-align: center;
}

@media screen and (max-width: 768px) {
  .topnav a:not(:first-child) {
	  display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
	background: #081f3f; /*#906F50;*/
	color:#906F50;/*#fff;*/
  }
  .topnav {
	  position: relative;
	  width: 202.8px;
  }
  
  .topnav a{
	float: none;
    display: block;
    text-align: left;
	padding: 14px 16px;
  }
  
   .topnav .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
	
  .topnav.responsive {
	  position: relative;
	  width: 202.8px;
  }
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	padding: 14px 16px;
  }
  
  .equal-column-left {	
	width:95%;  
	float: left;
	padding: 0;
	border: 0px;
	}
	
.equal-column-right {
	width:95%;  
	float: left;
    padding: 0;
	border: 0px;
}

.one-third-column-left {
    width:95%;  
	float: left;
    padding: 0px;	
	border: 0px;
	}
	
.one-third-column-middle {
    width:95%;  
	float: left;
    padding: 0;
	border: 0;
	}
.one-third-column-right {
	width:95%;  
	float: left;
	 padding: 0;
    padding: 0px;
}
.photo-about {
	border:1px solid #C9C9C9;
	padding:0px;
	width: 100%;
	height: auto; 
	background:#fff;
	float:left;
}
}