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

/*ABOUT US PAGE CONTENT*/


.AboutWrapper {
	position:static;
	width:90%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	z-index: 10;
}
.AboutRightWrap {
	width:35%;
	float:right;
	height:600px;
	overflow: hidden;
}
img.AboutImage{
	max-width: 400px;
	position:relative;  
    top: 0px;  
    margin: auto;
}
.AboutLeftWrap {
	width:64%;
	height: 100%;
	float:left;
	overflow:auto;
}
.AboutText {
	font-size: 100%;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	color: #222;
	width: 90%;
	margin: 0 auto;
}
.AboutText > h2{
	font-size: 1.6em;
}
.AboutText > p> a{
	font-size: 1.0em;
	text-decoration: underline;
	color: #1881A4;
}
.AboutText > p > a:hover{
	text-decoration: underline;
}

/*RESPONSIVE RULES*/

@media all and (max-width: 640px) {
.AboutRightWrap {
	width:100%;
	float:right;
	height:auto;
}
img.AboutImage{
	width: 240px;
	height:auto;
}
.AboutLeftWrap {
	width:100%;
	height: 100%;
}
.AboutText {
	width: 95%;
	overflow: auto;
}
}
@media (min-width: 641px) and (max-width : 768px) {
.AboutRightWrap {
	width:41%;
	float:right;
	height:auto;
}
img.AboutImage{
	width: 240px;
	height:auto;
}
.AboutLeftWrap {
	width:58%;
	height: 100%;
}
.AboutText {
	width: 95%;
	overflow: auto;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.AboutRightWrap {
	width:45%;
	float:right;
	height:auto;
}
img.AboutImage{
	width: 320px;
	height:auto;
}
.AboutLeftWrap {
	width:54%;
	height: 100%;
}
.AboutText {
	width: 95%;
	overflow: auto;
}
}