@charset "utf-8";

html, body {
	height: 100%;
	padding: 0px;
	margin: 0px;
}
.footer, .push {
	height: 125px; /* .push must be the same height as .footer */
}
.push {
	float: left;
	width: 100%;
	height: 125px; /* .push must be the same height as .footer */
}
/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

.leftContainer {
	width: 50%;
	background: url(images/diag-bg.png);
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -130px; /* the bottom margin is the negative value of the footer's height */
	float: left;
}
.rightContainer {
	width: 50%;
	background: url(images/diag-bg.png);
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -145px; /* the bottom margin is the negative value of the footer's height */
	float: right;
}
@media screen and (max-width: 500px) {
	.leftContainer {
		width: 100%;
		background: url(images/diag-bg.png);
		min-height: 100%;
		height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
		height: 100%;
		margin: 0 auto -130px; /* the bottom margin is the negative value of the footer's height */
		float: left;
	}
	.rightContainer {
		width: 100%;
		background: url(images/diag-bg.png);
		min-height: 100%;
		height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
		height: 100%;
		margin: 0 auto -145px; /* the bottom margin is the negative value of the footer's height */
		float: right;
	}
}
.OC-BG {
	background-image: url(images/diag-bg.png), url(images/OC-image-bg.jpg);
	background-position: right center, top center;
	background-size:  .6% .6%, auto cover;

}
.OE-BG {
	background-image: url(images/diag-bg.png), url(images/OE-image-bg.jpg);
	background-position: right center, top center;
	background-size:  .6% .6%, auto cover;
}
.whiteContainer.left {
	float: right;
	margin: 25px 15px;	
}
.whiteContainer.right {
	float: left;
	margin: 25px 15px;	
}
.whiteContainer {
	
	max-width: 400px;
	min-height: 500px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.54);
}
.whiteContainer.green {
	background: rgba(0,65,28,0.9);
}
.whiteContainer.gray {
	background: rgba(100,100,100,0.9);
}
@media screen and (max-width: 500px) {
	.whiteContainer.left {
		float: left;
		margin: 25px 5%;	
	}
	.whiteContainer.right {
		float: left;
		margin: 25px 5%;	
	}
	.whiteContainer {
		background: rgba(255,255,255,0.9);
		max-width: 90%;
		min-height: auto;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.54);
	}
}
.logo {
	width: 100%;
	height: 350px;
}
.logo.oc {
	background: url(images/Optimum-Construction-logo.png) no-repeat center center;
	background-size: 80%;	
}
.logo.oc.white {
	background: url("images/Optimum-Construction-logo-white.png") no-repeat center center;
	background-size: 80%;	
}
.logo.oe {
	background: url(images/Optimum-Environmental-Logo.png) no-repeat center center;
	background-size: 80%;	
}
.whiteContainer p {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	padding: 25px 60px 45px;	
}
.whiteContainer a {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 18px;
	font-weight: 700;
	padding: 25px 10px;
	width: 60%;
	display: block;
	background: #0c0a0b;	
	margin: 5px 17%;
	text-align: center;
	text-decoration: none;
	transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;
}
.OE-BG .whiteContainer a {
	color: #fff400;	
}
.OC-BG .whiteContainer a {
	color: #fff400;	
}
.whiteContainer a:hover {
	background: #fff;
	color: #000;
	transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;
}
.footer {
	background: #333333;
	text-align: center;	
	float: left;
	width: 100%;
	border-top: 5px solid #0F0F0F;
}
.footer P {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	color: #cdcdcd;	
}