/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, header, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, ul, nav, article, footer, section, input, textarea{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.left {
	float:left;
	}
.right {
	float:right;
	}
.hidden {
	display:none;
	}
h3 {
	font-weight:normal;
	margin:13px 0 5px 0;
	font-size:1.4em;
	}

p {
	margin-bottom:15px;
	}

a {
	color:inherit;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:1px;
	}
a:hover {
	text-decoration:underline;
	}
nav a {
	font-weight:inherit;
	}

body {
	background: #42210B;
	color: #E4B380;
	font-family:georgia;
	background:url('./images/page_bg.png');
	padding:0;
	margin:0;
	}
#pageHeader {
	background:url('./images/header_bg2.jpg') 50% 0 no-repeat;
	height:300px;
	min-width:960px;
	}
#pageNav section, article section, article header, footer section {
	width:960px;
	margin:10px auto;
	}
#pageNav {
	background:url('./images/nav_bg.jpg') #886239;
	//background:rgba(136, 98, 57, .5);
	min-width:960px;
	font-size:22px;
	margin-bottom:20px;
	padding:10px 20px;
	color: #E4B380;
	-webkit-text-shadow:1px 1px 2px #000;
	-moz-text-shadow:1px 1px 2px #000;
	text-shadow:1px 1px 2px #000;
	text-align:center;
	}
#pageNav section {
	padding:0 20px;
	}
#phoneNumber {
	font-size:18px;
	line-height:27px;
	letter-spacing:1px;
	text-align:center;
	}
.splash {
	margin:40px auto;
	text-align:center;
	}
.splash img {
	border:2px solid #fff;
	max-width:100%;
	}
article header {
	font-size:40px;
	margin-bottom:20px;
	}
article section p, article section ul, article section div {
	//margin-left:100px;
	font-size: 16px;
	line-height: 26px;
	}
p {
	margin-bottom:10px;
	}
p.images {
	text-align:center;
	}
p.images img {
	border:1px solid #E4B380;
	padding:5px;
	margin:0 5px;
	}
#page_footer {
	background:url('./images/nav_bg.jpg') #886239;
	color:#180F07;
	padding:10px 0;
	margin:20px 0 0;
	}
#page_footer .content {
	display:inline-block;
	width:772px;
	vertical-align:100%;
	padding-left:20px;
	}
#page_footer nav {
	display:inline;
	vertical-align:100%;
	margin-left:20px;
	}
#page_footer section {
	margin-bottom:10px;
	}
.copyright, .plug{
	font-size:12px;
	}
label {
	display:block;
	text-align:right;
	padding:5px 10px;
	}
.form input, .form textarea, .form button {
	width:300px;
	font-size:16px;
	padding:5px;
	color:#E4B380;
	font-family:georgia;
	font-weight:bold;
	border:1px solid #E4B380;
	background:#4D331A;
	}
input.error, textarea.error {
	border-color:#f00;
	}
select.error {
	background-color:#f00;
	}
	
.form button {
	width:auto;
	cursor:pointer;
	font-size:14px;
	display:inline;
	}
.right.column {
	position:absolute;
	right:15%;
	}
td {
	vertical-align:top;
	}
#emailMsg {
	position:absolute;
	width:100%;
	text-align:center;
	}
#emailMsg p {
	width:300px;
	margin:0 auto;
	padding:20px;
	color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
#emailMsg.success p {
	background:rgba(0, 200, 0, .2);
	}
#emailMsg.failure p {
	background:rgba(200, 0, 0, .2);
	}
.servicesList, .form.apply {
	//background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-bottom: 20px;
	padding: 10px 20px 10px 30px;
	//width: 400px;
	border:0;
	}
.servicesList li {
	margin:5px 0;
	cursor:pointer;
	}
#imageChanger {
	padding:5px;
	border:1px solid;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:none;
	}
#imageChanger img {
	display:block;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	//max-width:200px;
	}
#servicesSloganBox{
	width:391px;
	height:141px;
	background:url('./images/services_slogan.png') no-repeat;
	}
.serviceLogo {
	margin:0 auto;
	display:block;
	}
.contactBlock {
	margin-bottom:20px;
}
.contactBlock .content {
	padding:20px;
	width:400px;
	background:rgba(255,255,255,.1);
}
.contactBlock .content .title {
	font-size:1.5em;
	margin:0 0 20px;
	text-decoration:underline;
}
.contactBlock .content .name {
	font-size:1.2em;
	display:block;
}
#equipmentList .eqmntType {
	font-size:28px;
	margin:40px 0 20px;
	text-decoration:underline;
	letter-spacing:1px;
}
#equipmentList .row {
	padding:10px;
	background:#000;
}
#equipmentList .row.even {
	background:rgba(255,255,255,.1);
}
#equipmentList .row.odd {
	background:rgba(255,255,255,.2);
}
#equipmentList .row.even:hover,
#equipmentList .row.odd:hover {
	background:rgba(255,255,255,.3);
}
#equipmentList .cell {
	width:25%;
	display:inline-block;
}
@media (max-width: 650px) {
	article {
		padding:10px;
		}
	h2 {
		margin:15px 0;
		}
	#pageHeader {
		background-position:50% bottom;
		height:120px;
		width:100%;
		min-width:0;
		-webkit-background-size: auto 160px;
		-moz-background-size: auto 160px;
		-o-background-size: auto 160px;
		background-size: auto 160px;
		}
	#pageNav section, article section, article header, footer section {
    margin: 0px auto;
    width: 100%;
	}
	#pageNav {
		min-width:0;
		font-size:18px;
		text-align:center;
		margin:0;
		padding:5px 0;
		}
	#phoneNumber {
		float:none;
		display:block;
		margin-top:10px;
		}
	article section p, article section ul, article section div {
	margin:0;
	font-size: 20px;
	line-height: 30px;
	}
	p.images img {
		max-width:100%
		}
	#servicesSloganBox {
		display:none;
		}
	.form, .servicesList, .form.apply {
		border:0;
		padding:0;
		background:none;
		width:100%;
		}
	.form input, .form textarea, .form button {
		width:100%;
		}
	table {
		width:100%;
		}
	.right {
		float:none;
		}
	.right.column {
		position:static;
		}
	td {
		display:block;
		}
	label { 
		text-align:left;
		}
	select {
		font-family:georgia;
		font-size:16px;
		padding:5px;
		color:#000 !important;
		//border:#fff !important;
		width:100%;
		margin-bottom:5px;
		}
	#page_footer {
		text-align:center;
		}
	#page_footer nav {
		display:block;
		margin:0;
		}
	#page_footer span {
		display:block;
		}
	#equipmentList .row.header {
		display:none;
	}
	#equipmentList .cell {
		display:block;
		width:100%;
	}
}