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

body
{
	margin:0px;
	padding:0px;
	background:url(../images/graditent-bg.png) repeat-x top;
}

*
{
	margin:0px;
	padding:0px;
}

html
{
	overflow-y:scroll;
}

.largebg
{
	background:url(../images/bg.png) no-repeat center top;
	margin:0px
	
}

.wrapper
{
	max-width:890px;
	margin:auto;
	padding:0 55px;
}

.header
{
	display:block;
	overflow:hidden;
	padding-bottom:45px;
}

.logocnt
{
   float:left;
   margin-top:45px;
}

.social { float:right; margin-top:115px; }


.social li
{
	list-style:none;
	display:inline-block;
	margin-left:5px;
}

.social li a 
{
	display:block;
	overflow:hidden;
	width:28px;
	height:27px;
}



.social li.facebook a 
{
	background:url(../images/facebook.png) no-repeat;
}

.social li.linkedin a 
{
	background:url(../images/linkedin.png) no-repeat;
}

.social li a:hover
{
	background-position:bottom;
}


.contentLeft
{
	float:left;
	width:65%;
    font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#676863;
	line-height:21px;
	margin-right:6.5%
	
}

.content
{
	display:block;
	overflow:hidden;
}

.contentRight
{
	float:left;
	width:28.5%;
	text-align:right;
}

.contentRight img
{
	max-width:100%;
}

.contentLeft p
{
	margin-bottom:20px;
}

.greentext
{
	font-size:21px;
	color:#8a9242;
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	line-height:28px;
	margin-bottom:20px;
}

.footer
{
	display:block;
	overflow:hidden;
	text-align:center;
	font-family: 'Ubuntu', sans-serif;
	color:#767676;
	font-size:11px;
}

.footerlogo
{
	text-align:center;
	
}

.copyrightText
{
	border-top:1px solid #e8e8e8;
	margin-top:-4px;
	padding:18px 0;
	letter-spacing:2px;
}

.brandname
{
	font-family: 'Quattrocento Sans', sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0px;
}

.brandname a
{
	text-decoration:none;color:#767676;
	
}

.brandname a:hover { text-decoration:underline;}

.bottombg
{
	height:14px;
    background:#e9ebd7;
	width:100%;
}

.mobilebiophoto
{
	display:none;
}

.formobile
{
	margin-left:15px; 
	
}
.formobile:before
{
	content:"|";padding-right:15px;
}


@media screen and (max-width:768px)
{
	.mobilebiophoto
	{
		display:block;
		float:right;
		margin:0 0 10px 10px;
		max-width:100%;
	}
	
	.hideonmobile { display:none; }
	.contentRight { display:none; }
	.contentLeft { margin-left:0px; width:100%; }
	.wrapper{ padding:0 40px; }
	
	.formobile{ display:block;margin-left:0px;margin-top:5px; }
	.formobile:before{ content:"";padding-right:0px; }
	
	
}

@media screen and (max-width:640px)
{
	.logocnt { width:100%; text-align:center;margin-top:65px; }
	.logocnt a { max-width:363px; }
	.logocnt img { max-width:100%; }
	.social{ position:absolute; top:0px; margin-top:20px;right:0px; }
	.header { position:relative; }
	.mobilebiophoto { margin:0 auto; margin-bottom:20px; float:none; max-width:100%; }
	
}