body {
	background: #fff;
	margin: 0;
}

a, img {
    border:none;
    outline:none
}
a{cursor: pointer;}

h1{
	font-family: 'Gotham A', 'Gotham B'; 
	font-weight: 500; 
	font-style: normal;
	font-size: 20px;
	letter-spacing: 0.12em; 
	margin-bottom: 5px;
}
h2{
	font-family: 'Gotham A', 'Gotham B'; 
	font-weight: 700; 
	font-style: normal;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.18em; 
	margin-top: 5px; 
	color: #77787B;}
h3{
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B'; 
	font-weight: 700; 
	font-style: normal;
	text-transform: uppercase;
	font-size: 14px;
	margin: 5px 0;
	letter-spacing: 0.18em;
	color: #000;	
}
p{
	font-family: 'Gotham A', 'Gotham B'; 
	font-weight: 400; 
	font-style: normal;
	font-size: 11px; 
	letter-spacing: 0.14em;
	line-height: 15px;
	color: #58595B;
}
.bolded{
	color: #231F20;
	font-family: 'Gotham A', 'Gotham B'; 
	font-weight: 700; 
	font-style: normal;
}
#spanish{
	height: 30px; 
	width: 80px; 
	background-image: url(images/spanish.svg);
	background-repeat: no-repeat;
}
#english{
	height: 30px; 
	width: 80px; 
	background-image: url(images/english-active.svg);
	background-repeat: no-repeat;
}
#spanish2{
	height: 30px; 
	width: 80px; 
	background-image: url(images/spanish-active.svg);
	background-repeat: no-repeat;
}
#english2{
	height: 30px; 
	width: 80px; 
	background-image: url(images/english.svg);
	background-repeat: no-repeat;
}
#spanish:hover{
	height: 30px; 
	width: 80px; 
	background-image: url(images/spanish-active.svg);
	background-repeat: no-repeat;
}
#english2:hover{
	height: 30px; 
	width: 80px; 
	background-image: url(images/english-active.svg);
	background-repeat: no-repeat;
}

#social{
	display: block;
    float: left;
    margin-left: 42px;
    margin-top: 5px;
    width: 200px;
}


#navWrapper{
	position: relative;
	width: 960px;
	margin: 0 auto;
	display: block;
    height: 40px;
    position: relative;	
}

#nav{
	position: absolute;
	bottom: -4px;
	right: 44px;
	width: 170px;
	max-width: 315px;	
}

#nav img{
	width: 80px;
	height: 30px;	
}

#nav ul{
	padding: 0;
	margin: 0;    		
}

#nav li{
	float: left;
    list-style: none outside none;
    margin: 0 0 0 5px;
    text-align: center;    	
}
.target{cursor: pointer; position: absolute; z-index: 14;}

.targetBlocks{cursor: pointer; position: absolute; z-index: 13;}

.text1{
	font-family: "Gotham Rounded SSm A","Gotham Rounded SSm B";
    font-size: 8.5px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.18em;
    line-height: 11px;
    position: absolute;
    text-transform: uppercase;
	color: #919396;     
}
.text2{
	font-family: "Gotham Rounded SSm A","Gotham Rounded SSm B";
    font-size: 8.5px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 11px;
    position: absolute;     
}
.text3{
	font-family: "Gotham Rounded SSm A","Gotham Rounded SSm B";
    font-size: 8.5px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 11px;
    position: absolute;     
}

.target img, .button img {width: 100%; height: 100%;}


.target img, .button img {
    -webkit-transition: all .2s ease; /* Safari and Chrome */
    -moz-transition: all .2s ease; /* Firefox */
    -ms-transition: all .2s ease; /* IE 9 */
    -o-transition: all .2s ease; /* Opera */
    transition: all .2s ease;
}

@keyframes fade {
    from { opacity: 1.0; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(.9);}
    to { opacity: 1.0; transform: scale(1);}
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; -webkit-transform: scale(1);}
    50% { opacity: 0.4; -webkit-transform: scale(.9);}
    to { opacity: 1.0; -webkit-transform: scale(1);}
}
 
.blink {
    animation:fade 2000ms infinite;
    -webkit-animation:fade 2000ms infinite;
}
.blink:hover{animation: none;}

.button:hover img {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);	 
}


.targetMessage{
	position: absolute;
	top: 0;
	left: 230px;
	background: #fff; 
	border: solid 3px #000; 
	padding: 5px 20px;	 
	width: 640px; 
	box-shadow: 0 10px 15px #898989;
    z-index: 15;
	color: #000 !important;
}
.targetMessage p{margin-top: 5px; }

#infoGraphic{
	box-shadow: 0 5px 10px #77787B;
	position: relative;
	background: #fff;		
	margin: auto;	
	max-width: 960px;
	width: 100%;
	overflow: hidden;
	text-align: left;				
}
#pageOneWrapper{	
	width: 960px;
	
}

#pageOne{		
	width: 960px;
	height: 668px;
}
#pageOne p:first-of-type{margin-top: 0;}

#pageOneInner{
	padding: 0 75px;
	margin-top: 32px;
}
#pageOneInner h2{
	margin-bottom: 23px;
}

#sp-pageOneInner{
	padding: 0 75px;
	margin-top: 20px;
}
#sp-pageOneInner h2{
	margin-bottom: 10px;
}

#headerImage{width: 960px; height: 230px;}

.copyContainer td{
  vertical-align: top;
  padding: 0 10px 0 0;
}

.introLink{
	left: 6%;
    position: absolute;
    top: 75%;
    width: 18%;
    z-index: 3;
}


.scrollLink{
	cursor: pointer;
    z-index:4;
	position: absolute;
	top: 400px;
}



#pageTwo{			
	background: #fff;
	margin: auto;
	width: 960px;
	position: relative;	
	clear: both;
	height: 668px;
	z-index: 5;		
}
#dataGraph{
	height: 400px; 
	background: url('images/dataGraph.jpg'); 
	height: 625px; 
	width: 960px; 
	top: 0px;"
}

#topCopy{top: 25px; left: 240px; width: 530px; position: absolute;}
#topCopy p, targetMessage p{margin: 0;}

#pageTwoWrapper{	
	position: relative;
	height: 668px;
	width: 960px;	
}

#closingMessage{
	border: solid 5px #fff;
	border-radius: 10px;
	box-shadow: 0 10px 15px #898989;
    left: 30.25%;
    width: 37.5%;
    position: absolute;
    top: 7%;
    z-index: 15;
	background: #fff;	
}


#moreText{
	position: absolute;
    top: 73%;
    width: 100%;	
}



.info{
	position: absolute;	
}
.info img{width: 100%;}

.center{text-align: center !important;}

.hidden{display: none;}

#contentWrapper {   
    top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}


.pointer{cursor: pointer;}

#targetBlock1{left: 415px; top: 78px; width: 501px; height: 232px;}
#targetBlock2{left: 93px; top: 193px; width: 323px; height: 117px;}
#targetBlock3{left: 43px; top: 78px; width: 372px; height: 115px;}

#target1{top: 557px; left: 822px; width: 97px; height: 15px;}
#target2{top: 557px; left: 685px; width: 118px; height: 15px;}
#target3{top: 557px; left: 591px; width: 73px; height: 15px;}
#target4{top: 452px; left: 132px; width: 88px; height: 78px;}
#target5{top: 434px; left: 154px; width: 100px; height: 51px;}

#target6{top: 434px; left: 355px; width: 112px; height: 51px;}

#target7{top: 452px; left: 333px; width: 71px; height: 78px;}
#target8{top: 432px; left: 502px; width: 119px; height: 96px;}
#target9{top: 432px; left: 687px; width: 74px; height: 96px;}
#target10{top: 432px; left: 784px; width: 116px; height: 96px;}
#target11{top: 344px; left: 551px; width: 76px; height: 32px;}
#target12{top: 342px; left: 769px; width: 130px; height: 44px; text-align: right; letter-spacing: 0.12em;}

#target13{top: 130px; left: 35px; width: 128px; height: 56px;}
#target14{top: 206px; left: 85px; width: 109px; height: 54px;}
#target15{top: 130px; left: 227px; width: 146px; height: 56px;}
#target16{top: 218px; left: 523px; width: 110px; height: 54px;}
#target17{top: 126px; left: 807px; width: 68px; height: 53px;}
#target18{top: 230px; left: 776px; width: 67px; height: 53px;}

#text1{height: 30px; left: 60px; top: 91px; width: 110px;}
#text2{height: 35px; left: 60px; top: 324px; width: 55px;}
#text3{height: 35px; left: 60px; top: 425px; width: 55px;}
#text4{height: 30px; left: 691px; top: 182px; width: 90px; text-align: center; color: #fff;}
#text5{height: 55px; left: 160px; top: 344px; width: 80px;}
#text6{height: 55px; left: 361px; top: 344px; width: 83px; text-align: right;}
#text7{height: 55px; left: 676px; top: 344px; width: 88px; text-align: center;}
#text8{height: 20px; left: 546px; top: 559px; width: 35px; color: #9DAFB1;}




#sp-target1{top: 557px; left: 798px; width: 119px; height: 15px;}
#sp-target2{top: 557px; left: 635px; width: 150px; height: 15px;}
#sp-target3{top: 557px; left: 542px; width: 83px; height: 15px;}
#sp-target4{top: 442px; left: 162px; width: 90px; height: 78px;}
#sp-target5{top: 424px; left: 184px; width: 126px; height: 51px;}
#sp-target6{top: 424px; left: 355px; width: 125px; height: 51px;}
#sp-target7{top: 442px; left: 333px; width: 169px; height: 90px;}
#sp-target8{top: 427px; left: 508px; width: 116px; height: 110px;}
#sp-target9{top: 427px; left: 644px; width: 127px; height: 96px;}
#sp-target10{top: 427px; left: 790px; width: 119px; height: 110px;}
#sp-target11{top: 344px; left: 551px; width: 86px; height: 32px;}
#sp-target12{top: 336px; left: 769px; width: 130px; height: 44px; text-align: right; letter-spacing: 0.12em;}

#sp-target13{top: 130px; left: 35px; width: 170px; height: 56px;}
#sp-target14{top: 206px; left: 85px; width: 141px; height: 54px;}
#sp-target15{top: 130px; left: 218px; width: 187px; height: 56px;}
#sp-target16{top: 218px; left: 523px; width: 110px; height: 54px;}
#sp-target17{top: 126px; left: 807px; width: 68px; height: 53px;}
#sp-target18{top: 230px; left: 776px; width: 67px; height: 53px;}

#sp-text1{height: 30px; left: 60px; top: 91px; width: 110px;}
#sp-text2{height: 35px; left: 60px; top: 324px; width: 55px;}
#sp-text3{height: 35px; left: 60px; top: 425px; width: 55px;}
#sp-text4{height: 30px; left: 691px; top: 182px; width: 90px; text-align: center; color: #fff;}
#sp-text5{height: 55px; left: 160px; top: 344px; width: 80px;}
#sp-text6{height: 55px; left: 361px; top: 339px; width: 83px; text-align: right;}
#sp-text7{height: 55px; left: 676px; top: 342px; width: 88px; text-align: center;}
#sp-text8{height: 20px; left: 490px; top: 559px; width: 35px; color: #9DAFB1;}

</style>