@charset "utf-8";
/*


Developer Notes

Try to keep your declarations organized. Practically, it can be a pain when you're trying
to figure something out although taking ten minutes at the end of a project to tidy things up is well worth it
when you come back six months later. Below is a list that seems pretty long and rarely have I found the need to 
set even half of these on one class or id. Generally I just keep in mind three - box properties and layout rules
(the first five below), background and border properties and typography.

    * Position
    * Float and Clear
    * Width and Height
    * Margin and Padding
    * Overflow
    * Border
    * Background
    * Font and Text effects
	
Try to keep the file organized by the type of declaration. That said, there will be times where you need to add
a class to a child of an element with an id (i.e. #header #header.content) and those should be placed close to the
parent element's declaration. As in don't place #header.copy in the custom classes section but rather under the
#header declaration. When working with the element, all its styles are in the same area of the document.
	
Add or replace all relevant color values from the PSD layout to the list below
If Pantone colors are avaialable, list the number and if applicable the tint percent. If Pantone's aren't
applicable, just give the color a name that can be used to describe the color to other developers or designers.
Of course, hex values do not have tints so the tint colums will only apply to Pantone colors.
Don't bother with the # sign for hex values - double clicking the numbers won't pick up the symbol anyway.
If you'd really like to be helpful, adding some hints as to where the color is used on the page under the usage
column will give the person a visual reference. The whole idea of listing the colors here is to prevent the
developer from having to switch back and forth between DW & Photoshop or a browser. It also ensures consistent use
of color on the site to prevent slightly different color values from being picked up by the color picker.

Color Scheme:
Pantone / Color Name 		Tint		Hex				Usage
---------------------		----		-------			-----
5643C / Midnight Blue		100			003745			header background
5643C / Medium Blue			70			006677			h2, page titles

*/

 
/* ///////////////////////////

@import rules

/////////////////////////// */

@import url("reset.css");

/* ///////////////////////////

Global Overrides

/////////////////////////// */

body {
	background: #004813 url(../../img/bg-site.jpg) repeat-x scroll 0% 0%;
	font: normal 12px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}

h1 {
	
}

h2 {
	margin-bottom: 1em;
	font: bold 160% Arial, Arial, Helvetica, sans-serif;
	color: #004813;
	text-transform: uppercase;
}

h3 {
	margin-bottom: 1em;
	font: bold 140% Georgia;
}

p {
	margin-bottom: 1em;
}

li {
	line-height: 1.75em;
}

a, a:hover, a:visited, a:active {
	outline: none;
}

a {
	color: #004813;
	text-decoration: none;
}

a:hover, a:visited {
	color: #538058;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

/* ///////////////////////////

ID Declarations

/////////////////////////// */
#site {
	width: 980px;
	margin: 0 auto;
	margin-top: 15px;	
}


#header {
	width: 980px;
	min-width: 980px;
	height: 123px;
	vertical-align: bottom;	
	background: transparent url(../../img/bg-header.jpg) repeat-x scroll 0% 0%;
	background-position: bottom;
}

#header h1 {	

	text-indent: -9999px;
	font: 18px "Georgia";
}

#header h1 a {
	display: block;
	width: 320px;
	height: 84px;
}

#masthead {
	
	margin: 0 auto;
}

#main-nav {
	float: left;
	width: 597px;
	height: 38px;
	margin: 41px 0 0 20px;
	background: transparent url(../../img/bg-navbar.png) no-repeat scroll 0% 0%;
	color: #FFF;
}

#main-nav ul {
	padding: 5px;
}

#main-nav li {
	display: inline;
	margin-left: 12px;
	font: bold 16px Georgia;
}

#nav-safety-training a, #nav-safety-facts a, #nav-safety-resources a, #nav-safety-team a {
	display: block;
	float: left;
	margin: 7px 0 0 17px;
	height: 15px;
	text-indent: -9999px;
}

#nav-safety-training a {	
	width: 187px;	
	background: transparent url(../../img/nav-safety-training.png) no-repeat;	
}

#nav-safety-facts a {
	width: 125px;
	background: transparent url(../../img/nav-safety-facts.png) no-repeat;
}

#nav-safety-resources a {
	width: 102px;
	background: transparent url(../../img/nav-safety-resources.png) no-repeat;
}

#nav-safety-team a {
	width: 90px;
	background: transparent url(../../img/nav-safety-team.png) no-repeat;
}

#page {
	min-width: 980px;
	margin: 0 auto;
	background-color: #CC9;
}

#content {
	position: relative;
	width: 980px;
	min-height: 425px;
}

#article {
	padding: 15px;
}

#related-links {
	margin: 15px 15px 0 15px;
	
}

#related-links li {
	margin-bottom: 5px;
	padding: 3px;
	font: italic 14px Georgia;
	font-weight: bold;
}

#specific {
	
}

#footer {
	min-width: 770px;
	height: 50px;
	
}

#footer-nav {
	margin: 0 15px;
	text-align: center;
}

#footer-nav ul {
	padding: 0 0 2px 8px;
	margin-top: 18px;
}

#footer-nav li {
	display: inline;
	padding: 3px;
	font: 10px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #CC9;
}

#footer-nav li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E0DFC1;
}

#legal {
	margin: 0 15px;
	text-align: center;
}

#legal ul {
		
}

#legal li {
	display: inline;
	padding: 3px;
	font: 9px Arial, Helvetica, sans-serif;
}

#legal p {
	color: #6A916C;
	font-size: 10px;
}

#contact-info {
	text-align: center;
}

#contact-info h2 {
	margin: 12px 0 6px 0;
}

#contact-info h3 {
	height: 41px;
	margin: 0;
	padding-top: 12px;
	background: transparent url(../../img/tab-contact.jpg) no-repeat scroll 0% 0%;
	background-position: center top;
	font-size: 24px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .08em;
}

#contact-info h3 a {
	color: #FFF;
}

#content-footer .two-col {
	margin: 0;
}

#location {
	margin: 18px 24px 0 48px;
}

#location h3 {
	margin-bottom: 6px;
	color: #004813;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	border-bottom: 1px dashed #004813;	
}

#location p {
	line-height: 1.5em;
}

#employee-happiness {
	margin-top: 24px;
	height: 323px;
	background: transparent url(../../img/bg-employee-benefit.png) no-repeat scroll 0% 0%;
}

#employee-happiness h3 {
	margin: 36px 0 0 0;
	font: bold 130% Arial, Arial, Helvetica, sans-serif;
	color: #004813;
	text-transform: uppercase;
}

#employee-happiness p {
	width: 300px;
}

#mission {
	margin: 0 0 0 36px;
	width: 250px;
}

#mission p {
	width: 230px;
	margin-left: 14px;
}


/* ///////////////////////////

Custom Classes

/////////////////////////// */
.clear-both {
	height: 0px;
	clear: both;
}

.no-margin, #content.no-margin {
	margin:0;
}

.one-col {
	width: 100%;
}

.two-col {
	width: 49%;
	
}

.three-col {
	width: 32%;
	
}

.four-col {
	width: 24%;
	
}

.five-col {
	width: 19%;
}

.content-col-one {
	padding: 46px 15px 0 64px;
}

#content, #sidebar, .two-col, .three-col, .four-col, .five-col {
	float: left;
	margin: 0 0 10px 10px;
}

#sidebar.first-col, .first-col {
	margin: 0 0 10px 0;
}

.feature {
	padding: 3px;
}

.logo, .search {
	float: left;
	
}

.logo {
	width: 320px;
	height: 84px;
	margin: 22px 0 0 18px;
	background: transparent url(../../img/logo.png) no-repeat scroll 0% 0%;
	background-position: top left;
	
}

.search {
	width: 400px;
	height: 50px;
	padding: 12px 20px 15px 20px;
}

.safety-facts {
	width: 609px;
	margin-top: 28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 24px;
	color: #F15A24;
}

.barricade {
	position: absolute;
	top: 55px;
	left: 690px;
	width: 280px;
	height: 345px;
	z-index: 1;
}

.home-lists {
	float: left;
	position: absolute;
	z-index: 5;
	width: 750px;
}

.home-lists ul {
	margin-left: 14px;
	font-size: 12px;
}

.home-lists li {
	line-height: 1.75em;
}

.resource-title, .resource-title-spaced {
	font-style: italic;
	font-weight: bold;
}

.resource-title-spaced {
	margin-top: 1em;
}

.stripe-tab {
	height: 34px;
	margin-bottom: .25em;
	padding: 8px 0 0 12px;
	background: transparent url(../../img/bg-stripe-header.png) no-repeat scroll 0% 0%;
	color: #004813;
	font: bold 16px Arial, Helvetica, sans-serif;
}

.bg-stripes {
	background: transparent url(../../img/bg-stripes.gif) repeat-x scroll 0% 0%;
}

.padding15px {
	padding: 15px;
}

p.highlight {
	margin-top: .5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 18px;
	color: #F15A24;
}

#testimonial {
	margin: 0 22px 0 0;
}

.align-right {
	text-align: right;
}

.quote, .quotee {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.quote {
	font-size: 20px;
	font-weight: normal;
	color: #F15A24;
}

.quotee {
	font-weight: bold;
	font-size: 12px;
	color: #004813;
}

.bg-schematic {
	background: #D8D7B7 url(../../img/bg-floor-plan.jpg) no-repeat scroll 0% 0%;
}

.excavator {
	background: transparent url(../../img/excavator.png) no-repeat scroll 0% 0%;
	background-position: bottom right;
}

.bulldozer {
	background: transparent url(../../img/bulldozer.png) no-repeat scroll 0% 0%;
	background-position: bottom right;
}

.team-member {
	width: 115px;
	float: left;
}

.team-bio {
	width: 300px;
	float: left;
	margin: 0 0 24px 18px;
}

.team-bio h3 {
	color: #004813;
}