* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0;
	padding: 0;
	min-height: 275px;
}

#loading {
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
	background-color: #FFFBEC;
	z-index: 1000;
}

.pace {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;

  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 25px;
  border: 2px solid #29d;
  background-color: #fff;
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;

  -webkit-transition: width 1s ease-in-out 1s linear;
  -moz-transition: width 1s ease-in-out 1s linear;
  -ms-transition: width 1s ease-in-out 1s linear;
  -o-transition: width 1s ease-in-out 1s linear;
  transition: width 1s ease-in-out 1s linear;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  max-width: 190px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  left: 3px;
  top: 3px;
  height: 15px;
  font-size: 12px;
  background: #29d;
  color: #29d;
  line-height: 60px;
  font-weight: bold;
  font-family:  Helvetica, Arial, "Lucida Grande", sans-serif;
}

.pace .pace-progress:after {
  content: attr(data-progress-text);
  display: inline-block;
}

.pace.pace-inactive {
  display: none;
}

/*
#testly1 {
	position: absolute;
	top: 850px;
	width:5px;
	height: 5px;
	left: 50%;
	margin-left: -350px;
	background-color: #000000;
	z-index: 99;
}
#testly2 {
	position: absolute;
	top: 850px;
	width:5px;
	height: 5px;
	left: 50%;
	background-color: #000000;
	z-index: 99;
}
#testly3 {
	position: absolute;
	top: 850px;
	width:5px;
	height: 5px;
	left: 50%;
	background-color: #000000;
	z-index: 99;
}
#testly4 {
	position: absolute;
	width:5px;
	height: 5px;
	left: 50%;
	background-color: #000000;
	z-index: 99;
}
#testly5 {
	position: absolute;
	width:5px;
	height: 5px;
	left: 50%;
	background-color: #000000;
	z-index: 99;
}
#testly6 {
	position: absolute;
	width:5px;
	height: 5px;
	left: 50%;
	background-color: #000000;
	z-index: 99;
}
#testly7 {
	position: absolute;
	width:5px;
	height: 5px;
	left: 50%;
	background-color: #000000;
	z-index: 99;
}
#testly8 {
	position: absolute;
	width:5px;
	height: 5px;
	left: 50%;
	background-color: #000000;
	z-index: 99;
}
#testly9 {
	position: absolute;
	width:5px;
	height: 5px;
	left: 50%;
	background-color: #000000;
	z-index: 99;
}
#testly10 {
	position: absolute;
	width:5px;
	height: 5px;
	left: 50%;
	background-color: #000000;
	z-index: 99;
}
*/



/* Nav */
#navAbout {
	position: fixed;
	top: 300px;
	right: -125px;
	z-index: 100;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .3s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */	
}
#navAbout:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
#navSolution {
	position: fixed;
	top: 370px;
	right: -125px;
	z-index: 100;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .3s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */		
}
#navSolution:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
#navMethodology {
	position: fixed;
	top: 440px;
	right: -125px;
	z-index: 100;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .3s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */		
}
#navMethodology:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
#navClients {
	position: fixed;
	top: 510px;
	right: -125px;
	z-index: 100;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .3s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */		
}
#navClients:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
#navContact {
	position: fixed;
	top: 580px;
	right: -125px;
	z-index: 100;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .3s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */		
}
#navContact:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

/* Gray Scene */
#graySceneBG {
	position: absolute;
	top: 0px;
	height: 860px;
	width: 100%;
	background-color: #ffeed6;
	z-index: 1;
}
#grayScene {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -790px;
	z-index: 4;
}
#topWindowFrame {
	position: absolute;
	top: 170px;
	left: 50%;
	margin-left: -680px;
	z-index: 1;
}
#topWindowSky {
	position: absolute;
	top: 185px;
	left: 50%;
	margin-left: -669px;
	z-index: 2;
}
#topWindowCity {
	position: absolute;
	top: 252px;
	left: 50%;
	margin-left: -668px;
	z-index: 3;
}
#topWindowCloud {
	position: absolute;
	top: 220px;
	left: 50%;
	margin-left: -600px;
	z-index: 4;
}
#topWindowCrossBeams {
	position: absolute;
	top: 190px;
	left: 50%;
	margin-left: -668px;
	z-index: 5;
}
#topLamp {
	position: absolute;
	top: 304px;
	left: 50%;
	margin-left: -548px;
	z-index: 6;
}

/* Whiteboard Elements */
#graySceneLogo {
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -195px;
	opacity: 1;
	z-index: 4;
}
#graySceneSlogan {
	position: absolute;
	top: 210px;
	left: 50%;
	margin-left: -170px;
	opacity: 1;
	z-index: 4;
}
#scrollDown {
	position: absolute;
	top: 260px;
	left: 50%;
	margin-left: -128px;
	opacity: 1;
	z-index: 4;
}
#talentVisorHelpsClientsWith {
	position: absolute;
	top: 180px;
	left: 50%;
	margin-left: -205px;
	opacity: 0;
	z-index: 4;
}
#nichePositionBubble {
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -205px;
	opacity: 0;
	z-index: 7;
}
#bandwidthIssuesBubble {
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -58px;
	opacity: 0;
	z-index: 7;
}
#majorHiringInitiativeBubble {
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: 90px;
	opacity: 0;
	z-index: 7;
}
/*===========================================================================================================================================================*/
#nichePositionsGreen {
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -205px;
	opacity: 0;
	z-index: 8;
}
#bandwidthIssuesGreen {
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -58px;
	opacity: 0;
	z-index: 8;
}
#majorHiringInitiativesGreen {
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: 90px;
	opacity: 0;
	z-index: 8;
}
/* End of Whiteboard Elements */

#handrawnLeftArrow {
	position: absolute;
	top: 288px;
	left: 50%;
	margin-left: -150px;
	opacity: 0;
	z-index: 8;
}
#handrawnUpArrow {
	position: absolute;
	top: 288px;
	left: 50%;
	margin-left: -4px;
	opacity: 0;
	z-index: 8;
}
#handrawnRightArrow {
	position: absolute;
	top: 288px;
	left: 50%;
	margin-left: 90px;
	opacity: 0;
	z-index: 8;
}
#ourSpecialty {
	position: absolute;
	top: 326px;
	left: 50%;
	margin-left: -80px;
	opacity: 0;
	z-index: 8;
}
#clockGuy {
	position: absolute;
	top: 372px;
	left: 50%;
	margin-left: 269px;
	z-index: 4;
}
#rosyCheeks {
	position: absolute;
	top: 392px;
	left: 50%;
	margin-left: 274px;
	z-index: 4;
	opacity: 0;
}
#sweatDroplet1 {
	position: absolute;
	top: 400px;
	left: 50%;
	margin-left: 333px;
	z-index: 4;
	opacity: 0;
}
#sweatDroplet2 {
	position: absolute;
	top: 416px;
	left: 50%;
	margin-left: 338px;
	z-index: 4;
	opacity: 0;
}
#sweatDroplet3 {
	position: absolute;
	top: 402px;
	left: 50%;
	margin-left: 286px;
	z-index: 4;
	opacity: 0;	
}
#sweatDroplet4 {
	position: absolute;
	top: 416px;
	left: 50%;
	margin-left: 281px;
	z-index: 4;
	opacity: 0;	
}
#sweatDroplet5 {
	position: absolute;
	top: 400px;
	left: 50%;
	margin-left: 333px;
	z-index: 4;
	opacity: 0;
}#sweatDroplet6 {
	position: absolute;
	top: 416px;
	left: 50%;
	margin-left: 338px;
	z-index: 4;
	opacity: 0;
}
#sweatDroplet7 {
	position: absolute;
	top: 402px;
	left: 50%;
	margin-left: 286px;
	z-index: 4;
	opacity: 0;	
}
#sweatDroplet8 {
	position: absolute;
	top: 416px;
	left: 50%;
	margin-left: 281px;
	z-index: 4;
	opacity: 0;		
}
#sweatDroplet9 {
	position: absolute;
	top: 400px;
	left: 50%;
	margin-left: 333px;
	z-index: 4;
	opacity: 0;
}
#minuteHandClock {
	position: absolute;
	top: 487px;
	left: 50%;
	margin-left: 347px;
	transform-origin:70% 50%;
	-ms-transform-origin:70% 50%; /* IE 9 */
	-webkit-transform-origin:70% 50%; /* Safari and Chrome */
	z-index: 5;
}
#hourHandClock {
	position: absolute;
	top: 504px;
	left: 50%;
	margin-left: 351px;
	transform-origin:0% 98%;
	-ms-transform-origin:0% 98%; /* IE 9 */
	-webkit-transform-origin:0% 98%; /* Safari and Chrome */
	z-index: 4;
}
#clockDot {
	position: absolute;
	top: 509px;
	left: 50%;
	margin-left: 348px;
	z-index: 6;
}

/*#########################################################*/
/*################## END OF GRAY SCENE ####################*/
/*#########################################################*/

/* City Scene */
#citySceneSky {
	position: absolute;
	top: 859px;
	height: 670px;
	width: 100%;
	background: url("../images/GraineySkyBG.png") repeat;
	z-index: 0;
}
#graySceneTransition {
	position: absolute;
	/*clip: rect(9px, 1579px, 404px, 0px);*/
	top: 865px;
	left: 50%;
	margin-left: -790px;
	width: 1579px;
	height: 404px;
	z-index: 3;
}
#chair {
	position: absolute;
	top: 440px;
	left: 50%;
	margin-left: -355px;
	width: 281px;
	height: 433px;
	z-index: 5;
}
#city {
	position: absolute;
	top: 1086px;
	width: 856px;
	height: 484px;
	left: 50%;
	margin-left: -428px;
	z-index: 2;
}
#foothills {
	position: absolute;
	top: 1343px;
	left: 50%;
	margin-left: -1666px;
	z-index: 1;
}
#leftGreenHills {
	position: absolute;
	top: 1343px;
	left: 50%;
	margin-left: -1690px;
	z-index: 3;
}
#rightGreenHills {
	position: absolute;
	top: 1378px;
	left: 50%;
	margin-left: 65px;
	z-index: 3;
}
#dirt {
	position: absolute;
	top: 1800px;
	left: 50%;
	margin-left: -1582px;
	z-index: 1;
}
#road {
	position: absolute;
	top: 1523px;
	left: 50%;
	margin-left: -300px;
	z-index: 4;
}
#citySceneField {
	position: absolute;
	top: 1529px;
	height: 275px;
	width: 100%;
	background: url("../images/GraineyGreenField.png") repeat-x;
	z-index: 3;
}
#leftBackCloud {
	position: absolute;
	top: 870px;
	left: 50%;
	margin-left: -500px;
	width: 250px;
	height: 151px;
	z-index: 2;
}
#leftFrontCloud {
	position: absolute;
	top: 900px;
	left: 50%;
	margin-left: -600px;
	width: 250px;
	height: 151px;	
	z-index: 2;
}
#midBackCloud {
	position: absolute;
	top: 1010px;
	left: 50%;
	margin-left: 0px;
	width: 136px;
	height: 87px;	
	z-index: 2;
}
#midFrontCloud {
	position: absolute;
	top: 1030px;
	left: 50%;
	margin-left: -60px;
	width: 136px;
	height: 87px;	
	z-index: 2;
}
#rightBackCloud {
	position: absolute;
	top: 920px;
	left: 50%;
	margin-left: 400px;
	width: 219px;
	height: 124px;	
	z-index: 2;
}
#rightFrontCloud {
	position: absolute;
	top: 950px;
	left: 50%;
	margin-left: 500px;
	width: 219px;
	height: 124px;	
	z-index: 2;
}
#planeLeftMinusGuy {
	position: absolute;
	top: 985px;
	left: 50%;
	margin-left: 1101px;
	width: 340px;
	height: 125px;
	z-index: 3;
}
#planeGuy {
	position: absolute;
	top: 950px;
	left: 50%;
	margin-left: 1205px;
	width: 40px;
	height: 51px;
	z-index:3;
}
#planeGuyHead {
	position: absolute;
	top: 950px;
	left: 50%;
	margin-left: 1205px;
	width: 46px;
	height: 50px;
	z-index:0;
}
#planeGuyWavingArm {
	position: absolute;
	top: 949px;
	left: 50%;
	margin-left: 1233px;
	width: 46px;
	height: 50px;
	z-index:0;
}
#planeLeft2 {
	position: absolute;
	top: 1100px;
	left: 50%;
	margin-left: 1100px;
	width: 340px;
	height: 155px;
	z-index: 5;
}
#planeRight {
	position: absolute;
	top: 1060px;
	left: 50%;
	margin-left: -1300px;
	width: 340px;
	height: 155px;
	z-index: 4;
}
#planeRight2 {
	position: absolute;
	top: 1100px;
	left: 50%;
	margin-left: -1350px;
	width: 340px;
	height: 155px;
	z-index: 6;
}
#firstBanner {
	position: absolute;
	top: 1007px;
	left: 50%;
	margin-left: 1438px;
	width: 1099px;
	height: 59px;
	z-index: 3;
}
#secondBanner {
	position: absolute;
	top: 1110px;
	left: 50%;
	margin-left: -2221px;
	width: 924px;
	height: 55px;
	z-index: 4;
}
#thirdBanner {
	position: absolute;
	top: 1157px;
	left: 50%;
	margin-left: 1438px;
	width: 1104px;
	height: 55px;
	z-index: 5;	
}
#fourthBanner {
	position: absolute;
	top: 1150px;
	left: 50%;
	margin-left: -2602px;
	width: 1379px;
	height: 59px;
	z-index: 6;
}
#binocularGuy {
	position: absolute;
	top: 1400px;
	left: 50%;
	margin-left: 400px;
	width: 246px;
	height: 219px;
	z-index: 3;
	opacity: 0;
}
#megaphoneGuy {
	position: absolute;
	top: 1330px;
	left: 50%;
	margin-left: -700px;
	width: 356px;
	height: 325px;
	z-index: 3;
	opacity: 0;
}
#smallWave {
	position: absolute;
	top: 1370px;
	left: 50%;
	margin-left: -350px;
	opacity: 0;
	z-index: 6;
}
#midWave {
	position: absolute;
	top: 1335px;
	left: 50%;
	margin-left: -285px;
	opacity: 0;
	z-index: 6;
}
#largeWave {
	position: absolute;
	top: 1285px;
	left: 50%;
	margin-left: -215px;
	opacity: 0;
	z-index: 6;
}
#thoughtGal {
	position: absolute;
	top: 1410px;
	left: 50%;
	margin-left: 0px;
	opacity: 0;
	z-index: 4;
}
#baldGuy {
	position: absolute;
	top: 1460px;
	left: 50%;
	margin-left: -35px;
	opacity: 0;
	z-index: 5;
}
#fauxHawkGuy {
	position: absolute;
	top: 1480px;
	left: 50%;
	margin-left: 20px;
	opacity: 0;
	z-index: 5;
}
#superGuy {
	position: absolute;
	top: 1400px;
	left: 50%;
	margin-left: -110px;
	opacity: 0;
	z-index: 5;
}
#orangeShirtGuy {
	position: absolute;
	top: 1480px;
	left: 50%;
	margin-left: 0px;
	opacity: 0;
	z-index: 5;
}
#emoGuy {
	position: absolute;
	top: 1530px;
	left: 50%;
	margin-left: 30px;
	opacity: 0;
	z-index: 6;
}
#purpleBowGal {
	position: absolute;
	top: 1500px;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	z-index: 6;
}
#smileyGal {
	position: absolute;
	top: 1550px;
	left: 50%;
	margin-left: -120px;
	opacity: 0;
	z-index: 7
}
#grayHairGuy {
	position: absolute;
	top: 1560px;
	left: 50%;
	margin-left: 0px;
	opacity: 0;
	z-index: 8;
}
#satisfiedGuy {
	position: absolute;
	top: 1600px;
	left: 50%;
	margin-left: -180px;
	opacity: 0;
	z-index: 9;
}
#hatGuy {
	position: absolute;
	top: 1600px;
	left: 50%;
	margin-left: 60px;
	opacity: 0;
	z-index: 10;
}
#blackGuy {
	position: absolute;
	top: 1600px;
	left: 50%;
	margin-left: -100px;
	opacity: 0;
	z-index: 11;
}
#magnetGal {
	position: absolute;
	top: 1500px;
	left: 50%;
	margin-left: 400px;
	opacity: 0;
	z-index: 4;
}
#magnet {
	position: absolute;
	top: 1525px;
	left: 50%;
	margin-left: 260px;
	opacity: 0;
	z-index: 3;
}
#magnetBolt {
	position: absolute;
	top: 1536px;
	left: 50%;
	margin-left: 200px;
	opacity: 0;
	z-index: 3;
}
#magnetBolt2 {
	position: absolute;
	top: 1673px;
	left: 50%;
	margin-left: 186px;
	opacity: 0;
	z-index: 3;
}
#encouragingRibbon {
	position: absolute;
	top: 1537px;
	left: 50%;
	margin-left: -695px;
	width: 783px;
	height: 77px;
	opacity: 0;
	z-index: 5;
}
#encouragingRibbon2 {
	position: absolute;
	top: 1537px;
	left: 50%;
	margin-left: -695px;
	width: 741px;
	height: 77px;
	opacity: 0;
	z-index: 6;	
}
#impossibleToFillJobOpportunities {
	position: absolute;
	top: 1538px;
	left: 50%;
	margin-left: -695px;
	width: 783px;
	height: 177px;
	opacity: 0;
	z-index: 5;
}

/***********************************************************/
/**************** BEGIN BUILDING LIGHTS ********************/
/***********************************************************/

/* Begin the tedium of styling each individual light rectangle in the city scene black buildings ;) */
#leftFrontBuilding {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: 0px;
}
/* Left Building Lights */
#leftBuildingLight1 {
	position: absolute;
	top: 1265px;
	left: 50%;
	margin-left: -362px;
	height: 10px;
	width: 10px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-13deg);
	-ms-transform:rotate(-13deg); /* IE 9 */
	-webkit-transform:rotate(-13deg); /* Safari and Chrome */
	-o-transform: rotate(-13deg); /* Opera */
	-moz-transform: rotate(-13deg); /* old Firefox */
	z-index: 3;
}
#leftBuildingLight2 {
	position: absolute;
	top: 1260px;
	left: 50%;
	margin-left: -345px;
	height: 10px;
	width: 20px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-13deg);
	-ms-transform:rotate(-13deg); /* IE 9 */
	-webkit-transform:rotate(-13deg); /* Safari and Chrome */
	-o-transform: rotate(-13deg); /* Opera */
	-moz-transform: rotate(-13deg); /* old Firefox */	
	z-index: 3;
}
#leftBuildingLight3 {
	position: absolute;
	top: 1252px;
	left: 50%;
	margin-left: -318px;
	height: 10px;
	width: 35px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-13deg);
	-ms-transform:rotate(-13deg); /* IE 9 */
	-webkit-transform:rotate(-13deg); /* Safari and Chrome */
	-o-transform: rotate(-13deg); /* Opera */
	-moz-transform: rotate(-13deg); /* old Firefox */
	z-index: 3;
}
#leftBuildingLight4 {
	position: absolute;
	top: 1280px;
	left: 50%;
	margin-left: -358px;
	height: 10px;
	width: 30px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-13deg);
	-ms-transform:rotate(-13deg); /* IE 9 */
	-webkit-transform:rotate(-13deg); /* Safari and Chrome */
	-o-transform: rotate(-13deg); /* Opera */
	-moz-transform: rotate(-13deg); /* old Firefox */
	z-index: 3;
}
#leftBuildingLight5 {
	position: absolute;
	top: 1273px;
	left: 50%;
	margin-left: -321px;
	height: 10px;
	width: 15px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-13deg);
	-ms-transform:rotate(-13deg); /* IE 9 */
	-webkit-transform:rotate(-13deg); /* Safari and Chrome */
	-o-transform: rotate(-13deg); /* Opera */
	-moz-transform: rotate(-13deg); /* old Firefox */
	z-index: 3;
}
#leftBuildingLight6 {
	position: absolute;
	top: 1267px;
	left: 50%;
	margin-left: -299px;
	height: 10px;
	width: 20px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-13deg);
	-ms-transform:rotate(-13deg); /* IE 9 */
	-webkit-transform:rotate(-13deg); /* Safari and Chrome */
	-o-transform: rotate(-13deg); /* Opera */
	-moz-transform: rotate(-13deg); /* old Firefox */
	z-index: 3;
}
#leftBuildingLight7 {
	position: absolute;
	top: 1298px;
	left: 50%;
	margin-left: -354px;
	height: 10px;
	width: 22px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-13deg);
	-ms-transform:rotate(-13deg); /* IE 9 */
	-webkit-transform:rotate(-13deg); /* Safari and Chrome */
	-o-transform: rotate(-13deg); /* Opera */
	-moz-transform: rotate(-13deg); /* old Firefox */
	z-index: 3;
}
#leftBuildingLight8 {
	position: absolute;
	top: 1293px;
	left: 50%;
	margin-left: -325px;
	height: 10px;
	width: 10px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-13deg);
	-ms-transform:rotate(-13deg); /* IE 9 */
	-webkit-transform:rotate(-13deg); /* Safari and Chrome */
	-o-transform: rotate(-13deg); /* Opera */
	-moz-transform: rotate(-13deg); /* old Firefox */
	z-index: 3;
}
#leftBuildingLight9 {
	position: absolute;
	top: 1287px;
	left: 50%;
	margin-left: -308px;
	height: 10px;
	width: 33px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-13deg);
	-ms-transform:rotate(-13deg); /* IE 9 */
	-webkit-transform:rotate(-13deg); /* Safari and Chrome */
	-o-transform: rotate(-13deg); /* Opera */
	-moz-transform: rotate(-13deg); /* old Firefox */
	z-index: 3;
}
#leftBuildingLight10 {
	position: absolute;
	top: 1317px;
	left: 50%;
	margin-left: -350px;
	height: 10px;
	width: 10px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-13deg);
	-ms-transform:rotate(-13deg); /* IE 9 */
	-webkit-transform:rotate(-13deg); /* Safari and Chrome */
	-o-transform: rotate(-13deg); /* Opera */
	-moz-transform: rotate(-13deg); /* old Firefox */
	z-index: 3;
}
#leftBuildingLight11 {
	position: absolute;
	top: 1311px;
	left: 50%;
	margin-left: -333px;
	height: 10px;
	width: 27px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-13deg);
	-ms-transform:rotate(-13deg); /* IE 9 */
	-webkit-transform:rotate(-13deg); /* Safari and Chrome */
	-o-transform: rotate(-13deg); /* Opera */
	-moz-transform: rotate(-13deg); /* old Firefox */
	z-index: 3;
}
#leftBuildingLight12 {
	position: absolute;
	top: 1303px;
	left: 50%;
	margin-left: -298px;
	height: 10px;
	width: 26px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-13deg);
	-ms-transform:rotate(-13deg); /* IE 9 */
	-webkit-transform:rotate(-13deg); /* Safari and Chrome */
	-o-transform: rotate(-13deg); /* Opera */
	-moz-transform: rotate(-13deg); /* old Firefox */
	z-index: 3;
}

/***********************************************************/

/* Left Mid Building Lights */
#leftMidBuildingLight1 {
	position: absolute;
	top: 1240px;
	left: 50%;
	margin-left: -145px;
	height: 10px;
	width: 28px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-5deg);
	-ms-transform:rotate(-5deg); /* IE 9 */
	-webkit-transform:rotate(-5deg); /* Safari and Chrome */
	-o-transform: rotate(-5deg); /* Opera */
	-moz-transform: rotate(-5deg); /* old Firefox */
	z-index: 3;
}
#leftMidBuildingLight2 {
	position: absolute;
	top: 1237px;
	left: 50%;
	margin-left: -109px;
	height: 10px;
	width: 20px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-5deg);
	-ms-transform:rotate(-5deg); /* IE 9 */
	-webkit-transform:rotate(-5deg); /* Safari and Chrome */
	-o-transform: rotate(-5deg); /* Opera */
	-moz-transform: rotate(-5deg); /* old Firefox */
	z-index: 3;
}
#leftMidBuildingLight3 {
	position: absolute;
	top: 1257px;
	left: 50%;
	margin-left: -142px;
	height: 10px;
	width: 16px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-5deg);
	-ms-transform:rotate(-5deg); /* IE 9 */
	-webkit-transform:rotate(-5deg); /* Safari and Chrome */
	-o-transform: rotate(-5deg); /* Opera */
	-moz-transform: rotate(-5deg); /* old Firefox */
	z-index: 3;
}
#leftMidBuildingLight4 {
	position: absolute;
	top: 1254px;
	left: 50%;
	margin-left: -118px;
	height: 10px;
	width: 31px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-5deg);
	-ms-transform:rotate(-5deg); /* IE 9 */
	-webkit-transform:rotate(-5deg); /* Safari and Chrome */
	-o-transform: rotate(-5deg); /* Opera */
	-moz-transform: rotate(-5deg); /* old Firefox */
	z-index: 3;
}
#leftMidBuildingLight5 {
	position: absolute;
	top: 1275px;
	left: 50%;
	margin-left: -139px;
	height: 10px;
	width: 19px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-5deg);
	-ms-transform:rotate(-5deg); /* IE 9 */
	-webkit-transform:rotate(-5deg); /* Safari and Chrome */
	-o-transform: rotate(-5deg); /* Opera */
	-moz-transform: rotate(-5deg); /* old Firefox */
	z-index: 3;
}
#leftMidBuildingLight6 {
	position: absolute;
	top: 1273px;
	left: 50%;
	margin-left: -112px;
	height: 10px;
	width: 10px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-5deg);
	-ms-transform:rotate(-5deg); /* IE 9 */
	-webkit-transform:rotate(-5deg); /* Safari and Chrome */
	-o-transform: rotate(-5deg); /* Opera */
	-moz-transform: rotate(-5deg); /* old Firefox */
	z-index: 3;
}
#leftMidBuildingLight7 {
	position: absolute;
	top: 1271px;
	left: 50%;
	margin-left: -94px;
	height: 10px;
	width: 10px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-5deg);
	-ms-transform:rotate(-5deg); /* IE 9 */
	-webkit-transform:rotate(-5deg); /* Safari and Chrome */
	-o-transform: rotate(-5deg); /* Opera */
	-moz-transform: rotate(-5deg); /* old Firefox */
	z-index: 3;
}
#leftMidBuildingLight8 {
	position: absolute;
	top: 1293px;
	left: 50%;
	margin-left: -136px;
	height: 10px;
	width: 10px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-5deg);
	-ms-transform:rotate(-5deg); /* IE 9 */
	-webkit-transform:rotate(-5deg); /* Safari and Chrome */
	-o-transform: rotate(-5deg); /* Opera */
	-moz-transform: rotate(-5deg); /* old Firefox */
	z-index: 3;
}
#leftMidBuildingLight9 {
	position: absolute;
	top: 1291px;
	left: 50%;
	margin-left: -118px;
	height: 10px;
	width: 35px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(-5deg);
	-ms-transform:rotate(-5deg); /* IE 9 */
	-webkit-transform:rotate(-5deg); /* Safari and Chrome */
	-o-transform: rotate(-5deg); /* Opera */
	-moz-transform: rotate(-5deg); /* old Firefox */
	z-index: 3;
}

/***********************************************************/

/* Mid Building Lights */
#midBuildingLight1 {
	position: absolute;
	top: 1180px;
	left: 50%;
	margin-left: 3px;
	height: 10px;
	width: 10px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;
}
#midBuildingLight2 {
	position: absolute;
	top: 1180px;
	left: 50%;
	margin-left: 21px;
	height: 10px;
	width: 26px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;
}
#midBuildingLight3 {
	position: absolute;
	top: 1179px;
	left: 50%;
	margin-left: 55px;
	height: 10px;
	width: 10px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;
}
#midBuildingLight4 {
	position: absolute;
	top: 1200px;
	left: 50%;
	margin-left: 2px;
	height: 10px;
	width: 28px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;
}
#midBuildingLight5 {
	position: absolute;
	top: 1200px;
	left: 50%;
	margin-left: 38px;
	height: 10px;
	width: 28px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;
}
#midBuildingLight6 {
	position: absolute;
	top: 1221px;
	left: 50%;
	margin-left: 32px;
	height: 10px;
	width: 35px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;
}
#midBuildingLight7 {
	position: absolute;
	top: 1221px;
	left: 50%;
	margin-left: 0px;
	height: 10px;
	width: 23px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;
}
#midBuildingLight8 {
	position: absolute;
	top: 1242px;
	left: 50%;
	margin-left: -1px;
	height: 10px;
	width: 17px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;
}
#midBuildingLight9 {
	position: absolute;
	top: 1242px;
	left: 50%;
	margin-left: 24px;
	height: 10px;
	width: 26px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;
}
#midBuildingLight10 {
	position: absolute;
	top: 1242px;
	left: 50%;
	margin-left: 58px;
	height: 10px;
	width: 10px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;
}

/***********************************************************/

/* Right Mid Building Lights */
#rightMidBuildingLight1 {
	position: absolute;
	top: 1358px;
	left: 50%;
	margin-left: 138px;
	height: 10px;
	width: 20px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;	
}
#rightMidBuildingLight2 {
	position: absolute;
	top: 1358px;
	left: 50%;
	margin-left: 166px;
	height: 10px;
	width: 10px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;	
}
#rightMidBuildingLight3 {
	position: absolute;
	top: 1358px;
	left: 50%;
	margin-left: 185px;
	height: 10px;
	width: 31px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;	
}
#rightMidBuildingLight4 {
	position: absolute;
	top: 1379px;
	left: 50%;
	margin-left: 137px;
	height: 10px;
	width: 32px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;	
}
#rightMidBuildingLight5 {
	position: absolute;
	top: 1379px;
	left: 50%;
	margin-left: 177px;
	height: 10px;
	width: 16px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;	
}
#rightMidBuildingLight6 {
	position: absolute;
	top: 1379px;
	left: 50%;
	margin-left: 201px;
	height: 10px;
	width: 13px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;	
}
#rightMidBuildingLight7 {
	position: absolute;
	top: 1400px;
	left: 50%;
	margin-left: 137px;
	height: 10px;
	width: 17px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;	
}
#rightMidBuildingLight8 {
	position: absolute;
	top: 1400px;
	left: 50%;
	margin-left: 162px;
	height: 10px;
	width: 28px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;	
}
#rightMidBuildingLight9 {
	position: absolute;
	top: 1400px;
	left: 50%;
	margin-left: 198px;
	height: 10px;
	width: 14px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;	
}
#rightMidBuildingLight10 {
	position: absolute;
	top: 1421px;
	left: 50%;
	margin-left: 136px;
	height: 10px;
	width: 29px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;	
}
#rightMidBuildingLight11 {
	position: absolute;
	top: 1421px;
	left: 50%;
	margin-left: 173px;
	height: 10px;
	width: 18px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;	
}
#rightMidBuildingLight12 {
	position: absolute;
	top: 1421px;
	left: 50%;
	margin-left: 200px;
	height: 10px;
	width: 11px;
	background-color: hsl(210,3.1%,74.5%);
	z-index: 3;	
}

/***********************************************************/

/* Right Building Lights */
#rightBuildingLight1 {
	position: absolute;
	top: 1252px;
	left: 50%;
	margin-left: 318px;
	height: 10px;
	width: 35px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-webkit-transform:rotate(15deg); /* Safari and Chrome */
	-o-transform: rotate(15deg); /* Opera */
	-moz-transform: rotate(15deg); /* old Firefox */
	z-index: 3;		
}
#rightBuildingLight2 {
	position: absolute;
	top: 1261px;
	left: 50%;
	margin-left: 360px;
	height: 10px;
	width: 15px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-webkit-transform:rotate(15deg); /* Safari and Chrome */
	-o-transform: rotate(15deg); /* Opera */
	-moz-transform: rotate(15deg); /* old Firefox */
	z-index: 3;		
}
#rightBuildingLight3 {
	position: absolute;
	top: 1267px;
	left: 50%;
	margin-left: 382px;
	height: 10px;
	width: 15px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-webkit-transform:rotate(15deg); /* Safari and Chrome */
	-o-transform: rotate(15deg); /* Opera */
	-moz-transform: rotate(15deg); /* old Firefox */
	z-index: 3;		
}
#rightBuildingLight4 {
	position: absolute;
	top: 1269px;
	left: 50%;
	margin-left: 314px;
	height: 10px;
	width: 15px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-webkit-transform:rotate(15deg); /* Safari and Chrome */
	-o-transform: rotate(15deg); /* Opera */
	-moz-transform: rotate(15deg); /* old Firefox */
	z-index: 3;
}
#rightBuildingLight5 {
	position: absolute;
	top: 1276px;
	left: 50%;
	margin-left: 336px;
	height: 10px;
	width: 25px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-webkit-transform:rotate(15deg); /* Safari and Chrome */
	-o-transform: rotate(15deg); /* Opera */
	-moz-transform: rotate(15deg); /* old Firefox */
	z-index: 3;
}
#rightBuildingLight6 {
	position: absolute;
	top: 1285px;
	left: 50%;
	margin-left: 368px;
	height: 10px;
	width: 26px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-webkit-transform:rotate(15deg); /* Safari and Chrome */
	-o-transform: rotate(15deg); /* Opera */
	-moz-transform: rotate(15deg); /* old Firefox */
	z-index: 3;
}
#rightBuildingLight7 {
	position: absolute;
	top: 1290px;
	left: 50%;
	margin-left: 310px;
	height: 10px;
	width: 28px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-webkit-transform:rotate(15deg); /* Safari and Chrome */
	-o-transform: rotate(15deg); /* Opera */
	-moz-transform: rotate(15deg); /* old Firefox */
	z-index: 3;
}
#rightBuildingLight8 {
	position: absolute;
	top: 1299px;
	left: 50%;
	margin-left: 345px;
	height: 10px;
	width: 28px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-webkit-transform:rotate(15deg); /* Safari and Chrome */
	-o-transform: rotate(15deg); /* Opera */
	-moz-transform: rotate(15deg); /* old Firefox */
	z-index: 3;
}
#rightBuildingLight9 {
	position: absolute;
	top: 1306px;
	left: 50%;
	margin-left: 380px;
	height: 10px;
	width: 10px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-webkit-transform:rotate(15deg); /* Safari and Chrome */
	-o-transform: rotate(15deg); /* Opera */
	-moz-transform: rotate(15deg); /* old Firefox */
	z-index: 3;
}
#rightBuildingLight10 {
	position: absolute;
	top: 1307px;
	left: 50%;
	margin-left: 306px;
	height: 10px;
	width: 10px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-webkit-transform:rotate(15deg); /* Safari and Chrome */
	-o-transform: rotate(15deg); /* Opera */
	-moz-transform: rotate(15deg); /* old Firefox */
	z-index: 3;
}
#rightBuildingLight11 {
	position: absolute;
	top: 1313px;
	left: 50%;
	margin-left: 323px;
	height: 10px;
	width: 24px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-webkit-transform:rotate(15deg); /* Safari and Chrome */
	-o-transform: rotate(15deg); /* Opera */
	-moz-transform: rotate(15deg); /* old Firefox */
	z-index: 3;
}
#rightBuildingLight12 {
	position: absolute;
	top: 1322px;
	left: 50%;
	margin-left: 354px;
	height: 10px;
	width: 32px;
	background-color: hsl(210,3.1%,74.5%);
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-webkit-transform:rotate(15deg); /* Safari and Chrome */
	-o-transform: rotate(15deg); /* Opera */
	-moz-transform: rotate(15deg); /* old Firefox */
	z-index: 3;
}

/***********************************************************/
/**************** END OF BUILDING LIGHTS *******************/
/***********************************************************/

/*#########################################################*/
/*################ END OF CITY SCENE ######################*/
/*#########################################################*/

/*#########################################################*/
/*################ BEGIN FUNNEL SCENE #####################*/
/*#########################################################*/

#funnelSceneSkyBG {
	position: absolute;
	top: 860px;
	/*right: 0%;*/
	bottom: 4425px;
	/*left: 0%;*/
	height: 4000px;
	width: 100%;
	background: url("../images/GraineySkyBG.png") repeat;
	z-index: 0;
}
#funnelRimTop {
	position: absolute;
	top: 2060px;
	left: 50%;
	margin-left: -550px;
	z-index: 1;
}
#funnelRimBottom {
	position: absolute;
	top: 2126px;
	left: 50%;
	margin-left: -600px;
	z-index: 7;
}
#funnelTopInside {
	position: absolute;
	top: 2066px;
	left: 50%;
	margin-left: -531px;
	z-index: 1;
}
#funnelPeople1 {
	position: absolute;
	top: 2125px;
	left: 50%;
	margin-left: -540px;
	width: 1109px;
	height: 276px;
	opacity: 0;
	z-index: 6;
}
#funnelPeople2 {
	position: absolute;
	top: 2050px;
	left: 50%;
	margin-left: -510px;
	width: 1042px;
	height: 269px;
	opacity: 0;
	z-index: 5;
}
#funnelPeople3 {
	position: absolute;
	top: 1950px;
	left: 50%;
	margin-left: -435px;
	width: 887px;
	height: 235px;
	opacity: 0;
	z-index: 4;
}
#funnelRedSection {
	position: absolute;
	top: 2185px;
	left: 50%;
	margin-left: -574px;
	z-index: 6;
}
#screeningTheCandidatesForIdealFit {
	position: absolute;
	top: 2380px;
	left: 50%;
	margin-left: -724px;
	width: 565px;
	height: 150px;
	opacity: 0;
	z-index: 6;	
}
#blackGuyFalling {
	position: absolute;
	top: 2380px;
	left: 50%;
	margin-left: -400px;
	opacity: 1;
	z-index: 5;
}
#thoughtGalFalling {
	position: absolute;
	top: 2380px;
	left: 50%;
	margin-left: -250px;
	opacity: 1;
	z-index: 5;
}
#superGuyFalling {
	position: absolute;
	top: 2380px;
	left: 50%;
	margin-left: -150px;
	opacity: 1;
	z-index: 5;
}
#hatGuyFalling {
	position: absolute;
	top: 2380px;
	left: 50%;
	margin-left: 0px;
	opacity: 1;
	z-index: 5;
}
#hat {
	position: absolute;
	top: 2350px;
	left: 50%;
	margin-left: -50px;
	opacity: 1;
	z-index: 5;
}
#baldGuyFalling {
	position: absolute;
	top: 2380px;
	left: 50%;
	margin-left: 200px;
	opacity: 1;
	z-index: 5;
}
#theChosenOneFalling {
	position: absolute;
	top: 2380px;
	left: 50%;
	margin-left: 300px;
	width: 145px;
	height: auto;
	opacity: 1;
	z-index: 5;
}
#funnelGreenInside {
	position: absolute;
	top: 2550px;
	left: 50%;
	margin-left: -501px;
	z-index: 2;
}
#funnelGreenSection {
	position: absolute;
	top: 2578px;
	left: 50%;
	margin-left: -543px;
	z-index: 6;
}
#providingRealTimeReporting {
	position: absolute;
	top: 2760px;
	left: 50%;
	margin-left: -780px;
	width: 552px;
	height: 81px;
	opacity: 0;
	z-index: 9;
}
#providingRealTimeReporting2 {
	position: absolute;
	top: 2760px;
	left: 50%;
	margin-left: -780px;
	width: 552px;
	height: 81px;
	opacity: 0;
	z-index: 10;
}
#networkTowerBlue1 {
	position: absolute;
	top: 2811px;
	left: 50%;
	margin-left: -78px;
	opacity: 0;
	z-index: 10;
}
#thatIncludesHelpfulDataPoints {
	position: absolute;
	top: 2760px;
	left: 50%;
	margin-left: -781px;
	width: 636px;
	height: 175px;
	opacity: 0;
	z-index: 9;
}
#networkTowerBlue2 {
	position: absolute;
	top: 2811px;
	left: 50%;
	margin-left: 80px;
	opacity: 0;
	z-index: 10;
}
#forYouAndYourHiringManager {
	position: absolute;
	top: 2860px;
	left: 50%;
	margin-left: 200px;
	width: 651px;
	height: 77px;
	opacity: 0;
	z-index: 9;	
}
#funnelYellowInside {
	position: absolute;
	top: 2980px;
	left: 50%;
	margin-left: -350px;
	z-index: 2;
}
#funnelYellowSection {
	position: absolute;
	top: 3011px;
	left: 50%;
	margin-left: -380px;
	z-index: 6;	
}
#funnelHandle {
	position: absolute;
	top: 2350px;
	left: 50%;
	margin-left: 420px;
	z-index: 2;
}
#funnelLabelTop {
	position: absolute;
	top: 2400px;
	left: 50%;
	margin-left: -125px;
	z-index: 6;
}

#loadingSpinner {
	position: absolute;
	top: 2430px;
	left: 50%;
	margin-left: -40px;
	z-index: 7;
}
/*
#funnelLabelTopRightGear {
	position: absolute;
	top: 2444px;
	left: 50%;
	margin-left: 33px;
	z-index: 7;
}
*/
#funnelLabelMiddle {
	position: absolute;
	top: 2800px;
	left: 50%;
	margin-left: -125px;
	z-index: 8;
}
#funnelLabelMiddleNetworkTower1 {
	position: absolute;
	top: 2816px;
	left: 50%;
	margin-left: -71px;
	opacity: 1;
	z-index: 9;
}
#funnelLabelMiddleNetworkTower2 {
	position: absolute;
	top: 2816px;
	left: 50%;
	margin-left: 87px;
	z-index: 9;
}
#funnelLabelMiddleNetworkTowersBolt {
	position: absolute;
	top: 2830px;
	left: 50%;
	margin-left: 0px;
	z-index: 9;
}
#funnelLabelMiddleNetworkTowersBoltYellow {
	position: absolute;
	top: 2830px;
	left: 50%;
	margin-left: 0px;
	opacity: 0;
	z-index: 10;
}
#funnelLabelBottom {
	position: absolute;
	top: 3170px;
	left: 50%;
	margin-left: -85px;
	z-index: 7;
}
#mostImportantly {
	position: absolute;
	top: 3220px;
	left: 50%;
	margin-left: -720px;
	width: 486px;
	height: 82px;
	opacity: 0;
	z-index: 8;
}
#mostImportantly2 {
	position: absolute;
	top: 3220px;
	left: 50%;
	margin-left: -720px;
	width: 441px;
	height: 82px;
	opacity: 0;
	z-index: 9;
}
#deliveringPassiveCandidateFlow {
	position: absolute;
	top: 3250px;
	left: 50%;
	margin-left: -437px;
	width: 843px;
	height: 145px;
	opacity: 0;
	z-index: 7;
}
#deliveringPassiveCandidateFlow2 {
	position: absolute;
	top: 3250px;
	left: 50%;
	margin-left: -437px;
	width: 843px;
	height: 145px;
	opacity: 0;
	z-index: 8;
}
#toTalentAcquisitionDepartments {
	position: absolute;
	top: 3333px;
	left: 50%;
	margin-left: 105px;
	width: 620px;
	height: 165px;
	opacity: 0;
	z-index: 7;
}
#funnelLabelBottomGrayCheckmark {
	position: absolute;
	top: 3190px;
	left: 50%;
	margin-left: -20px;
	opacity: 1;
	z-index: 8;
}
#funnelLabelBottomColorCheckmark {
	position: absolute;
	top: 3190px;
	left: 50%;
	margin-left: -20px;
	opacity: 0;
	z-index: 9;
}
#theChosenOne {
	position: absolute;
	top: 3430px;
	left: 50%;
	margin-left: -18px;
	opacity: 1;
	z-index: 2;
	width: 30px;
	height: auto;
}
#holeInRoof {
	position: absolute;
	top: 4215px;
	left: 50%;
	margin-left: -232px;
	opacity: 1;
	z-index: 4;
}

/*#########################################################*/
/*################ END OF FUNNEL SCENE ####################*/
/*#########################################################*/

/*#########################################################*/
/*################ BEGIN COLORED SCENE ####################*/
/*#########################################################*/

#roof {
	position: absolute;
	top: 3895px;
	left: 50%;
	margin-left: -960px;
	width: 3207px;
	height: 595px;
	z-index: 3;
}
#coloredSceneBG {
	position: absolute;
	top: 4490px;
	height: 854px;
	width: 100%;
	background-color: #FFEED6;
	z-index: 0;
}
#coloredScene {
	position: absolute;
	top: 4475px;
	left: 50%;
	margin-left: -790px;
	z-index: 1;
}
#lamp {
	position: absolute;
	top: 4779px;
	left: 50%;
	margin-left: -560px;
	z-index: 7;
}
#windowFrame {
	position: absolute;
	top: 4610px;
	left: 50%;
	margin-left: -650px;
	z-index: 2;
}
#windowSky {
	position: absolute;
	top: 4624px;
	left: 50%;
	margin-left: -639px;
	z-index: 3;
}
#windowCity {
	position: absolute;
	top: 4691px;
	left: 50%;
	margin-left: -638px;
	z-index: 4;
}
#windowCrossBeams {
	position: absolute;
	top: 4630px;
	left: 50%;
	margin-left: -640px;
	z-index: 6;
}
#windowCloud {
	position: absolute;
	top: 4660px;
	left: 50%;
	margin-left: -530px;
	z-index: 5;
}
#bottomSceneStandingGuy {
	position: absolute;
	top: 4700px;
	left: 50%;
	margin-left: 550px;
	z-index:5;
}
#bottomSceneAboutToJumpGuy {
	position: absolute;
	top: 4700px;
	left: 50%;
	margin-left: 550px;
	z-index:5;
}
#bottomSceneJumpingGuy {
	position: absolute;
	top: 4700px;
	left: 50%;
	margin-left: 550px;
	z-index:5;
}
#theChosenOneInsideOffice {
	position: absolute;
	top: 4260px;
	left: 50%;
	margin-left: -218px;
	width: 145px;
	height: auto;
	opacity: 1;
	z-index: 2;
}
#theChosenOneSitting {
	position: absolute;
	top: 4860px;
	left: 50%;
	margin-left: -218px;
	opacity: 0;
	z-index: 3;
}
#theChosenOneLaidBack {
	position: absolute;
	top: 4850px;
	left: 50%;
	margin-left: -268px;
	opacity: 0;
	z-index: 4;
}

/************************************************************/

#ourClients {
	position: absolute;
	top: 4597px;
	left: 50%;
	margin-left: -75px;
	opacity: 0;
	z-index: 2;	
}
#clientABC {
	position: absolute;
	top: 4650px;
	left: 50%;
	margin-left: -180px;
	opacity: 0;
	z-index: 2;
}
#clientAMNHealthcare {
	position: absolute;
	top: 4730px;
	left: 50%;
	margin-left: -5px;
	opacity: 0;
	z-index: 2;
}
#clientBooz {
	position: absolute;
	top: 4640px;
	left: 50%;
	margin-left: -199px;
	opacity: 0;
	z-index: 2;
}
#clientCapgemini {
	position: absolute;
	top: 4710px;
	left: 50%;
	margin-left: -205px;
	opacity: 0;
	z-index: 2;
}
#clientChicosFAS {
	position: absolute;
	top: 4775px;
	left: 50%;
	margin-left: -150px;
	opacity: 0;
	z-index: 2;
}
#clientDataDirectNetworks {
	position: absolute;
	top: 4650px;
	left: 50%;
	margin-left: 10px;
	opacity: 0;
	z-index: 2;
}
#clientDisney {
	position: absolute;
	top: 4630px;
	left: 50%;
	margin-left: -34px;
	opacity: 0;
	z-index: 2;
}
#clientEncoreCapitalGroup {
	position: absolute;
	top: 4710px;
	left: 50%;
	margin-left: -205px;
	opacity: 0;
	z-index: 2;	
}
#clientESPN {
	position: absolute;
	top: 4710px;
	left: 50%;
	margin-left: -205px;
	opacity: 0;
	z-index: 2;
}
#clientGeneralAtomics {
	position: absolute;
	top: 4645px;
	left: 50%;
	margin-left: -195px;
	opacity: 0;
	z-index: 2;	
}
#clientHersheys {
	position: absolute;
	top: 4745px;
	left: 50%;
	margin-left: 0px;
	opacity: 0;
	z-index: 2;
}
#clientLendingTree {
	position: absolute;
	top: 4700px;
	left: 50%;
	margin-left: 20px;
	opacity: 0;
	z-index: 2;
}
#clientMeijer {
	position: absolute;
	top: 4765px;
	left: 50%;
	margin-left: -120px;
	opacity: 0;
	z-index: 2;
}
#clientNapa {
	position: absolute;
	top: 4705px;
	left: 50%;
	margin-left: 20px;
	opacity: 0;
	z-index: 2;	
}
#clientNationwide {
	position: absolute;
	top: 4640px;
	left: 50%;
	margin-left: -90px;
	opacity: 0;
	z-index: 2;	
}
#clientOracle {
	position: absolute;
	top: 4720px;
	left: 50%;
	margin-left: -195px;
	opacity: 0;
	z-index: 2;	
}
#clientPETCO {
	position: absolute;
	top: 4775px;
	left: 50%;
	margin-left: -120px;
	opacity: 0;
	z-index: 2;	
}
#clientPIMCO {
	position: absolute;
	top: 4660px;
	left: 50%;
	margin-left: -190px;
	opacity: 0;
	z-index: 2;	
}
#clientPitneyBowes {
	position: absolute;
	top: 4660px;
	left: 50%;
	margin-left: 20px;
	opacity: 0;
	z-index: 2;	
}
#clientPixar {
	position: absolute;
	top: 4735px;
	left: 50%;
	margin-left: -140px;
	opacity: 0;
	z-index: 2;	
}
#clientRoss {
	position: absolute;
	top: 4660px;
	left: 50%;
	margin-left: -180px;
	opacity: 0;
	z-index: 2;	
}
#clientRyder {
	position: absolute;
	top: 4650px;
	left: 50%;
	margin-left: 20px;
	opacity: 0;
	z-index: 2;	
}
#clientSafeway {
	position: absolute;
	top: 4725px;
	left: 50%;
	margin-left: -150px;
	opacity: 0;
	z-index: 2;	
}
#clientSPX {
	position: absolute;
	top: 4719px;
	left: 50%;
	margin-left: 70px;
	opacity: 0;
	z-index: 2;	
}
#clientToyota {
	position: absolute;
	top: 4770px;
	left: 50%;
	margin-left: -100px;
	opacity: 0;
	z-index: 2;	
}
#clientStJudeMedical {
	position: absolute;
	top: 4630px;
	left: 50%;
	margin-left: -180px;
	opacity: 0;
	z-index: 2;	
}
#clientUnited {
	position: absolute;
	top: 4670px;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	z-index: 2;
}
#contactInfoHeader2 {
	position: absolute;
	top: 4597px;
	left: 50%;
	margin-left: -115px;
	opacity: 0;
	z-index: 2;	
}
#contactInfoHeader {
	position: absolute;
	top: 4600px;
	left: 50%;
	margin-left: -45px;
	opacity: 0;
	z-index: 2;	
}
#email {
	position: absolute;
	top: 4640px;
	left: 50%;
	margin-left: -192px;
	opacity: 0;
	z-index: 2;
}
#phoneNumber {
	position: absolute;
	top: 4685px;
	left: 50%;
	margin-left: -150px;
	opacity: 0;
	z-index: 3;
}
#address {
	position: absolute;
	top: 4735px;
	left: 50%;
	margin-left: -142px;
	opacity: 0;
	z-index: 2;
}

/*#########################################################*/
/*################ END OF COLORED SCENE ###################*/
/*#########################################################*/

/* Pin Wrappers */
#pageWrapper {
	position: fixed;
	width: 100%;
}
#pinGrayScene {
	position: absolute;
	width: 100%;
}
#pinCityScene {
	position: absolute;
	width: 100%;
}
#pinFunnelScene {
	position: absolute;
	width: 100%;
}