/* Body style */
   
body {
	/*background-image: url('img/bg.png');*/
	background-color: #edf2ec;
	color: #000;
	font-size: 82%;
	font-family: 'Open Sans', sans-serif; font-weight: 500;
	line-height: 1;
	margin: 0;
	padding: 0;
	}
	
.body {
	clear: both; 
	margin: 0 auto; 
	width: 100%;
}

/* Body style End */
	
/* Headings  */
h1 {
	font-size: 1.2em;
	color: #385a30;
	text-transform:uppercase;
}

/* Headings End */

/*  Main Navigation */
   
.mainHeader img {
	width: 70%;
	margin: 1%;
}

#navigation{
	background: #385a30;
	font-size: 0.9em;
	height: 30px;
	line-height: 19px;
	/*text-align: center;*/
}

#navigation ul{
	height: auto;
	margin: 0px;
	padding-left: 20px;
}

#navigation li{
	display: inline;
	margin: 0 0 0 -3px;
	/*border-right: 1px solid #fff;*/
}

#navigation a{
	color: #FFF;
	display: inline-block;
	height: 20px;
	padding: 5px 12px;
	text-decoration: none;
	text-transform:uppercase;
}

#navigation a:hover{
	color: #fff;
	background-color: #1D4019;
	text-decoration: underline;
}

#navigation li.current-page a{
	background-color: #83a87b;
	color: #000;
	/*background-color: #333;*/
}

/*  Main Navigation End */

/*  Content Area  */

.mainContent {
	overflow: hidden;
	line-height: 20px;
	background-color: #FFF;
	/*box-shadow: 1px 1px 1px 1px #d2d2d2;*/
	margin: 0% 0 0% 0;
	/*width: 100%;
	border: 1px solid #333;*/
}

.leftcontent {
	float: left;
	width: 470px;
	margin-bottom: -10px;
	/*border: 1px solid #fff;*/
	/*padding: 0 0 2px 0;*/
}

.leftcontent > img{
	width: 100%;
	margin-bottom: -6px;
	margin-right: 1px;
}

.rightcontent {
	background-color: #FFF;
	width: 25%;
	padding-left:15px;
	padding-top:5px;
	float: left;
}

.rightcontent a:link{
	text-decoration:none;
}

/*  Content Area  End  */

/*  Footer  */

.mainFooter {
	width: 100%;
	height: 37px;
	float: left;
	margin-bottom: 1%;
	background-color: #385a30;
	color: #FFF;	
}

.FooterText{
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 11px;
}

.FooterFB{
	float: right;
	margin-top: -17px;
	padding-right: 10px;
}

/*  Footer End  */

/*---------------- CONTACT FORM ------------------*/
#cf {
	/*margin:0 auto;*/
	width:25%;
	float:left;
	padding-top:5px;
}
.m_contact #cf {
	margin-left:0px;
	float:left;
	border:1px solid #666;
}
#cf.form_sent #cf_flash {
	border-color:#76a43a;
	background-color:#abd07a;
}
#cf.form_failed #cf_flash {
	border-color:#a43a3a;
	background-color:#ed9494;
}
#cf .error {
	display:block;
	font-size:12px;
	line-height:18px;
	color:#a65353; 
}
#cf input.text,
#cf textarea {
	padding:5px 5px 5px;
	width:245px;
	border-radius:1px;
	border:1px solid #666;
	font-family:'Open Sans', sans-serif;
	font-size:13px;
	line-height:20px;
	background-color:#edf2ec;
}
#cf textarea {
	height:110px;
	resize:none;
}
#cf #send {
	width:300px;
	height:30px;
	border:1px solid #999;
	text-align:center;
	font-size:12px;
	line-height:22px;
	text-transform:uppercase;
	background-color:#385a30;
	color:#fff;
	margin-left:11px;
}
#cf #send:hover {
	background-color:#666;
}
#cf .cf_left {
	margin-left: -12px;
	float:left;
}

fieldset{
  border: 0;
}

/* Media Queries */

@media only screen and (min-width : 150px) and (max-width : 640px)
{
	.body {
		clear: both; 
		margin: 0 auto; 
		width: 90%;
		font-size: 80%;
	}
	
	.mainHeader img {
		width: 100%;
		height: auto;
		margin-bottom: 1%;
	}
	
	#navigation {
		margin-top: 5px;
		height: 30px;
		font-size: 11px;
		/*margin-left: 1%;*/
	}
	
	#navigation ul {
		padding-left:3px;
	}

	#navigation li {
		margin-left: 0 auto;
	}
	
	#navigation a {
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 5px;
	}

	#navigation2 ul{
		height: auto;
		margin-right:25px;
		font-size: 9px;
	}
	
	#navigation2 a{
	padding: 5px 2px 5px 2px;

	}
		
	.mainContent {
		overflow: hidden;
		line-height: 18px;
	}
	
	.content {
		width: 95%;
		float: left;
	}	
	
	.leftcontent {
		width: 100%;
	}
	
	.leftcontent > img{
		width:800%;
	}

	.rightcontent {
		text-align:justify;
		width: 95%;
		float: left;
		padding: 0 2% 0 2%;
		margin-top: 5px;
	}
	
	#cf {
		/*margin:0 auto;*/
		padding-left: 10px;
	}
	
	#cf .cf_left {
		margin-left: -10px;
	}
	
	.mainFooter {
		height: 75px;
	}

	.FooterText{
		width: 95%;
	}

	.FooterFB{
		padding-left: 10px;
		padding-top: 25px;
	}
}