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

/*  grey  3e4646 
*/
body,html {background-color: #282828; line-height: 1.3; font-family:  Arial, Helvetica, sans-serif;}
img {max-width: 100%;}
#wrapper {display:block; width: 100%; max-width: 1024px; margin: 0 auto; } 
.mobile-only {display:none  !important;}
.flyout-nav  {display:none;}
a {text-decoration: none;  color: #fff;}
#banner-top { width: 100%;  height: 159px; 
background-image: url(images/banner_image_inside.jpg); background-size: cover; 
} 

#tag-line { display:none;  
margin: 140px 0 0 40px;   width: 500px; height: 140px; background-color: rgba(62,70,70,.6); color: #e59943;  
font-size: 28px; text-transform: uppercase;
padding-top: 40px; text-align: center; font-weight: bold;} 

#tag-line h1 {color: #fff; font-size: 40px;  font-family:"TrajanProRegular"; 
text-transform: capitalize; padding-bottom: 15px; }

.home-page #banner-top { width: 100%; height: 609px; 
background-image: url(images/banner_image.jpg); background-size: cover; 
} 

.home-page #tag-line {display:block;}

#above-nav { display:block; width:100%; height: 124px; padding-left: 40px; padding-top: 25px; box-sizing:border-box;  position: relative;} 
#header-phone {
	position: absolute;
	right: 0;
	top: 86px;
	display: block;
	font-family: "TrajanProRegular";
	font-size: 17px;
	background-color: rgba(62,70,70,.5);
	padding: 5px;
	padding-right: 40px;
	color: #C8CECE;
	font-weight: bold;
} 
.main-nav {width: 100%; height: 35px; background-color: #3e3636; color: #fff; 
padding-left: 40px; box-sizing: border-box; position: relative;}
.main-nav ul {display:block; position: relative;}
.main-nav li { height: 34px;  padding: 0 12px; border-left: solid 1px #fff;  display:inline-block; position:relative;} 
.main-nav li:hover {background-color: #718080;}
.main-nav li.last { border-right: solid 1px #fff;  } 
.main-nav li a {text-decoration: none; color: #fff;  top: 8px; font-size: 15px; text-transform: uppercase; position:relative }	


#section-overview { background-color: #811d35; color: #fff;
font-family:sans-serif, Arial, Helvetica;  font-size: 16px; 
line-height: 140%; padding: 40px; width: 100%; box-sizing: border-box; height: 370px;} 
#section-overview .col-half{ display:block; width: 440px; float:left;  vertical-align: top;}
 #section-overview .col-half.right {float:right;}
#pre-overview { padding: 50px; text-align:center; background-color: #fff; box-sizing: border-box; color: #811d35; 
border-bottom: solid 2px #3e4646;  border-top: solid 1px #3e4646; } 
#pre-overview h1 { font-size: 30px;  line-height: 120%; margin-bottom: 10px;} 
#pre-overview h2 { font-family:"TrajanProRegular"; font-size: 24px;} 
#section-services { background-color: #fff;  color: #3e4646;  font-family:"GothamBook"; padding: 40px 0; box-sizing:border-box; text-align:center }
#section-services h2 { font-family: sans-serif, Arial, Helvetica; font-size: 22px; } 
#section-services h3,#section-services h3 a {  text-decoration:none; font-family:"TrajanProRegular"; font-size: 24px; margin-bottom: 46px;} 
#service-boxes { display:block; margin-left: 15px;} 
.service-box  { width: 100%; max-width: 220px; height: 370px; background-color: #3e4646; 
border: solid 1px #3e4646; display:inline-block; margin-right: 14px; vertical-align: top;} 
.service-box.last {margin: 0;}
#section-services .service-box h2 { color: #eaa638;  font-size: 19px; 
padding-bottom: 7px; padding-top: 7px; line-height: 140%; font-weight: bold;} 
#section-services .service-box h2.small {font-size: 18px;}
.service-box img {width: 100%;}
.service-box p { color: #fff;  font-size: 13px; line-height: 120%; font-family: "GothamBook"; font-weight: normal; padding: 10px 10px; text-align: left;} 
#section-consult { padding: 35px; padding-bottom: 20px; background-color: #3e4646; display:block;  width: 100%; ;box-sizing:border-box; }
#section-consult  h2 {  font-size: 30px;  color: #fff; margin-bottom: 30px;text-align:center} 

form { display:block;  width: 556px; margin: 0 auto;} 
input { display:inline-block; padding: 5px; box-sizing: border-box; height: 38px;  
border-radius: 8px; font-size: 13px;  font-family: sans-serif, Arial, Helvetica; width: 273px; margin-bottom: 6px; border:none;} 
input#email { width: 550px;} 
input#phone {width: 430px; }
 #submit {padding: 10px; background-color: #acacac;  width: 116px; display:inline-block; border-radius: 8px;box-sizing: border-box;
color: #fff;  font-family: sans-serif, Arial, Helvetica;font-size: 13px; background-image: url(images/arrow.png); background-position: 92px; background-repeat:no-repeat; }
 #submit:hover {background-color: #282828; }
 
.page-contact form { display:block;  width: 556px; margin: 0; } 
.page-contact input { background-color: #e2e2e2; } 
textarea { background-color: #e2e2e2;  width: 546px; border-radius: 8px; border: none; font-family:Arial, Helvetica, sans-serif; 
color: #6a6a6a;  padding-top: 10px;  padding-left: 2px; font-size: 13px; margin-bottom: 5px;} 
 .page-contact #phone { width: 550px;} 
  .page-contact  #submit  { background-color: #a2a2a2; color: #fff; } 
   .page-contact  #submit:hover {background-color: #811D35; color: #fff;} 
   
#footer { background-color: #aeaeb1; display:block; width: 100%; box-sizing: border-box;  padding: 40px 0 100px 0;
 border-top: solid #fff 3px;  text-align:center; color: #363535; font-size: 14px; font-family: sans-serif, Arial, Helvetica;}
 #footer .small {font-size: 11px;}
#main-content { padding: 50px; background-color: #fff;  color: #363535;  }
#main-content h1 {  font-size: 29px; font-family: "TrajanProRegular"; font-weight: bold;  color: #811d35; margin-bottom: 15px;}
#main-content h2 { font-size: 19px; margin-bottom: 10px;}
#main-content p,#main-content ul {font-size: 15px; line-height: 150%; margin-bottom: 10px; font-family:  sans-serif, Arial, Helvetica;  width: 800px;}
#main-content a {color: #811d35; text-decoration: none;}
#main-content a:hover {  text-decoration: underline;} 
li {list-style: disc inside; padding-left: 20px; }

img[align='left'] {padding-right: 15px;}
img[align='right'] {padding-left: 15px;}
.span-mobile-only {display:none;}

#err-message { color: #ff0000; text-align:center; margin-top: 10px;} 

@media screen and (max-width: 900px)
{
	
.no-mobile { display:none  !important; }
.mobile-only {display:inherit !important;}
.span-mobile-only {display:inline;}

#above-nav img { width: 100%; max-width: 418px;  padding-top: 30px; }
#above-nav { padding: 12px; height: 153px; background-color: #fff; background-image:url(images/above_nav_mobile.jpg); background-size:cover;} 
.main-nav {  padding: 0 20px 0 0 ;  text-align: right;  font-size: 22px; color: #fff;  height: 50px; line-height: 50px;  width: 100%; font-family:"GothamMedium"; } 
.menu-toggle { display:block; float:left; margin-top: 10px; margin-left: 10px; background-image:url(images/hamburger_white.png); height: 25px; width: 28px; background-size:cover;} 
#banner-top {  height: 155px; background-image:  none;} 
.home-page  #banner-top {height: 450px; background-image:url(images/banner_image_mobile.jpg);}
#tag-line {  margin: 120px 20px 0 20px; width:auto;  max-width: 400px; height: auto; font-size: 20px; padding: 10px; } 
#tag-line h1 {font-size: 28px; }
#pre-overview h1 { font-size: 26px;  } 
#pre-overview h2 { font-family:"TrajanProRegular"; font-size: 20px;} 
#section-overview { line-height: 150%; padding: 20px;  height: auto;} 
#section-overview .col-half{
	display: block;
	width: auto;
	float: none;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C8C8C8;
}
 #section-overview .col-half.right {float:none; border-bottom: none;}
 #section-services {padding: 25px;}
 #service-boxes { display:block; margin: 0;} 
.service-box  { width: 250px; height: auto; display:block; margin: 0 auto 20px auto; } 
#footer {line-height: 100%;}

#section-consult { padding: 35px; background-color: #3e4646; display:block;  width: 100%; ;box-sizing:border-box; }
#section-consult  h2 {  font-size: 30px; color: #fff; margin-bottom: 30px;text-align:center} 

 form { display:block;  width: 100%;  margin: 0 auto; } 
 input { display:block;  font-size: 14px;  width: 100%; max-width: 300px; margin-left: auto; margin-right: auto;} 
 input#email { width: 100%; max-width: 300px;} 
 input#phone {width: 100%; max-width: 300px; }
 #submit { display:block;margin-left: auto; margin-right: auto;  margin-top: 15px;}
  .page-contact form { width: 100%;  max-width: 300px; margin: 0; } 
 textarea { width: 295px;} 
 .page-contact #phone { width: 300px;} 
 .page-contact input {  margin-left: 0; margin-right: 0;} 
 .page-contact  #submit  {  margin: 0; } 
 
#main-content p,#main-content ul { width: 100%; max-width: 600px; } 

.flyout-nav {  background-color: #3e3636; z-index: 10; position: fixed; top: 10px; padding: 15px;}
.flyout-nav ul li { display:block; width: 100%; font-size: 18px; 
padding: 10px 5px;  text-transform:uppercase;
border-bottom: #fff solid 1px; box-sizing: border-box;} 
.flyout-nav ul li a { text-decoration: none; color: #fff; }
.flyout-nav ul li a:hover { color: #a1a1a1;} 

.flyout-nav .close-nav {text-align: right; font-size: 12px;}
#main-content img {display:block; float:none; margin-bottom: 10px;}
#main-content h2 { line-height: 130%; }

}