/* CSS Document */
body    {
	   background:url(bg-body1.jpg) repeat-x center top #4ba506;
	   margin-top: 315px; 
	   }
h1{color:#0066CC;
text-transform:capitalize;
margin-left:15px;}	   
	   

h3{color:#003399;
 margin-left:5px;
 font-size:30px;
 margin-bottom:1px;}
 
 
 
/*==body discoveries===*/
#body {
	margin: 0 auto;
	min-height: 812px;
	padding:35px 0 30px;
	width: 960px;
}
#body {
	margin: 0 auto;
	min-height: 812px;
	padding: 20px 0 50px;
	width: 960px;
}
#body > ul {
	margin: 0;
	overflow: hidden;
	padding: 0;
}
#body > ul li {
	float: left;
	list-style: none;
	margin: 0 10px;
	padding: 0;
	width: 202px;
}
#body > ul li > a {
	display: block;
	margin: 0;
	padding: 50px 0 25px;
	margin-left:5px;
	
}
#body > ul li > a:hover {
	opacity: 0.9;
}
#body > ul li > a img {
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
}
#body > ul li b {
	color: #000;
	display: block;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 5px;
	text-transform: capitalize;
}
#body > ul li p {
	color: #464646;
	font-size: 12px;
	line-height: 24px;
	margin: 0;
	padding: 0;
}
#body > ul li p a {
	color: #464646;
	text-decoration: underline;
}
#body > ul li p a:hover {
	color: #252525;
}
#body > div {
	margin: 0;
	overflow: hidden;
	padding: 50px 0 0;
}
#body > .more {
	color: #464646;
	display: block;
	font-size: 13px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	text-decoration: underline;
	text-transform: capitalize;
	width: 80px;
}
#body > .more:hover {
	color: #4a8b92;
}
#body h2 {
	background: url(../images/bg-featured.png) repeat-x;
	color: #fff;
	font-family: 'Comfortaa-Regular';
	font-size: 20px;
	font-weight: normal;
	height: 47px;
	letter-spacing: 0.1em;
	left: 15px;
	line-height: 47px;
	margin: 0;
	padding: 0 25px;
	position: absolute;
	text-transform: capitalize;
	top: -14px;
}
#body h3 {
	color: #2f394e;
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 25px 10px 40px;
	text-transform: capitalize;
}
#body > b {
	color: #2f394e;
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0 10px;
	text-transform: capitalize;
}
#body > p {
	color: #464646;
	font-size: 13px;
	line-height: 24px;
	margin: 0;
	padding: 30px 10px;
}
#body > p a {
	color: #464646;
	text-decoration: underline;
}
#body > p a:hover {
	color: #252525;
}
#body div div {
	float: left;
	margin: 0 10px;
	padding: 0;
}
#body div .featured {
	background: #fff;
	border: 5px solid #5fb3bd;
	border-radius: 4px;
	min-height: 45px;
	padding: 45px 5px 5px;
	position: relative;
	width: 860px;
	
	
}

#body div .featured img {
	display: block;
	float: left;
	margin: 0 20px 10px 10px;
	padding: 0;
	}


/*========BODY======*/

#body div h1{color:#0033CC;
text-transform:capitalize;
margin-left:15px;}

#content div  p{color:#000000;
margin-left:15px;}

#body div ul {
	list-style: none;
	padding: 0 0 35px;
	width:900px;
	
	
}
#body div ul li {
	display: block;
	height: 180px;
	overflow: hidden;
	padding: 1px 0 0;
	
}

#body div ul li a img {
	border: 3px solid #f2f1e6;
	display: block;
	float: left;
	filter: alpha(opacity=100);
	opacity: 1;
	margin-left:15px;
	
}

#body div ul li div {
	float: left;
	padding: 0;
	width: 600px;
	
}
#body div#section ul li div p {
	color: #eeb58c;
	line-height: 30px;
	text-align: justify;
	
}
#body div ul li div p {
	color: #fff;
	line-height: 30px;
	margin: 0;
	padding: 0 0 30px;
	text-align: justify;
	margin-left:10px;
	
}
#body div ul li div p a {
	color: #EEB58C;
}





/*======SIDEBAR============*/

#sidebar {
	float: right;
	height: auto;
	width: 245px;
}

#sidebar div.section {
	padding: 158px 0 15px;
	height:0;
	}
#sidebar div.section > a:hover {
	filter:alpha(opacity=60);
	opacity: 0.6;
}



.footer-text	{text-align:center;}
.smallimage 	{padding:10px; border:solid; color:#000000; margin:8px; 
}



#outer 			{width:960px;
				margin:0px auto;
				background-color:#baf858;
}
		

#wrapper 		{width:900px;
				margin:0 auto;
				background-color:#86cdf8;
}
/*=========buttons=======*/
	
#buttons{
				width: 900px;
				height: 64px;
				background:url(button.png) left center no-repeat;
				text-align:center;
				margin-left: 0px;
}

#buttons ul {
   				 padding-left: 0px;
   				 margin: 0px;
}

#buttons li {
				display: inline;
				
	
}

#buttons a {
		font-family: tahoma, Helvetica, sans-serif;
		font-size: 18px;
		font-weight:normal;
		display: block;
		float: left;
		width: 125px;
		height: 42px;
		text-decoration: none;
		color:#FFFFFF;
		padding-top: 22px;
		padding-left: 0px;
		margin-left: 0px;
		margin-right: 10px;
		text-align: center;
		
	
}

#buttons a:hover {
			text-decoration: underline;
			background:url(button.png) no-repeat center;
			color:#CCFF66;
}

#buttons .active
{
			background:url(button.png) no-repeat center;
}
	

		




#content			    {width:600px; float:left; 
						margin-left:5px;}

        

						
		

/*=======FORM=======*/

/*content*/
#body div#content {
background-color:#FFFFFF;
height:900px;
	overflow: hidden;
	padding: 20px 5px;
	width:890px;
	margin-top:35px;
		
}
#body div#content h1 {
	color:#0066CC;
	font-size: 20px;
	letter-spacing: 0.028em;
	text-transform: uppercase;
	
}
#body div#content h3 {
	color: #836145;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.028em;
	line-height: 24px;
	margin: 0;
	padding: 30px 0 0;
	
}

#body div#content form p {
	color: #818181;
	padding: 25px 0 25px;
	margin-left:20px;
}
#body div#content form label {
	display: block;
	margin: 20px 0;
	overflow: hidden;
	margin-left:20px;
}
#body div#content form label span:first-child {
	background: none;
	color:#CC3366;
	float: left;
	height: auto;
	text-transform: uppercase;
	width: 200px;
}
#body div#content form label span {
	background: url(../images/interface.png) no-repeat;
	display: block;
	float: left;
	height: 19px;
	width: 320px;
	color:#CC3366;
}
#body div#content form label span input {
	background: none;
	background-color:#00CCCC;
	border: none;
	color: #818181;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 17px;
	letter-spacing: 0.028em;
	line-height: 17px;
	margin: 1px 0 0 2px;
	padding: 0;
	width: 320px;
}
#body div#content form label span.message {
	background: url(../images/interface.png) no-repeat 0 -25px;
	height: 151px;
}
#body div#content form label span.message textarea {
	background-color:#00CCCC;
	color:#CC66CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 147px;
	letter-spacing: 0.028em;
	margin: 2px 0 0 2px;
	resize: none;
	width: 316px;
}
#body div#content form input#send {
	color:#00CC33;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	height: 25px;
	letter-spacing: 0.028em;
	line-height: 25px;
	margin: 0 0 0 460px;
	text-align: center;
	text-transform: uppercase;
	width: 85px;
}




#footer				    {clear:both; border-top:2px #cccccc solid;
						border-bottom:2px #cccccc solid;
						}

#footers > div {
	margin: 0 auto;
	padding: 40px 0 25px;
	overflow: hidden;
	width: 900px;
	
}

#footers div .connect {
	background:#86cdf8;
	float: right;
	height: 10px;
	margin: 0 20px 0 145px;
	padding: 30px 10px;
	overflow: hidden;
	width: 144px;
}


#footers div .connect #twitter {
	background-position: 0 -32px;
	
}
#footers div .connect #twitter:hover {
	background-position: -25px -32px;
}
#footers div .connect #facebook {
	background-position: 0 -57px;
}
#footers div .connect #facebook:hover {
	background-position: -25px -57px;
}
#footers div .connect #googleplus {
	background-position: 0 -82px;
}
#footers div .connect #googleplus:hover {
	background-position: -25px -82px;
}
#footers div .connect #pinterest {
	background-position: 0 -107px;
}
#footers div .connect #pinterest:hover {
	background-position: -25px -107px;
}