@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight	: normal;
    font-style	: normal;
}
html,body{
	min-height	:	100%;
	position	:	relative;
}
body{
	background 	:	#f2f3f3;
	font-family	: 	Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size	:	15px;
	color		:	#4b535f;
	text-align	:	center;
	padding-bottom	:	240px;
}
h1 {
	font-family	:	bebas_neueregular;
	font-size	:	40px;
	font-weight	:	normal;
	color		:	inherit;
}
h2 {
	font-family	:	bebas_neueregular;
	font-size	:	30px;
	font-weight	:	normal;
	color		:	inherit;
}
h3{
	font-family		:	bebas_neueregular;
	font-size		:	24px;
	font-weight		:	normal;
	color			:	inherit;
	background-color	:	#94ba65;
	
}
h4{
	font-family		:	bebas_neueregular;
	font-size		:	24px;
	font-weight		:	normal;
	color			:	#FFFFFF;
	background-color:	#4b535f;
	display			:	inline-block;
	margin			:	0	auto;
	padding			:	0px 10px;
}
h5{
	font-family		:	bebas_neueregular;
	font-size		:	18px;
	font-weight		:	normal;
	color			:	inherit;
}
a{
	color		:	inherit;
}
a:hover{
	color		:	#9294B0;
}
header{
	width		:	1000px;
	text-align	:	left;
	overflow	:	hidden;	
	margin		:	20px auto 20px;
}
header .logo {
	float		:	left;
}
header .contact-info{
	float		:	right;
	color		:	inherit;
	font-family	:	bebas_neueregular;
	font-size	:	21px;
	margin-top	:	25px;
}
header .contact-info a{
	color			:	#93B964;
	text-decoration	:	none;
}
header .contact-info a:hover{
	color		:	#4B535F;
}
section#banner{
	height		:	250px;
	position	:	relative;
	width		:	100%;
	overflow	:	hidden;
}
section#banner nav{
	width		:	1000px;
	text-align	:	left;
	overflow	:	hidden;	
	margin		:	10px auto 0;
	position	:	relative;
	z-index		:	10;
	padding-top	:	0px;
}
section#banner img.bg{
	position	:	absolute;
	top			:	0px;
	left		:	50%;
	margin-left	:	-1000px;
	z-index		:	0;
}
section#banner nav > a {
	font-family			:	bebas_neueregular;
	float				:	left;
	background-color	:	#93b964;
	color				:	#FFFFFF;
	text-decoration		:	none;
	font-size			:	26px;
	padding				:	0px 20px 0px 10px;
	clear				:	left;
	margin-bottom		:	2px;
	white-space			:	nowrap;
	
	-webkit-transition	: 	all 0.2s;
  	-moz-transition		: 	all 0.2s;
  	-ms-transition		: 	all 0.2s;
  	-o-transition		: 	all 0.2s;
	transition			: 	all 0.2s;
}
section#banner nav > a.active,section#banner nav > a:hover{
	color		:	#4b535f;	
}
section#banner nav > a.sub{
	font-size	:	20px;
	clear		:	none;
	color		:	#4b535f;
	background-color	:	#FFFFFF;
}
section#banner nav > a.sub:hover{
	background-color	:	#4b535f;
	color				:	#FFFFFF;
}

footer {
	border-top	:	5px solid #85a75b;
	background	:	#94ba65;
	position	:	absolute;
	bottom		:	0;
	width		:	100%;
}
footer h3{
	color		:	 #FFFFFF;
}
footer p{
	color		:	#FFFFFF;
	font-size	:	90%;
}
footer a{
	color		:	#FFFFFF;
}
footer a:hover{
	color		:	#17780;
}
footer .grid-layout{
	width		:	1000px;
	margin		:	0px auto 0;
	padding		:	0;
	text-align	:	left;
}

#content {
	text-align	:	left;
	width		:	1000px;
	margin		:	20px auto;
}
article h2{
	background-color	:	#94ba65;
	color				:	#FFFFFF;
	display				:	inline-block;
	padding				:	0px 10px;
}
div.map{
	border			:	2px solid  #93B964;
	overflow		:	hidden;
}
article header.sub{
	margin		:	25px 0 25px 0;
	position	:	relative;
	text-align	:	center;
}
article header.aleft{
	text-align	:	left;
}
article header.sub h4{
	position	:	relative;
	z-index		:	20;
}
article header.sub h2{
	margin-top	:	0px;
	margin-bottom	:	10px;
}
.g4 > header.sub{
	margin-top	:	0;
	margin-left	:	-2px;
	
}
article header.sub .line{
	height			:	1px;
	width			:	100%;
	background-color:	#4b535f;
	position		:	absolute;
	top				:	50%;
	z-index			:	0;
}
div.gallery-preview{
	overflow	:	hidden;
}
div.gallery-preview a{
	display				:	inline-block;
	border				:	5px solid #4b535f;
	-webkit-transition	: 	all 0.2s;
  	-moz-transition		: 	all 0.2s;
  	-ms-transition		: 	all 0.2s;
  	-o-transition		: 	all 0.2s;
	transition			: 	all 0.2s;
	float				:	left;
}
div.gallery-preview a:hover{
	border			:	5px solid #94BA65;
}
div.gallery-preview a:last-child{
	float			:	right;
}
div.gallery-preview a:nth-child(2){
	margin			:	0 0 0 32px ;
}
/** GRID LAYOUT **/
.grid-layout {
	overflow	:	hidden;
}
.grid-line{
	overflow	:	hidden;
}
article .grid-line h2{
	margin-bottom		:	10px;
}
/*article .grid-line .g6{
	width	:	100%;
	margin	:	0;
}*/

.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {
	display		:	inline;
	float		:	left;
	position	:	relative;
	margin-right:	2%;
	
}
.g1 {width:6.333%;}
.g2 {width:14.667%;}
.g3 {width:23.0%;}
.g4 {width:31.333%;}
.g5 {width:39.667%;}
.g6 {width:48.0%;}
.g7 {width:56.333%;}
.g8 {width:64.667%;}
.g9 {width:73.0%;}
.g10 {width:81.333%;}
.g11 {width:89.667%;}
.g12 {width:100.0%;margin:0;}


.collected-info h3{
	font-size			:	20px;
	color				:	inherit;
	background-color	:	transparent;
}
.collected-info label{
	color	:	#93B964;
}
/** FORMS **/
form{
	position		:	relative;
	display			:	block;
	text-align		:	left;
}
form label{
	font-size		:	120%;
	font-weight		:	lighter;
	display			:	inline-block;
	font-family			:	bebas_neueregular;
}
.form-line{
	margin-bottom	:	10px;
	overflow		:	hidden;
}
.button-line{
	margin			:	10px 0;
}
.form-line .box{
	position			:	relative;
	overflow			:	hidden;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
}
.form-line.right{
	float		:	right;
	margin-left	:	1%;
}
.form-line .box{
	border				:	1px solid #4b535f;
}

input[type=text],select,input[type="password"],textarea,input[type=submit],input[type=button]{
	font-family			:	inherit;
	font-size			:	16px;
	line-height			:	16px;
	padding				:	2px 10px;
	width				:	100%;
	border				:	0;
	color				:	inherit;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
	
}
select{
	padding	:	1px 0 1px 8px!important;
}
.form-line textarea{
	height		:	100px;
}
input[type=submit],input[type=button]{
	width				:	auto;
	text-transform		:	uppercase;
	padding				:	2px 10px;
	background-color	:	#4b535f;
	font-family			:	bebas_neueregular;
	color				:	#FFFFFF;
	font-size			:	150%;
}
input[type=submit]:hover,input[type=button]:hover{
	background-color		:	#7f94b0;
}
input[type=submit]:active,input[type=button]:active{
	color	:	#4b535f;
}
::-webkit-input-placeholder {
	font-style		:	italic;
	line-height		:	20px;
}
:-moz-placeholder { 
	font-style	:	italic;
}
::-moz-placeholder { 
   font-style	:	italic;
}
:-ms-input-placeholder { 
   font-style	:	italic;
}
/** ERRORS **/
.message.errormsg{
	padding			:	5px 5px;
	background-color	:	rgba(190, 79, 59,0.7);
	margin-bottom	:	10px;
	border			:	1px solid #BE4F3B;
	color			:	#FFFFFF;
}
.message.errormsg p{
	margin	:	0;
}


/* SMALLER SCREENS */
@media screen and (max-width: 1000px) {
	header,#content,footer .grid-layout {
		width	:	98%;
		padding	:	0	1%;
	}
	
}
/* portrait tablet screens */
@media screen and (max-width: 758px) {

	header a.logo,header span.contact-info{
		display		:	block;
		text-align	:	center;
		float		:	none!important;
	}
	header  span.contact-info{
		font-size	:	18px;
	}
	article .grid-layout .g8,article .grid-layout .g4{
		width		:	100%;
	}
	article .grid-layout .map{
		width	:	309px;
		margin	:	0 auto;
	}
}
/** SMARTPHONES **/
@media screen and (max-width: 524px) {
	h1 {
		font-size	:	30px;
	}
	h2 {
		font-size	:	24px;
	}
	h3{
		font-size	:	18px;
	}
	footer .g6{
		width	:	100%;
		text-align	:	center;
	}
	
}
@media screen and (max-width: 340px) {
	header a.logo img{
		width	:	100%
	}

}