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

body {
background: #8dc63f;
margin:0 auto;
height: 100%;
color:#000;
font-size:100%;
font-family: 'robotolight', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: left;
padding: 0;
margin:0;}

p {color:#0e5734; margin: 0 0 15px 0; line-height: 160%; font-size: 115%;}
	
ul {color:#0e5734; margin: 10px 0 20px 0; line-height: 160%; font-size: 115%; padding: 0 0 0 10px;}
li {margin: 0 0 5px 13px;}

strong {
	font-family: 'robotomedium', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;}
	

a, a:link, a:visited {color:#69ae0b; text-decoration: none; font-family: 'robotomedium', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
a:hover {color:#0e5734;}
a:focus, a:active {color:#8dc63f;}


   .container {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
	  -moz-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      -o-flex-flow: row wrap;
      flex-flow: row wrap;
	  margin-left: auto;
      margin-right: auto;}


	@media (min-width: 1200px) {
      .container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;}
    }
	
	@media (max-width: 1250px) {
      .container {
        width: 100%;
        margin-left: 0;
        margin-right: 0;}
	}

	 
 .c1 {width: 100%;} /*header*/
 .c2 {} /*header h1*/
 .c3 {width: 80%;} /*nav*/
 .c4 {width: 100%} /*content*/
 .c5 {}
 .c6 {width: 350px} /*column_l*/
 .c7 {width: 65%} /*column_r*/
 .c7a {width: 87%} /*column_1*/
 .c8 {width: 100%;} /*footer*/


#wrapper {
	background:#fff;
	padding:0;
	clear:both;	}
	

header {
	padding: 0;
	margin: 0;
	position:relative;
	color:#0e5734;
	background: #fff}
	
header h1, header nav {display:inline-block;}

header h1 {
	font-size:450%;
	font-family: 'OpenSansExtrabold', 'robotobold', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:80px 10% 0;
	line-height:110%;
	color:#fff;
	text-shadow: 0 0 15px #0e5734;}

header h1 a, header h1 a:link, header h1 a:visited {color:#fff; text-decoration: none; 	font-family: 'OpenSansExtrabold', 'robotobold', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
header h1 a:hover {color:#8dc63f; text-decoration:none;}
header h1 a:focus, header h1 a:active {color:#0e5734;}
	
header h2 {
	font-size:250%;
	font-family: 'OpenSansExtrabold', 'robotobold', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0 10% 0;
	line-height:110%;
	color:#fff;
	text-shadow: 0 0 15px #0e5734;}


.logo {
  width: 140px;
  margin: 20px 20px 15px -80px;
  float: left;}

.logo img {width:100%; height:auto;}


#head_image {min-height: 350px;}

#head_image {
	background: #8dc63f url("images/gb-bg_brighter.jpg") repeat-x left bottom;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;}

	
nav {
	padding: 0 10% 0;
	margin: 0;
	background:#69ae0b;
	text-align:right;
	font-family: 'OpenSansRegular', 'robotobold', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:110%;
	text-transform:lowercase;}

nav:after {
	content:"";
	display:table;
	clear:both;}

nav ul {
	display: inline-block;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;}
	
nav ul li {
	margin: 0;
	display:inline-block;
	padding: 0;}

nav ul ul {
	display: none;
	position: absolute; 
	margin:0;
	text-align:left;
	top:100%;}
	
nav ul li:hover > ul {display:inherit;}
	
nav ul ul li {
   	/*width: 220px;*/ /*without width specified here submenu will be as wide as items in menu. specified here in .services and .about*/
	display:list-item;
	position: relative;
	background-color:#b9bdba;
	letter-spacing: 0;}
	
nav a, nav a:link, nav a:visited {
	font-family: 'OpenSansRegular', 'robotobold', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	display:block;
	padding:14px 20px;
	color:#fff;
	font-size:100%;
	line-height:18px;
	text-decoration:none;}

nav a:hover {
	color:#fff;
	background-color: #0e5734;}

.submenu {font-size:85%;}
.submenu a, .submenu a:link, .submenu a:visited {background-color: #8dc63f; padding:12px 20px;}
.submenu a:hover {color:#fff; background-color: #0e5734;}	

.what {margin: 0 0 0 -166px; width: auto;}
.location {margin: 0 0 0 -115px; width: auto;}
.about {margin: 0 0 0 -95px; width: 95px;}

.menu {display:none;}


h1 {	
	font-family: 'OpenSansBold', 'robotobold', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#0e5734;
	margin:0 0 10px;
	font-size:230%;
	line-height:100%;}
	
h2 {	
	font-family: 'OpenSansBold', 'robotobold', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
    color:#69ae0b;
	margin:20px 0 5px 0;
	font-size:180%;
	line-height:110%;}

h3 {
	font-family: 'OpenSansBold', 'robotobold', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#8dc63f;
	margin:0 0 5px 0;
	font-size:150%;}
	
h4 {
	font-family: 'OpenSansBold', 'robotobold', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#0e5734;
	margin:20px 0 0 0;
	line-height: 160%;
	font-size:130%;}

h4 ul {color:#0e5734; margin: 0 0 20px 0; padding: 0 0 0 10px; font-size:110%;}
h4 li {margin: 0 50px 5px 13px; font-size:85%; font-family: 'robotolight', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 150%;}

h5 {
	font-family: 'OpenSansBold', 'robotobold', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#0e5734;
	margin:7px 0 0 0;
	line-height: 160%;
	font-size:105%;}

h6 {
	font-weight:normal;
	font-size:90%;
	line-height:140%;
	margin: 0 0 10px;}

.small {font-size:105%;}
.dark_green {color:#0e5734;}
	

#content {
	width: 1200px;
	text-align:left;
	min-height: 400px;
	margin: 20px auto 50px;}



.image_container {margin: 20px 0 0; text-align: center;}
.item_container {margin: 20px 2% 0;}
.footer_container {margin: 0 2% 0;}


.photo {width:auto; float:left; margin: 0 50px 30px 0;}
.photo img {width:100%; height:auto;}

.callout {
	border: 1px solid #80C31C; 
	padding: 20px 20px 0 20px; 
	margin: 20px 0; 
	font-size: 105%; 
	line-height: 1.6;}


.button {
	float:left;
    color: #fff;
    font-size: 115%;
    line-height: 20px;
    margin: 10px 20px 0 0;
    padding: 0;
    text-align: center;}
	
.button a, .button a:link,.button a:visited {
    background: #69ae0b;
	padding: 15px 22px;
    color: #fff;
    display: inline-block;
    font-weight: normal;
    text-decoration: none;}

.button a:hover {background:#0e5734;}



.divider {
	width:60%;
	margin: 30px 20% 10px;
	border-top: #8dc63f 1px solid;}

.divider2 {
	width:100%;
	margin: 5px 0 10px;
	border-top: #8dc63f 1px solid;}

.divider3 {
	width:40%;
	margin: 20px 30%;
	border-top: #8dc63f 1px solid;}

.divider4 {
	width:60%;
	margin: 50px 20%;
	border-top: #8dc63f 1px solid;}



.hidden {visibility:hidden; position:absolute;}
.m_hidden { }

.clear {clear:both;}
.c_hidden { }

.f_hidden { }
.icon {visibility:hidden;position:absolute;}


#footer img, #contact img {vertical-align:middle; padding:0 0 2px;}

#footer {
	/*footer bg comes from body bg*/
	font-family: 'robotolight', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #0e5734;
	margin: 0 0 50px 0;
	color:#fff;
	bottom: 0;
	font-size: 85%;
	clear:both;}

#footer .space {padding:0 10px;}

#footer p {margin:0; color:#fff;}

#footer strong {font-family: 'robotobold', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;}

#footer a, #footer a:link, #footer a:visited {color:#b0e0b5; text-decoration: none;}
#footer a:hover {color:#b0e0b5; text-decoration: underline;}
#footer a:focus, a:active {color:#fff;}

#footer_content {
	width: 1200px;
	text-align:right;
	margin: 20px auto 40px;}

#footer h5 {
	font-family: 'robotomedium', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#fff;
	margin:7px 0 0 0;
	font-size:105%;}


.space {padding:0 20px 0 0;}

.copyright {margin: 20px 0;}




@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight_italic';
    src: url('fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}