/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
		Fonts
=======================*/



/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    font-family: 'Titillium Web', sans-serif;
    margin: 0;
	padding:0;
	background:url(../siteart/p6.png) repeat;
	color:#000;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0; max-width:100%;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Titillium Web', sans-serif;
	margin: 0;
	font-weight:700;
	}
	h1 {font-size: 36px;line-height:1.5em;}
	h2 {font-size: 30px;line-height:1.3em;}
	h3 {font-size: 24px;line-height:1.2em;}
	h4 {font-size: 20px;line-height:1.1em;}
	h5 {font-size: 18px;line-height:1em;}

p {
    font-family: 'Titillium Web', sans-serif;
	padding: 0 0 2% 0;
	font-size:18px;
	line-height:1.5em;
	margin: 0;
	}
strong{font-family: 'Titillium Web', sans-serif;font-weight:700;}

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/
	}
	
a {
    text-decoration:none;
	color:inherit;
}

a:hover  {
	text-decoration: none;
	color: #ce342a;
	} 
	
	
.appbutton{}
.appbutton a{background:#38b749; padding:5px 10px;color:#fff; border-radius:3px;}
.appbutton a:hover{background:#262626; padding:5px 10px;color:#fff; border-radius:3px;}
 
 
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
.siteheader{width:100%;margin:0;height:70px;background:rgba(255,255,255,0.95);position:fixed;z-index:99;top:0;border-bottom:5px solid #ce342a}

.headerwrap{width:96%;max-width:1520px;margin:0 auto;}
.headlogo{position:absolute;left:10%;top:2%;z-index:100;width:250px;}
.navbar{float:right;margin-top:20px;}



/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1520px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1580px;margin:0 auto;}
.internal{padding:280px 0 2% 0;background:url("../siteart/welcomeback.jpg") center center fixed no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
.internal h2{color:#3552a0;padding-bottom:1%;}	

/*===================== 
	slideshow styles 
=======================*/
.contactbar{background:#ce342a;padding:8px 0;}
.contactbarleft{color:#fff;float:left;}
.contactbarleft h4 strong{color:#ccc;text-decoration:underline;}
.region{color:#dadadb;}
.contactphone{margin-left:50px;}
.contactphone:hover a{color:#ccc;}
.contactbutton{float:right;background:#3552a0;margin-top:3px;margin-left:10px;padding:5px 0;width:200px;border:2px solid #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;color:#fff;font-weight:700;}
.contactbutton:hover{cursor:pointer;background:#1d1e1e;-moz-transition:0.2s all ease;-webkit-transition:0.2s all ease;-ms-transition:0.2s all ease;-o-transition:0.2s all ease;transition:0.2s all ease;}

/*===================== 
	quicklink styles 
=======================*/
.quicklinks{border-top:2px solid #fff;}
.linkbox{float:left;width:19.9%;position:relative;text-align:center;border-right:2px inset #fff;overflow:hidden;}
.attbox{border-right:none;}
.linktitler{background:#1d1e1e;color:#fff;padding:5px 0;position:absolute;bottom:0;width:100%;}
.linkbox:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-moz-transition:0.2s all ease;-webkit-transition:0.2s all ease;-ms-transition:0.2s all ease;-o-transition:0.2s all ease;transition:0.2s all ease;}
.linkbox:hover .linktitler{background:#ce342a;-moz-transition:0.2s all ease;-webkit-transition:0.2s all ease;-ms-transition:0.2s all ease;-o-transition:0.2s all ease;transition:0.2s all ease;}

/*===================== 
	welcome styles 
=======================*/
.welcome{background:url("../siteart/welcomeback.jpg") center center fixed no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
.welcomelogo,.welcometext{display:inline-block;zoom: 1;*display: inline;vertical-align:top;}
.welcomelogo{width:20%;margin-right:3%;}
.welcometext{width:75%;}
.welcome h1{color:#3552a0;line-height:1.1em;padding-bottom:2%;}
.welcome > .wrapper{width:80%;padding:3% 0;}
.welcomebutton{background:#ce342a;padding:6px 0;width:30%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;color:#fff;font-weight:700;color:#fff;float:left;margin-right:2%;font-size:18px;}
.lastwelcome{margin-right:0;}
.welcomebutton:hover{background:#3552a0;-moz-transition:0.2s all ease;-webkit-transition:0.2s all ease;-ms-transition:0.2s all ease;-o-transition:0.2s all ease;transition:0.2s all ease;}


/*===================== 
	internal styles 
=======================*/
.copyleft{float:left;width:68%;padding-right:2%;}
.listed{padding-bottom:0;}
.copyleft ul{margin-top:0;}
.copyleft ul li{font-size:18px;}
.copyleft h4{color:#ce342a;}
.copyright{float:left;width:28%;padding-left:2%;text-align:center;}
.copyright img{margin-bottom:5%;}
.copyright iframe{height:450px;-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.4);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.4);box-shadow:5px 5px 5px rgba(0,0,0,0.4);}
.halves{display:inline-block;zoom: 1;*display: inline;vertical-align:top;margin:1% 0.5% !important;width:47%;}

/*===================== 
	OSHA styles 
=======================*/
.trainingwindow{margin:0 auto;text-align:left;}
.trainingwindow h3{color:#ce342a;margin-bottom:1%;border-bottom:3px solid #ce342a;}
.guideline{width:96%;margin:2% auto;}
.guideline p{padding:0;float:left;margin-top:6px;}
.guideline a{float:right;width:40%;}
.guideline a .welcomebutton{width:100%;}
.oddrow{background:rgba(0,0,0,0.2);padding:6px 2%;}
.evenrow{background:rgba(0,0,0,0.1);padding:6px 2%;}

/*===================== 
	contact styles 
=======================*/
#formed{width:58%;}
#formed .half{float:left;width:48%;margin-right:2%;}
#mapped{width:38%;}

/*===================== 
	Form styles 
=======================*/
#formpage{padding:0 10px;}

form{
	margin:0 0 0;
}
label{
	display:block;
	font-size:16px;
	padding-top: 4%;
	width:100%;
}
input{
	font-family: 'Titillium Web', sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
	margin-bottom:10px;
}
input:focus{
	border: #2885b3 solid 1px;
}
input.button2{
	display:block;
	width:50%;
	margin:0 auto 5% auto;
	border:#277e32 solid 1px;
	background-color:#38b749;
	color:#fff;
	border-radius: 2px;
}

input.button2:hover{
	background-color:#277e32;
	cursor:pointer;
}

select{
	font-family: 'Titillium Web', sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:100%;
	margin-bottom:10px;
}

textarea{
	font-family: 'Titillium Web', sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

input[type='checkbox'],input[type='radio']{width:15px !important;min-width:15px !important;margin-right:2px;}

.commentbox{width:98%;}
.captchabox{width:60%;margin:0 auto;}
.sendbutton{background:#3552a0;color:#fff;padding:8px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-weight:700;}
.sendbutton:hover{cursor:pointer;background:#ce342a;-moz-transition:0.2s all ease;-webkit-transition:0.2s all ease;-ms-transition:0.2s all ease;-o-transition:0.2s all ease;transition:0.2s all ease;}

/*===================== 
	layout styles 
=======================*/
.ribbon{text-align:center;color:#fff;background:#38b749;border-bottom:#216c2b 5px solid;position:relative;}
.ribbon h2{color:#fff;}

.sitemap{background:url(../siteart/escheresque_ste.png) repeat;color:#fff;}
.sitemap p{line-height:2em;}
.sitemap i{font-size:42px;margin-right:20px;}

/*===================== 
	inventory styles 
=======================*/

/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

.hosted-content .pagination > .drop-down-form select{width:8% !important;}
.hosted-content h1{font-size:24px !important;line-height:1.3em;}
.hosted-content h2{font-size:22px !important;line-height:1.2em;}
.hosted-content h3{font-size:20px !important;line-height:1.1em;}

.mobilecontainer { 
	overflow:hidden; /* must have this property for mobile phones and tablet display! */
	width:100%; 
	margin:0 auto;
	height:92px; 
	padding:0;
	background:#000;
}
iframe.banner {
	width:100%;
	height:92px;
	background:#000
}


/*===================== 
	footer styles 
=======================*/

.pagebottom{
	
	background-image:url("../siteart/asfalt.jpg");
	background-color:#000;
	background-repeat:repeat;
	padding:30px 0;
}
.pagebottom p{color:#fff;font-size:16px;}
.pagebottom a{color:#fff;}
.pagebottom a:hover{color:#ce342a;}

.footercolumn{float:left;width:21%;margin-left:4%;}
.footercolumn h3{color:#ccc;border-bottom:3px solid #ce342a;margin-bottom:10px;}
.footercolumn h4{color:#ce342a;}
.footerlinks a{display:block;color:#ccc;}
#footerleft{margin-left:0;}
#footerleft img{max-width:200px;}
.empnumbers p strong{color:#fff !important;}
.empnumbers p{margin-bottom:4%;}
.empnumbers a,.empnumbers p{color:#ccc !important;}
.empnumbers a:hover{color:#ce342a !important;}

.pubfooter{padding:1% 0;background:#fff;}

footer {
	margin: 0 auto;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #ce342a;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #666;
		}

.footertext {
	font-size:11px; 
	color:#666;
	}

.smallfootertext {
	font-size:11px; 
	color:#666;
	}

.divfooter {
	text-align:center; 
	margin:0 auto;
	}

/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1650px) {
	.headlogo{left:2%;}
	.linkbox{width:19.85%}
}

@media screen and (max-width: 1400px) {
	h1 {font-size: 32px;}
	h2 {font-size: 26px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	p {font-size: 16px;padding-bottom:3%;}
	.contactphone{margin-left:30px;}
	.contactbutton{margin-top:0;}
	.welcome > .wrapper{width:90%;padding:4% 0;}
	
	.copyleft ul li{font-size:16px;}
	.guideline a .welcomebutton{font-size:15px;}
}

@media screen and (max-width: 1250px) {
	.contactbutton{width:150px;}
}

@media screen and (max-width: 1100px) {
	.siteheader{height:70px !important;background:#fff !important;}
	.headlogo{width:200px !important;}
	.navbar{margin-top:12px !important;}
	.heroslider{margin-top:70px;}
	.linkbox{width:19.79%}
	.welcomelogo{display:none;}
	.welcometext{width:100%;}
	.welcomebutton{font-size:16px;}
	.footercolumn{width:23%;margin-left:2%;}
	.pagebottom p,.footerlinks a{font-size:15px;}
	#footerleft img{max-width:150px;}
	.contactbarleft{width:100%;}
	.contactbutton{float:none;display:inline-block;zoom: 1;*display: inline;vertical-align:middle;margin:5px 20px 5px 0;width:200px;}
	
	.internal{padding-top:200px;}
	.copyleft{width:58%;}
	.copyright{width:38%;}
	.copyleft .welcomebutton{width:50%;}
	.halves{display:block;width:100%;margin:1% auto;}
	.copyright iframe{height:350px;}
}
	
@media screen and (max-width: 1000px) {
	.contactbar{text-align:center;padding:12px 0;}
	.contactbarleft{width:100%;float:none;display:block;text-align:center;}
	.contactbarleft h4{margin-bottom:5px;}
	.contactphone{display:block;margin:5px auto;}
	.contactbutton{width:30%;margin:0 auto;margin-left:1%;margin-right:1%;}
}

@media screen and (max-width: 800px) {
	h1 {font-size: 26px;}
	h2 {font-size: 22px;}
	h3 {font-size: 18px;}
	h4 {font-size: 16px;}
	h5 {font-size: 15px;}
	p {font-size: 15px;}
	.headlogo{width:180px !important;}
	.linkbox{width:19.75%;}
	.linkbox h3{font-size:16px;float:none;}
	.welcome > .wrapper{padding:6% 0;}
	.welcomebutton{font-size:15px;}
	.pagebottom{text-align:center;}
	.pagebottom p,.footerlinks a{font-size:14px;}
	#footerleft img{max-width:200px;}
	#footerleft,.footercolumn{float:none;display:inline-block;zoom: 1;*display: inline;vertical-align:top;width:40%;margin:2%;text-align:center;}
	
	.internal{padding-top:200px;}
	.internal h2{text-align:center;}
	.copyleft,.copyright,#formed,#mapped{float:none;display:block;width:90%;margin:0 auto;text-align:center;padding:0;}
	.copyleft{margin-bottom:2%;}
	.copyleft ul{padding:0;}
	.copyleft ul li{font-size:15px;}
	.copyright img{margin-bottom:2%;}
	.copyright iframe{height:290px;}
	.copyleft .welcomebutton{float:none;margin:0 auto;}
	.half,.commentbox{text-align:left;}
	.halves{display:inline-block;zoom: 1;*display: inline;vertical-align:top;width:45%;margin:2%;}
}

@media screen and (max-width: 650px) {
	.siteheader{height:80px !important;}
	.headlogo{width:150px !important;}
	.navbar{margin-top:18px !important;}
	.heroslider{margin-top:80px;}
	.contactbutton{width:40%;}
	.quicklinks{text-align:center;background:#1d1e1e;}
	#cranebox{width:100%;border:none;max-height:200px;overflow:hidden;}
	#cranebox img{margin-top:-70px;}
	.linkbox{width:50%;border:none;}
	.contactbar{text-align:center;}
	.contactbarleft h4{margin-bottom:8px;}
	.contactbar h4 strong{display:block;}
	.welcome{text-align:center;}
	.welcome > .wrapper{padding:8% 0;}
	.welcomebutton{float:none;display:block;width:100%;margin:1% auto;}
	
	.internal{padding-top:170px;}
	.copyleft .welcomebutton{width:100%;}
}

@media screen and (max-width: 480px){
	.siteheader{height:100px !important;}
	.headlogo{position:relative;width:100px !important;float:left;}
	.navbar{margin-right:2%;margin-top:27px !important;}
	.contactphone{display:block;margin:3px auto;}
	#cranebox{max-height:150px;}
	#footerleft,.empnumbers{width:85%;display:block;margin:2% auto;}
	
	.internal{padding-top:130px;}
	.copyleft ul li{list-style:none;margin:5px 0;font-weight:700;padding:5px 10px;}
	.copyleft ul li:nth-child(odd){background:rgba(0,0,0,0.6);color:#fff;}
	.copyleft ul li:nth-child(even){background:rgba(0,0,0,0.4);color:#fff;}
	.halves{display:block;width:100%;margin:1% auto;}
	#formed .half{float:none;display:block;width:100%;margin:0 auto;}
	.captchabox{width:100%;}
	
}

@media screen and (max-width: 360px){
	.linkbox,#cranebox{display:block;width:100%;float:none;margin:0 auto;max-height:120px;overflow:hidden;}	
	.linkbox img,#cranebox img{margin-top:-50px;}
	.footercolumn,#footerleft{width:85%;margin:4% auto;display:block;}
	.region{display:block;}
	.contactbutton{width:70%;margin:1% auto;}	
	
	.guideline a{width:35%;}
	.guideline a .welcomebutton{font-size:13px;}
}