@charset "UTF-8";

body{
	background-color:whitesmoke;
	font-family:"open_sansregular";
	font-size:14px;
	line-height:24px;
	color:black;
	padding-bottom:20px	
}



/* Desktop Layout: greater than 1280 */


.gridContainer {
	width: 100%;
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;

}

.fixedbanner{
	background-color:darkgreen;
	width:100%;
	height:100px;
	color:white;
	font-family:"open_sansregular";
	font-size:24px;
	text-align:left;
	padding:20px;
	box-shadow: 0px 4px 20px 0px #888888;
		
}

.mainbodyCNT{
	width:97%;
	text-align:left;
	height:auto;
	background-color:white;
	margin:auto;
	margin-top:20px;
	border: 1px solid rgb(237, 229, 229);
	
}

.slot1{
	width:100%;
	/*height:625px;*/
	font-size:16px;

		
}

.slot1left{
	width:66%;
	
	display:inline-block;
	box-sizing: border-box;
	vertical-align: top;
	/*float:left;*/
			
}

.slot1right{
	width:34%;
	background-color:white;
	display:inline-block;
	box-sizing: border-box;
	/*float:left;*/
	border-left: 1px solid rgba(204,204,204,0.5);
	vertical-align: top;
	
}

.titlebox{
	width:100%;
	height:70px;
	font-size:36px;
	color:#191919;
	padding:30px;
		
}

.textbody{
	width:100%;
	padding:30px;
	padding-right:50px;
	line-height:24px;
	font-size:16px;	
}

.textbody2{
	width:100%;
	padding:30px;
	padding-right:50px;
	line-height:24px;
	font-size:16px;	
}

.contactinfo{
	padding:30px;
	height:auto;
	width:100%;
	font-size:18px;
		
}

.namebadge{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;	
}

.slot2{
	width:100%;
	/*height:500px;*/
	display:block;
	float:none;
	font-size:16px;
		
}

.slot2left{
	width:25%;
	/*height:100%;*/
	background-color:lightgray;
	display:inline-block;
	box-sizing: border-box;
	padding-top: 20px;
	min-height: 450px;
	/*float:left;*/

}

.slot2right{
	width:75%;
	/*height:100%;*/
	background: white;
	display:inline-block;
	box-sizing: border-box;
	padding-top: 20px;
	/*float:left;*/
	
}


.slot3{
width:100%;
/*height:400px;*/
	
}

.slot3left{
	display:inline-block;
	box-sizing: border-box;
	/*float:left;*/
	width:60%;
	/*height:100%;*/
	background: url(../images/carreer.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right top;
	
}

.slot3right{
	display:inline-block;
	box-sizing: border-box;
	/*float: left;*/
	/*height:100%;*/
	width:40%;
	color: #191919;
	padding-top: 0px;
	
}

.footerinfo{
	width:100%;
	height:200px;	
}

.footerleft{
	width:70%;
	display:inline-block;
	box-sizing: border-box;
	/*float:left;*/
	font-style:italic;
	font-size:12px;
	color: #191919;
	text-align:center;
	padding:30px;
	padding-left:50px;
	padding-right:50px;
	
}

.footerright{
	width:30%;
	display:inline-block;
	box-sizing: border-box;
}



@media only screen and (max-width: 1280px) {
.gridContainer {
	width: 100%;
	
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;
	
}

}


@media only screen and (max-width: 900px) {
.gridContainer {
	width: 100%;
	
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;
	
}





/* Tablet layout */
@media only screen and (max-width: 768px) {
.gridContainer {
	width: 100%;
	min-width:767px;
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;
	
}






}




/* Mobile Layout:  min of 480px .  I80erits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (max-width: 480px) {
.gridContainer {
	width: 100%;
	min-width:inherit;
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;
	
}

.slot1left, .slot1right, .slot2left, .slot2right, .slot3left, .slot3right, .footerleft, .footerright {
	width: 100%;
}
.slot2right, .slot3right{ padding: 20px 30px;}
.slot2left{ min-height: 100px; }

}