/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family: "Lato", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.3em;
	color: #565656;
	background: #fff;
}

* {
	margin: 0;
	padding: 0;
}

h2, h3, h4, p {
	margin-bottom: 1.8em;
}
h3 {
	font-weight: 300;
	font-size: 1.5em;
	color: #969696;
	margin-bottom: .5em;
}
ul li {
	margin: 0 0 .5em 1.5em;
}
ul { margin-bottom: 1em; }

a {
	color: #0E99FF;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

.btn {
	background: #99c355;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	padding: 1em 1em 1em 1em;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: 400;
	text-align: center;
}
.stretch {
	width: 100%;
}
.right_img {
	float: right;
	margin: 0 0 1em 1.5em;
}

#notice {
	border: 2px solid #FF0000;
	color:#FF0000;
	background-color:#FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	text-align:left;
	width: 400px;
}

#nice_notice {
	border: 2px solid #006600;
	color:#006600;
	background-color:#FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	text-align:left;
	width: 400px;
}

.sub_col {
	float: left;
	width: 47%;
	margin-right: 3%;
}

dl.form{ width: 100%; }
dl.form dt { float: left; margin-right: 18px; width: 30%; text-align: right; font-size: 1.8em; }
dl.form dd { margin: 0 0 18px 0; }
dl.form dd .text_input {
	width: 60%;
	height: 2em;
	font-size: 2.5em;
}
dl.form dd textarea {
	width: 60%;
	height: 4em;
	font-size: 2.5em;
}
dl.form dd .form_submit {
	padding: .5em;
	font-size: 2em;
}
p.form_header { border-bottom: 3px solid #ccc; padding-bottom: 10px; }


/* Layout Styles */


header {
	height: 79px;
	width: 100%;
	text-align: center;
	z-index: 5000;
	position: absolute;
	margin: 0 auto;
}

header > a#mobile_btn {
	position: absolute;
	top: 18px;
	right: 2%;
	display: none;
}



nav {
	text-align: left;
	top: 20px;
	position: relative;
	margin: 0 auto;
	width: 650px;
	background: #212529;
	border-radius: 5px;
	padding: .5em 0 .5em 1em;
}
	nav div {
		display: inline-block;
		background: #3e4349;
		color: #fff;
		border-radius: 5px;
		padding: .5em;
		position: absolute;
		top: -.2em;
		right: -.2em;
		padding: .7em 1.2em .7em 1.2em;
		font-size: 1.1em;
		
	}
	nav a {
		display: inline-block;
		border-right: 1px solid #3e4349;
		color: #fff;
		font-weight: 300;
		font-size: 1.1em;
		text-transform: uppercase;
		text-decoration: none;
		margin: 0 .1% 0 .1%;
		padding: .5em 1em .7em 1em;
	}
	nav a:hover {
		color: #E8FF00;
	}

	header h1 {
		width: 100%;
		margin: 0 auto;
		position: absolute;
		text-align: center;
		top: 4em;
		z-index: 5000;
	}
		header h1 a img {
			width: 70%;
			max-width: 550px;
			min-width: 450px;
		}
		
	
	

main {
	margin: 0 auto;
	text-align: center;
}

	#home_slideshow {
		width: 100%;
		min-height: 600px;
		
		background: #eee;
		z-index: 1000;
	}
		#home_slideshow span {
			width: 100%;
			display: block;
			text-align: center;
			font-size: 2em;
			color: #999;
			top: 4em;
			position: absolute;
		}
		#home_slideshow h3 {
			width: 100%;
			top: 8em;
			position: absolute;
			z-index: 5000;
			display: none;
			
		}
		#home_slideshow h3 img {
			width: 60%;
			max-width: 1007px;
			min-width: 300px;
		}
		
	#mobile_home { display: none; }
	
	#home_cols {
		
		width: 100%;
		margin: 0 auto;
		z-index: 10000;
	}
		#home_cols article {
			float: left;
			text-align: left;
			z-index: 10000;
		}
		#home_cols article h2 {
			text-align: center;
			padding: 1em 0 1em 0;
			font-weight: 200;
			text-transform: uppercase;
			color: #fff;
			font-size: 1.5em;
			z-index: 10000;
			width: 100%;
			
		}
		#home_cols article img {
			width: 100%;
			margin-bottom: 1em;
		}
		#home_cols article p {
			display: block;
			padding: 0 6% 0 6%;
		}
		
		#home_col_one, #home_col_three {
			width: 25%;
			margin-bottom: 1em;
		}
		#home_col_one h2, #home_col_three h2{
			background: #3e4349;
		}
		#home_col_two {
			width: 50%;
		}
		#home_col_two h2 {
			background: #212529;
			margin-bottom: 0;
		}
		
	section#sub_content {
		width: 98%;
		max-width: 1200px;
		text-align: left;
		margin: 0 auto;
		padding-top: 2em;
	}
		
	
		#main_content {
			width: 71%;
			float: left;
			min-height: 750px;
			border-right: 1px solid #eee;
			padding-left: 2%;
			padding-top:11em;
			
		}
		#main_content h2 {
			border-bottom: 3px solid #eee;
			font-weight: 300;
			font-size: 2em;
			height: 1.2em;
			background: #eee;
			padding: .8em 0 .3em .5em;
			text-transform: uppercase;
			margin-left: -2%;
			margin-bottom: .8em;
		}
		#side_content {
			width: 25%;
			float: right;
			padding-left: 1.8%;
			padding-top: 11em;
		}
		#side_content h2 {
			font-weight: 300;
			font-size: 1.3em;
			padding: .5em;
			color: #fff;
			background: #141112;
		}
		#side_content img {
			vertical-align: middle;
			margin-right: .5em;
		}
		
		
footer {
	clear: both;
	background: #212529;
	position: relative;
	height: 15em;
	margin: 0 auto;
	text-align: center;
}
	footer div {
		position: absolute;
		top: 1em;
		left: 2%;
		width: 90%;
		text-align: left;
	}
	footer div a {
		
		display: inline-block;
		color: #595860;
		font-weight: 300;
		font-size: 1em;
		text-transform: uppercase;
		text-decoration: none;
		padding: .5em 1.5% .7em 1.5%;
	}
	
	footer h2 {
		position: relative;
		display: inline-block;
		margin: 0 auto;
		width: 17em;
		text-align: left;
		top: 2.5em;
		font-weight: 300;
		line-height: 1.5em;
	}
	
	footer img {
		position: absolute;
		top: 1em;
		right: 2%;
	}


@media (max-width: 1500px) and (min-width: 1200px) {
	
	nav {
		width: 60%;
		margin-left: 15%;
	}
	
}

@media (max-width: 1200px) and (min-width: 850px) {
	
	
	
	header h1 {
		left: 10px;
	}
	header > a#downhole_btn {
		top: 60px;
		
	}
	header > a#directional_btn {
		top: 60px;
		
	}
	
	#home_col_one, #home_col_three {
			width: 33.33%;
			margin-bottom: 1em;
		}
		
		#home_col_two {
			width: 33.33%;
		}
}
@media (max-width: 850px) {
	#mobile_home {
		display: block;
		margin-bottom: 1em;
		font-size: 1.3em;
		line-height: 1.3em;
	}
	#mobile_home img {
			vertical-align: middle;
			margin-right: .5em;
		}
	
	header {
		height: 125px;
	}
	nav div {
		position: relative;
		top: 5px;
	}
	.sub_col {
		float: none;
		width: 97%;
	}
	#home_slideshow {
		min-height: 600px;
	}
	
	header > a#mobile_btn {
		display: block;
		padding: .5em;
		border-radius: 5px;
		background: #fff;
		right: 25px;
	}
	header h1 { left: 0; top: 90px;  }
	
	nav {
		display: none;
		position: absolute;
		right: 0;
		width: 18em;
		background: #fff;
		z-index: 6000;
		text-align: left;
		top: 120px;
	
	}
	nav a {
		display: block;
		padding: 1em 1.5em 1em 1.5em;
		background: #212529;
	}
	
	header > a#downhole_btn {
		top: 140px;
		
	}
	header > a#directional_btn {
		top: 140px;
		
		
	}
	#home_cols article {
		width: 100%;
	}
	
	#main_content {
		width: 97%;
	}
	#side_content {
		width: 97%;
	}
	footer div {
		display: none;
	}
	footer h2 {
		display: none;
	}
	
}