html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
html, body {
  line-height: 1;
  min-height: 100%;
  font-family: "nimbus-sans-n4","nimbus-sans", serif;
  letter-spacing: -1px;
}
/*
 * This file is NOT needed in order to use skrollr.
 * The demo uses it and it may help you as well.
 */


html, body {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	overflow-x:hidden;
}

.skrollable {
	/*
	 * First-level skrollables are positioned relative to window
	 */
	position:fixed;

	/*
	 * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
	 */
	z-index:100;
}

/*
.skrollable.unrendered {
	display:none !important;
}
*/

.skrollable .skrollable {
	/*
	 * Second-level skrollables are positioned relative their parent skrollable
	 */
	position:absolute;
}

.skrollable .skrollable .skrollable {
	/*
	 * Third-level (and below) skrollables are positioned static
	 */
	position:static;
}
/*end optional*/
body {
	background-color: #ecac00;
}

#slOne, #slTwo, #slTwoTwo, #slThree, #slFour, #slFive, #slSix, #slSeven, #slEight {overflow:hidden; width: 1024px; height: 546px}

/*h1, h2, h3, h4 {color: #FFF; text-shadow: 1px 2px 2px rgba(0,0,0,.3); filter: dropshadow(color=#000000, offx=1, offy=2); margin-bottom:.5em;}*/
h1, h2, h3, h4 { font-family: "nimbus-sans-n7", "nimbus-sans", serif;font-weight: 700; font-style: normal;}
h1 {font-size: 38px; margin-top: 0; margin-right: 0;}
h2 {font-size: 32px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
.darker {color: #000;}
.textbg {
	background: #fff;
	padding:.5em;
	-webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 0px 6px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 6px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 6px 5px rgba(0,0,0,0.5);
	text-align: center;    
}
.slideShadow  {
	-moz-box-shadow: 0px 6px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 6px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 6px 5px rgba(0,0,0,0.5); 
}
.quoteBox {width: 56%; color: #000;font-weight: bold; }

.bgtext {font-size:6em;color:rgba(236,172,0,0.3); text-transform: uppercase;font-weight: bold;}

.quoteSlide {
	background: #ecac00; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2OWY4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NDYwNTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ecac00 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecac00), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ecac00 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ecac00 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ecac00 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ecac00 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecac00', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */}



/*.mainContainer {position: relative; width:1024px; height: 546px; margin: 0 -512px; left:50%; overflow:hidden;}*/
.spotLink {position: relative; padding-left: .5em; padding-top: .5em;  background-color: rgba(0,0,0,.5); width:53px; min-height: 53px; overflow: hidden; z-index: 0;
		-webkit-border-radius: 0px 10px 10px 0px;
        border-radius: 0px 10px 10px 0px;
		}
/*.spotLink ol {list-style-type: none; width: 100%; margin-top: .5em; z-index:1}
.spotLink ol li {position: relative; clear: left; min-height: 34px; margin: 0 .75em 1em 0;}*/
.spotBtn, .spotBtnOn {position:absolute; top: .5em; left: .5em; width: 58px; height:51px; display:block; text-decoration: none; border: 0; z-index: 5;}
h3.mySpot {position: relative; width: 20em; font-size: 1.2em; line-height: 130%; left: 0; padding: 0 .75em 0 76px ; padding-bottom: 0; top: 0; margin:0; z-index: 3;}
.spotBtn {background: url(../graphics/homepage/para-feature/info_btn.png) no-repeat 0 0;}
.spotBtn:hover, .spotBtn:focus {background: url(../graphics/homepage/para-feature/info_btn.png) no-repeat 0 -51px; border: 0; cursor: pointer;}
.spotBtn b, .spotBtnOn b {display:none;}
.spotBtnOn {background: url(../graphics/homepage/para-feature/info_btn.png) no-repeat 0 -102px;}


/**** START SLIDE 1 ****/
#slOne {
	width: 1024px;
	height: 546px;
	background: #fff;
	z-index: 0;
	}
#cOne {display: block; width:1024px; height: 546px; overflow: hidden; z-index: 5;background: #fff;}
#learnMore {width: 98px; height: 109px; background: url(/feature/desk/img/scroll-pulse.gif) no-repeat left center; }
#learnMore {text-indent: -999em; display: block;}
#cOne h1 {color:#000; text-align: center; width:100%; margin:0; font-weight: bold;}
#cOne h1#believe {font-weight: normal}

/**** END SLIDE 1 ****/

/**** START SLIDE 2 ****/

#slTwo {width: 1024px; height: 546px; overflow:hidden;z-index: 1;margin:0 auto;background: url(../img/1_sky-final-trimmed.jpg) transparent no-repeat top left;}
#slTwo h1 {font-size:1.8em; font-weight:normal;line-height:1.2em;color: #444;width:60%}
#train2 {width: 1024px; height: 546px; overflow: hidden; z-index:4;}
#train2 img {margin-top: 50px}
#titleParadeContainer {width: 1024px; height: 546px; background-color: transparent; overflow:hidden; /*border: solid 1px lime;*/z-index:3}
#titleParade {width: 100%; left: 50%; margin-left: -25%; /*border: solid 1px cyan*/}
#titleParade h1 {color: #fff; white-space: nowrap; font-size: 48px; line-height: 60px; margin:0; text-shadow: 1px 2px 2px rgba(0,0,0,.3); filter: dropshadow(color=#000000, offx=1, offy=2);}

/**** END SLIDE 2 ****/

/**** START SLIDE 3 ****/

#slThree {
	}
#slThreeQuote {padding: 1em 1em 3em 1em;}
#safetyImage {width: 1024px; height: 546px;}
#slThree img {border: 1px solid blue;}
h1#safety {font-size:1.4em; width: 85%;line-height: 1.2em;text-align: left;}
h1#safetyCite {font-size:1.4em; width: 70%;line-height: 0.85em;text-align: right;padding-top:1.1em;}
h1#safetyCite span {font-size:0.8em;font-weight: normal;}


/**** END SLIDE 3 ****/

/**** START SLIDE 4 ****/

#slFour {
	width: 1024px;
	height: 546px;
	background: url(../img/1_sky-final.jpg) #ecac00 no-repeat top left;
	}

h1.building {color: #000;}


/**** END SLIDE 4 ****/

/**** START SLIDE 5 ****/

#slFive {width: 1024px; height: 546px; overflow: hidden;background: url(../img/white_gradient.png) #fff repeat-x top left;}

/**** END SLIDE 5 ****/

/**** START SLIDE 6 ****/

#slSix {
	width: 1024px;
	height: 546px;
	background: url(../img/1_sky-final.jpg) #ecac00 no-repeat top left;
	}

/**** END SLIDE 6 ****/

/**** START SLIDE 7 ****/


#slSeven {
	width: 1024px;
	height: 546px;
	background: url(../img/7_slideSeven_bg.png) #e0ddd8 repeat-x top left;
	overflow: hidden;
}

#car {
	width: 1024px;
	height: 546px;
	overflow: hidden;
	background: #fff;
	}

/**** END SLIDE 7 ****/

/**** START SLIDE 8 ****/


#slEight {
	width: 1024px;
	height: 546px;
	background: url(../img/1_sky-final.jpg) #ecac00 no-repeat top left;
	overflow: hidden;
}

#slEight img {margin-top:150px;}

/**** END SLIDE 8 ****/

/**** START SLIDE 9 ****/

#slNine {
	width: 1024px;
	height: 546px;
	}
#slNineQuote {
	padding:1.5em 1.5em 4em 1.5em;
	}

h1#customerCite {font-size:1.4em; width: 70%;line-height: 0.85em;text-align:left;padding-top:1.1em;padding-left: 2.5em;}
h1#customerCite span {font-size:0.8em;font-weight: normal;}

/**** END SLIDE 9 ****/

/**** START SLIDE 10 ****/


#slTen {
	width: 1024px;
	height: 546px;
	background: url(../img/1_sky-final.jpg) #ecac00 no-repeat top left;
	overflow: hidden;
}

/**** END SLIDE 10 ****/

/**** START SLIDE 11 ****/


#slEleven {
	width: 1024px;
	height: 546px;
	background: url(../img/1_sky-final.jpg) #ecac00 no-repeat top left;
	overflow: hidden;
}

#bgEmployees {
	width: 1024px;
	height: 546px;
 	background: url(../img/11_employee_back_illus.png) transparent no-repeat top left;
	overflow: hidden;
 }

#bgEmployees img {
	margin-left: 288px;
	margin-top:23px;
}

h1.slGrayColor {
	color: #999 !important;
	font-size: 2em !important;
	font-weight: normal !important;
	width: 48% !important;
	letter-spacing: 1px;
}

h1.slGrayColor span {font-weight: normal;}

/**** END SLIDE 11 ****/

/**** START SLIDE 12 ****/


#slTwelve {
	width: 1024px;
	height: 546px;
	background: url(../img/1_sky-final.jpg) #ecac00 no-repeat top left;
	overflow: hidden;
}

h1#landscape {font-size:1.8em !important;width:50% !important;}

/**** END SLIDE 12 ****/

/**** START SLIDE 13 ****/

#slThirteen {
	width: 1024px;
	height: 546px;
	}
#slThirteenQuote {
	padding:1.5em 1.5em 4em 1.5em;
	}

h1#enviro {font-size:1.4em; width: 85%;line-height: 1.2em;text-align: left;}
h1#environmentCite {font-size:1.4em; width: 65%;line-height: 0.85em;text-align:right;padding-top:1.1em;padding-left: 2.5em;}
h1#environmentCite span {font-size:0.8em;font-weight: normal;}

/**** END SLIDE 13 ****/

/**** START SLIDE 14 ****/


#slFourteen {
	width: 1024px;
	height: 546px;
	background: url(../img/1_sky-final.jpg) #ecac00 no-repeat top left;
	overflow: hidden;
}

#slFourteen img { margin-top:1px;margin-left:1px;}

h1#investment {
	color: #999 !important;
	font-size: 2em !important;
	font-weight: normal !important;
	width: 37% !important;
}

/**** END SLIDE 14 ****/

/**** START SLIDE 15 ****/

#slFifteen {
	width: 1024px;
	height: 546px;
	overflow: hidden;
}

#slFifteen img {margin-top:70px;}

#pinText {font-size: 2.1em;font-weight: normal !important; width:70%;color:#999;
	background: #fff;
	padding:.5em;
	-webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 0px 6px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 6px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 6px 5px rgba(0,0,0,0.5);
	text-align: center; 

}

/**** END SLIDE 15 ****/

/**** START SLIDE 16 ****/

#slSixteen {
	width: 1024px;
	height: 546px;
	overflow: hidden;
	background: url(../img/1_back-gradient-strip.png) no-repeat #fff 0px 47%;
}

#backTop {width: 68px; height: 70px;}
#backTop a {background: url(../img/16_btn_slide16.png) no-repeat transparent top left; text-indent: -999em; display: block; height: 70px; width: 68px;margin:350px 0px 0px 930px;}
#backTop a:hover {background-position: -68px 0px}

h1#finalHead {color:#000;width: 100%;text-align: center;font-weight: bold;font-size: 1.5em;letter-spacing:0px;}
h1#finalBody {color: #000;width:100%;text-align: center;font-weight: normal;font-size: 1.3em;letter-spacing:0px;}





#brownToBlack {
	background: #c1bcae; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYmNhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk2OGY3ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzk1OGU3ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjMwMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c1bcae 0%, #968f7e 50%, #958e7e 51%, #32302a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1bcae), color-stop(50%,#968f7e), color-stop(51%,#958e7e), color-stop(100%,#32302a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c1bcae 0%,#968f7e 50%,#958e7e 51%,#32302a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c1bcae 0%,#968f7e 50%,#958e7e 51%,#32302a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c1bcae 0%,#968f7e 50%,#958e7e 51%,#32302a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c1bcae 0%,#968f7e 50%,#958e7e 51%,#32302a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1bcae', endColorstr='#32302a',GradientType=0 ); /* IE6-8 */
} /*gradient background*/

