@charset "UTF-8";
/* CSS Document */
body{margin:0px; border:0px;}
body:before {content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url(images/background.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity:.2;}
  
  
p{font-family: Avenir Light;}
h2, h3, h5, h6{font-family: Avenir Book !important;}
h4{font-family: Avenir Heavy !important;}

@font-face {	font-family: Avenir Heavy;	src:url(fonts/Avenir/Avenir-Heavy.ttf)}
@font-face {	font-family: Avenir Book;	src:url(fonts/Avenir/Avenir-Book.ttf)}
@font-face {	font-family: Avenir Light;	src:url(fonts/Avenir/Avenir-Light.ttf);}

p{	font-size:1.3em;	line-height:1.5;}
h1{	font-family:Avenir Heavy;	font-size:4em;	line-height:1.2; color:#008048;}
h2{	font-size:2em;	line-height:1.5;	color:white;}
h3{		color:#008048;	font-size:1.2em;	line-height:1.5;}
h4{	color:#008048;	font-size:18px; line-height:1.5 !important;}
h5{	font-size:15px;}
h6{	font-size:15px;}

.menu, .container, .container2{	width:800px;	 margin-left:auto; margin-right:auto;}
.banner, .banner2, .footer{	width:100%;}
.container{	position:relative;	min-height:200px;	overflow:auto;}
.container2{	background-color:white;	position:relative;	text-align:center;	background-color:#008048;}
.col340l{	width:320px;	margin-left:70px;	margin-right:10px;	float:left;}
.col340r{	width:320px;	margin-left:10px;	margin-right:70px;	float:right;}
.col400{	width:360px;	margin-left:20px;	margin-right:20px;	float:left; text-align:left;}
.col600{	width:600px;	margin-left:auto;	margin-right:auto;	clear:both;}
.col700{	width:700px;	margin-left:auto;	margin-right:auto;	clear:both; text-align:center;}
.col800{	width:800px;	margin-left:auto;	margin-right:auto;	clear:both;	text-align:center;}
.col800 img{ border-radius:20px;}
.banner{background-color:;	height:auto;	overflow:hidden;	text-align:center; padding:100px 0px 100px 0px;}
.banner2{	position:relative;	background-color:#008048;	height:80px;	overflow:hidden;}
.footer{	position:relative;	background-color:#303030;	padding:30px 0px;	overflow:hidden;}
.menubar{	width:100%;	margin-left:auto;	margin-right:auto;	z-index:3;	position:relative;	top:100px; height:70px; padding:15px 0px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8c8c8c+0,c9c9c9+14,5b5b5b+32,dbdbdb+55,6d6d6d+77,f4f4f4+100 */

background: #008048;}
.menu{	width:600px;	height:40px;	text-align:justify;	-ms-text-justify: distribute-all-lines;	text-justify: distribute-all-lines;position:inherit;}
.menuitem{width:auto;	padding-left:15px;	padding-right:15px;	display:inline-block;	text-align:center;	margin-top:15px;	*display:inline;	font-size:1em;	line-height:1;	font-family:Avenir Heavy;	font-weight:600;	color:white !important;}
.stretch{width:100%;display: inline-block;font-size:0; line-height: 0;}

.text{position:absolute; top:0px; left:50px; width:50%; padding:20px; background-color:rgba(0,0,0,.7);}
.text h2{font-size:4em; margin:0px; padding:0px; line-height:1; color:white; font-family:Avenir Heavy;}
.text p{font-size:2em; margin:0px; padding:0px; line-height:1.5; color:white; font-family:Avenir Light}