#naesContainer {
	position: relative;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
}

.naesRow {
	overflow: hidden
}

.narrowContent {
	width: 960px;
	overflow: auto;
	margin: 2.5em auto;
	overflow: hidden;
}

.quarterWidth {
	width: 25%
}

.innerColumn {
	float: left;
	padding: 10px 20px 10px 0;
	box-sizing: border-box;
	height: 400px;
}

#additionalAnalysis .innerColumn {
	height: 705px;
}

#additionalAnalysis .row-1 .innerColumn {
	height: 605px;
}

.hint {
	display: block;
	font-size: 13px;
	font-family: 'Univers LT W01 55 Roman', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #5d6267;
	margin-bottom: 10px;
}

#additionalAnalysis .hint {
	line-height: 16px;
}

.more {
	font-family: 'UniversLTW01-67BoldCn', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}

#naesOverview {

}

	#naesTitle {
		text-indent: -9999px;
		height: 448px;
		background-image: url('/a/pgs/images/eagle.png')
	}

	#naesFeaturedGraphic img {
		display: block
	}

#naesFeaturedContent {
	height: 950px;
	background: #d3d3d3
}

#naesNav {
	z-index: 2;
	background: #033661; /* Old browsers */
	background: -moz-linear-gradient(left, #033661 1%, #033661 25%, #89a2ba 75%, #89a2ba 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#033661), color-stop(25%,#033661), color-stop(75%,#89a2ba), color-stop(100%,#89a2ba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #033661 1%,#033661 25%,#89a2ba 75%,#89a2ba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #033661 1%,#033661 25%,#89a2ba 75%,#89a2ba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #033661 1%,#033661 25%,#89a2ba 75%,#89a2ba 100%); /* IE10+ */
	background: linear-gradient(to right, #033661 1%,#033661 25%,#89a2ba 75%,#89a2ba 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#033661', endColorstr='#89a2ba',GradientType=1 ); /* IE6-9 */
	font-family: 'UniversLTW01-67BoldCn', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-style: normal;
	position: relative;
	overflow: hidden;
	padding-bottom: 10px;
	height: 28px
}

	#naesNav.pinned {
		position: fixed;
		top: 0;
		width: 1200px;
		z-index: 999;
		    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	}

	#naesNav h2 {
		margin-left: 120px !important;
		float: left;
		color: white;
		text-transform: none;
		height: 40;
		padding-top: 8px !important
	}

	#naesNav a {
	  display: block;
	  float: left;
	  padding: 8px 0 0;
	  margin-left: 45px;
	  color: #fff;
	  line-height: 22px;
	  font-size: 18px;
	}
		#naesNav a.on,
		#naesNav a:hover {
		  text-decoration: none;
		  border-bottom: 2px solid #fff;
		}
		#naesNav a.button {
		  float: right;
		  line-height: 40px;
		  padding: 0 10px 0 34px;
		  margin: 0;
		}
		#naesNav a.button:hover {
		  border-bottom: none;
		}

#naesContainer #naesIntro {
	background: #d8e5ef;
	padding-bottom: 30px;
}

	#naesContainer #naesIntro h2 {
		color: #005c76;
		font-family: 'UniversLTW01-67BoldCn', 'Arial Narrow', Arial, Helvetica, sans-serif;
		font-size: 25pt;
	}

	#naesContainer #naesIntro .intro {
		font-size: 13pt;
		padding-bottom: 50px
	}

	#naesContainer #naesIntro .introBody {
		padding: 10px 325px 40px 125px
	}

		#naesContainer #naesIntro .introBody p {
			font-size: 13pt
		}

		#naesContainer #naesIntro .introBody h3 {
			font-size: 15pt;
			color: #005c76;
			margin: 20px 0 0 0;
		}

		#naesContainer #naesFeaturedContent .introTeaser {
			width: 220px;
			height: 95px;
		}

.reportCover {
	width: 225px;
	height: 300px
}

.naesVideoHolder {
}

#naesContainer h1,
#naesContainer h2,
#naesContainer h3,
#naesContainer h4,
#naesContainer p {
  padding: 0;
  margin: 0 0 10px;
  line-height: 1.2;
}

#naesContainer p {
	font-size: 14px;
	line-height: 1.4;
	font-family: 'Univers LT W01 55 Roman', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-style: normal;
}
#naesContainer figure {
  background: url(/a/pgs/bsc/images/backgrounds/shadow.png) no-repeat center 76px;
}
#naesContainer figure img {
  display: block;
  margin-bottom: 18px;
  background: #000;
}
#naesContainer figure p {
  font-size: 13px;
}
#naesContainer figure .more {
  font-size: 14px;
  line-height: 1.3;
}
#naesContainer figure h3 {
  text-transform: uppercase;
  font-size: 20px;
}
#naesContainer figure h3 a {
  color: #313131;
}
#naesContainer figure h3 a:hover {
  text-decoration: none;
}
#naesContainer #GoldmanSachsMediaComponent {
	display: block;
	float: left;
}

.naes-gradient1,
.naes-gradient2,
.naes-gradientWide1,
.naes-gradientWide2 {
	background-repeat: repeat-y;
}

.naes-gradient1 {
	background: url(/a/pgs/images/thin-turquiose-400.jpg);
}

.naes-gradient2 {
	background: url(/a/pgs/images/thin-blue-400.jpg);
}
.outlook-2015 .naesVideoContainer .naes-gradient2 {
	background: #292A2C;
}
.infographicsOnly #naesOverview .naes-gradient2 {
	background: url(/a/pgs/images/gradient-800.jpg);
	width: 800px;
	height: 225px;
}
.naes-gradientWide1 {
	background: url(/a/pgs/images/wide-turquiose-1200.jpg);
}

.naes-gradientWide2{
	background: url(/a/pgs/images/wide-blue-1200.jpg);
}

#naesContainer blockquote p {
	font-family: "UniversLTW01-47LightCn","Arial Narrow",Arial,Helvetica,sans-serif;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 1em;
	width: 330px;
}

#gsResearch #gsInfographics, #energyOpportunity {
	padding-top: 30px;
}

.naesVideoContainer {
	overflow: hidden
}

.naesVideoHeight {
	height: 450px
}

.breadcrumbs {
	box-sizing: border-box
}

.shareWrapper {
	margin: 20px
}

#naesContainer .infographicsIntro {
	color: white;
	padding: 50px 75px 0 35px;
	width: 290px
}

.infographicsOnly #naesOverview .infographicsIntro {
	width: 600px;
	}
.infographicsOnly #naesOverview .infographicsIntro {
	padding-top: 35px;
}
	#naesContainer .infographicsIntro h4 {
		font-size: 20pt;
		text-transform: uppercase;
		width: auto;
	}

	#naesContainer .infographicsIntro p {
		font-size: 13pt;
		width: auto;
		padding-right: 20px;
	}

.infographicBrowser {
	height: 450px;
	overflow: hidden;
	position: relative;
}

	.browseInfographics {
		position: absolute;
		left: 0;
		top: 0
	}

	.browseInfographics li {
		float: left;
	}

	.browseInfographics li .infographicImg {
		width: 800px;
		height: 450px;
	}

	.nextInfographic,
	.previousInfographic {
		position:absolute;
		top: 212px;
		text-indent: -9999px;
		height: 50px;
		width: 50px;
		background-releat: no-repeat;
		z-index: 3
	}

		.nextInfographic {
			background-image: url(/a/pgs/images/nextInfographic.png);
			right: 0
		}
		.nextInfographic.no-background {
			background-image: none;
		}

		.previousInfographic {
			background-image: url(/a/pgs/images/prevInfographic.png);
			left: 0;
		}
		.previousInfographic.no-background {
			background-image: none;
		}
.hidden {
	display: none;
}

#countrySpecific {
	padding: 40px 0;
	color: white;
}

	#countrySpecific h2 {
		font-size: 18pt;
		padding: 10px
	}

#naesContainer #gsResearch {
	background: #d6eceb;
	padding: 25px 0;
}

	#naesContainer #gsResearch h2 {
		color: #005c76;
		font-family: 'UniversLTW01-67BoldCn', 'Arial Narrow', Arial, Helvetica, sans-serif;
		font-size: 25pt;
	}

	#naesContainer #gsResearch .intro {
		font-size: 13pt;
		padding-bottom: 30px
	}

	#naesContainer #gsResearch .introBody {
		padding: 10px 325px 40px 125px
	}

		#naesContainer #gsResearch .introBody p {
			font-size: 13pt
		}

		#naesContainer #gsResearch .introBody h3 {
			font-size: 15pt;
			color: #005c76;
			margin: 20px 0 0 0;
		}

.coverImage {
	float: left;
	margin: 4px 12px 4px 0
}

#additionalResearch,
#edfReport {
	padding: 40px 0
}

#additionalResearch *,
#edfReport * {
	color: white !important
}

#naesContainer #additionalAnalysis {
	background: #d8e5ef;
	padding-top: 25px
}

	#naesContainer #additionalAnalysis h2 {
		color: #005c76;
		font-family: 'UniversLTW01-67BoldCn', 'Arial Narrow', Arial, Helvetica, sans-serif;
		font-size: 25pt;
	}

	#naesContainer #additionalAnalysis .intro {
		font-size: 13pt;
		padding-bottom: 50px
	}
		#naesContainer #additionalAnalysis .introBody p {
			font-size: 13pt
		}

		.button.bsc {
			display: block;
			padding: 10px 20px;
			color: #ffffff;
			background: #003361;
			font-family: 'UniversLTW01-67BoldCn', 'Arial Narrow', Arial, Helvetica, sans-serif;
			font-style: normal;
			text-transform: uppercase;
			font-size: 18px;
			width: 280px;
			margin-top: 20px;
		}

		#naesIntro .button.bsc {
			width: 110px;
		}
		.button.bsc:hover {
			background: #296dbc;
		}

		.naes #wrapper {
			width: 1200px !important;
		}

		#naesFeaturedGraphic .edit_dots_marker {
			top: 0px !important;
		}

		.naesVideoHeight, .naesVideoContainer {
			height: 450px;
		}

		.infographicsOnly #naesOverview .naesVideoContainer{
			height: 225px;
		}

		.infographicsOnly #naesOverview img.subHead{
			float: left;
			display: block;
			width: 400px;
		}
		.mediaComponentVideo .video-controls {
		        position:absolute;
		        bottom: 0;
		        width: 100%;
		        height: 45px
		      }
		.fullscreen video {
		  width: 100% !important;
		  height: 100% !important;
		  z-index: 99
		}

		.fullscreen .video-controls {
		  width: 80% !important;
		  position: absolute !important;
		  bottom: 5px !important;
		  z-index: 100
		}

@media screen and (max-width: 1229px) {
	#naesContainer .infographicsIntro h4 {
		font-size: 16pt;
		padding-right: 20px;
	}
	.infographicsOnly #naesOverview img.subHead{
			width: 320px;
		}
		.infographicsOnly #naesOverview .naes-gradient2 {
			width: 640px;
		}
	#naesContainer #naesFeaturedContent .introTeaser {
		width: 175px;
		height: auto;
	}
	#naesContainer blockquote p {
		width: auto;
		font-size: 20px;
	}
		 .nextInfographic,
         .previousInfographic {
			top: 150px
		}

	#naesContainer #naesFeaturedGraphic .edit_dots_marker img {
		width: auto;
		height: auto;
	}
	.naes #wrapper {
		width: 960px !important;
	}
	#naesContainer {
		width: 960px;
		margin-left: -480px
	}

		#naesContainer #naesTitle {
			height: 336px;
			background-size: 320px 336px
		}

		#naesContainer #naesFeaturedGraphic img {
			width: 680px;
			height: 336px;
		}

		#naesNav h2 {
			margin-left: 60px !important
		}

		#naesNav.pinned {
			position: fixed;
			top: 0;
			width: 960px
		}

		.narrowContent {
			width: 800px
		}

		#naesContainer figure {
			background-position: center 62px
		}

		#naesContainer  .introTeaser {
			width: 176px;
			height: 76px;
		}

		.browseInfographics li .infographicImg {
			width: 640px;
			height: 360px;
		}

		.naesVideoHeight,
		.naesVideoContainer {
			height: 360px
		}

		#naesContainer .infographicsIntro p {
			font-size: 11pt;
		}

		.reportCover {
			width: 180px;
			height: 240px
		}

		#additionalAnalysis .row-1 .innerColumn {
			height: 525px;
		}

}


 .view1024 .nextInfographic,
         .view1024 .previousInfographic {
			top: 150px
		}

	.view1024 #naesContainer #naesFeaturedGraphic .edit_dots_marker img {
		width: auto;
		height: auto;
	}
	.view1024 .naes #wrapper {
		width: 960px !important;
	}
	.view1024 #naesContainer {
		width: 960px;
		margin-left: -480px
	}

		.view1024 #naesContainer #naesTitle {
			height: 336px;
			background-size: 320px 336px
		}

		.view1024 #naesContainer #naesFeaturedGraphic img {
			width: 680px;
			height: 336px;
		}

		.view1024 #naesNav h2 {
			margin-left: 60px !important
		}

		.view1024 #naesNav.pinned {
			position: fixed;
			top: 0;
			width: 960px
		}

		.view1024 .narrowContent {
			width: 800px
		}

		.view1024 #naesContainer figure {
			background-position: center 62px
		}

		.view1024 #naesContainer  .introTeaser {
			width: 176px;
			height: 76px;
		}

		.view1024 .browseInfographics li .infographicImg {
			width: 640px;
			height: 360px;
		}

		.view1024 .naesVideoHeight,
		.view1024 .naesVideoContainer {
			height: 360px
		}

		.view1024 #naesContainer .infographicsIntro p {
			font-size: 11pt;
		}

		.view1024 .reportCover {
			width: 180px;
			height: 240px
		}

		.view1024 #additionalAnalysis .row-1 .innerColumn {
			height: 525px;
		}
/* Begin infographic styles */

.infographicContainer {
      position: relative;
      width: 800px;
      height: 450px;
}

#infographic1 {
      background-image: url(/a/pgs/naes/infographics/energy-to-jobs/infographic.jpg)
}

.infographicsOnly #infographic1 {
      background-image: url(/a/pgs/naes/infographics/energy-to-jobs/infographic-v2.jpg)
}
      #infographic1 .infographicHoverArea {
            bottom: 65px;
            width: 12px;
      }

            #infographic1 .infographicHoverArea .hoverDisplay {
                  top: -76px;
                  left: -17px
            }

      #infographic1 #infographic1-hover1 {
            left: 102px;
            height: 187px
      }

      #infographic1 #infographic1-hover2 {
            left: 124px;
            height: 178px;
      }

      #infographic1 #infographic1-hover3 {
            left: 145px;
            height: 196px;
      }

      #infographic1 #infographic1-hover4 {
            left: 167px;
            height: 214px;
      }

      #infographic1 #infographic1-hover5 {
            left: 189px;
            height: 259px;
      }

      #infographic1 #infographic1-hover6 {
            left: 211px;
            height: 243px;
      }

      #infographic1 #infographic1-hover7 {
            left: 232px;
            height: 254px;
      }

      #infographic1 #infographic1-hover8 {
            left: 254px;
            height: 264px;
      }

      #infographic1 #infographic1-hover9 {
            left: 276px;
            height: 303px;
      }

      #infographic1 #infographic1-hover10 {
            left: 297px;
            height: 280px;
      }

      #infographic1 #infographic1-hover11 {
            left: 319px;
            height: 286px;
      }

      #infographic1 #infographic1-hover12 {
            left: 340px;
            height: 290px;
      }

      #infographic1 #infographic1-hover13 {
            left: 362px;
            height: 323px;
      }

      #infographic1 #infographic1-hover14 {
            left: 384px;
            height: 295px;
      }

      #infographic1 #infographic1-hover15 {
            left: 405px;
            height: 295px;
      }

      #infographic1 #infographic1-hover16 {
            left: 427px;
            height: 295px;
      }

      #infographic1 #infographic1-hover17 {
            left: 448px;
            height: 322px;
      }


#infographic2 {
      background-image: url(/a/pgs/naes/infographics/new-world-for-fuel/infographic.jpg)
}

.infographicsOnly #infographic2 {
      background-image: url(/a/pgs/naes/infographics/new-world-for-fuel/infographic-v2.jpg)
}
      #infographic2 .infographicHoverArea {
            top: 63px;
            height: 120px;
            width: 84px;
      }

            #infographic2 .infographicHoverArea .hoverDisplay {
                  top: -40px;
                  left: 40px
            }

      #infographic2 #infographic2-hover1 {
            left: 89px;
      }

      #infographic2 #infographic2-hover2 {
            left: 204px;
      }

      #infographic2 #infographic2-hover3 {
            left: 320px;
      }

      #infographic2 #infographic2-hover4 {
            left: 436px;
      }

#infographic3 {
      background-image: url(/a/pgs/naes/infographics/well-to-wheel/infographic.jpg)
}

      #infographic3 .infographicHoverArea {
            left: 40px;
            height: 33px;
      }

            #infographic3 .infographicHoverArea .hoverDisplay {
                  top: -94px;
                  left: 125px
            }

      #infographic3 #infographic3-hover1 {
            top: 130px;
            width: 304px
      }

      #infographic3 #infographic3-hover2 {
            top: 173px;
            width: 287px
      }

      #infographic3 #infographic3-hover3 {
            top: 217px;
            width: 263px
      }

      #infographic3 #infographic3-hover4 {
            top: 264px;
            width: 280px
      }

      #infographic3 #infographic3-hover5 {
            top: 307px;
            width: 295px;
            left: 23px;
      }

      #infographic3 #infographic3-hover6 {
            top: 353px;
            width: 228px;
      }

      #infographic3 #infographic3-hover7 {
            top: 395px;
            width: 223px;
      }

#infographic4 {
      background-image: url(/a/pgs/naes/infographics/renewables-gas/infographic.jpg)
}
.infographicsOnly #infographic4 {
      background-image: url(/a/pgs/naes/infographics/renewables-gas/infographic-v2.jpg)
}
      #infographic4 .infographicHoverArea {
            bottom: 54px;
            width: 24px;
      }

            #infographic4 .infographicHoverArea .hoverDisplay {
                  top: -47px;
                  left: -16px;
            }

      #infographic4 #infographic4-hover1 {
            left: 143px;
            height: 215px;
      }

      #infographic4 #infographic4-hover2 {
            left: 186px;
            height: 233px;
      }

      #infographic4 #infographic4-hover3 {
            left: 230px;
            height: 241px;
      }

      #infographic4 #infographic4-hover4 {
            left: 276px;
            height: 253px;
      }

      #infographic4 #infographic4-hover5 {
            left: 318px;
            height: 274px;
      }

      #infographic4 #infographic4-hover6 {
            left: 363px;
            height: 300px;
      }

      #infographic4 #infographic4-hover7 {
            left: 405px;
            height: 320px;
      }

            #infographic4 #infographic4-hover7 .hoverDisplay {
                  left: -424px;
            }

      #infographic4 #infographic4-hover8 {
            left: 450px;
            height: 359px;
      }

            #infographic4 #infographic4-hover8 .hoverDisplay {
                  left: -429px;
            }

.infographicHoverArea {
      position: absolute;
}

.hoverDisplay {
      display: none;
      position:absolute;
}

.textEquiv {
      text-indent: -9999px
}

.infographicsOnly #naesInfographics .naesVideoContainer {
	padding-bottom: 15px;
	background: #d8e5ef;
}

      @media screen and (max-width: 1229px) {
            .infographicContainer {
                  position: relative;
                  width: 640px;
                  height: 360px;
                  background-size: 640px 360px;
            }

      #infographic1 .infographicHoverArea {
            bottom: 52px;
            width: 10px;
      }

            #infographic1 .infographicHoverArea .hoverDisplay {
                  top: -65px;
                  left: -14px
            }

                  #infographic1 #infographic1-hover1 {
                        left: 82px;
                        height: 150px
                  }

                  #infographic1 #infographic1-hover2 {
                        left: 99px;
                        height: 142px;
                  }

                  #infographic1 #infographic1-hover3 {
                        left: 116px;
                        height: 157px;
                  }

                  #infographic1 #infographic1-hover4 {
                        left: 134px;
                        height: 171px;
                  }

                  #infographic1 #infographic1-hover5 {
                        left: 151px;
                        height: 206px;
                  }

                  #infographic1 #infographic1-hover6 {
                        left: 169px;
                        height: 194px;
                  }

                  #infographic1 #infographic1-hover7 {
                        left: 186px;
                        height: 203px;
                  }

                  #infographic1 #infographic1-hover8 {
                        left: 203px;
                        height: 211px;
                  }

                  #infographic1 #infographic1-hover9 {
                        left: 221px;
                        height: 242px;
                  }

                  #infographic1 #infographic1-hover10 {
                        left: 238px;
                        height: 223px;
                  }

                  #infographic1 #infographic1-hover11 {
                        left: 255px;
                        height: 229px;
                  }

                  #infographic1 #infographic1-hover12 {
                        left: 272px;
                        height: 232px;
                  }

                  #infographic1 #infographic1-hover13 {
                        left: 290px;
                        height: 258px;
                  }

                  #infographic1 #infographic1-hover14 {
                        left: 307px;
                        height: 236px;
                  }

                  #infographic1 #infographic1-hover15 {
                        left: 324px;
                        height: 236px;
                  }

                  #infographic1 #infographic1-hover16 {
                        left: 342px;
                        height: 236px;
                  }

                  #infographic1 #infographic1-hover17 {
                        left: 358px;
                        height: 258px;
                  }

                  #infographic2 .infographicHoverArea {
                        top: 50px;
                        height: 96px;
                        width: 67px;
                  }

                        #infographic2 .infographicHoverArea .hoverDisplay {
                              top: -60px;
                              left: 32px
                        }

                  #infographic2 #infographic2-hover1 {
                        left: 72px;
                  }

                  #infographic2 #infographic2-hover2 {
                        left: 163px;
                  }

                  #infographic2 #infographic2-hover3 {
                        left: 256px;
                  }

                  #infographic2 #infographic2-hover4 {
                        left: 349px;
                  }

      #infographic3 .infographicHoverArea {
            left: 32px;
            height: 26px;
      }

            #infographic3 .infographicHoverArea .hoverDisplay {
                  top: -96px;
                  left: 100px
            }

      #infographic3 #infographic3-hover1 {
            top: 104px;
            width: 243px
      }

      #infographic3 #infographic3-hover2 {
            top: 138px;
            width: 230px
      }

      #infographic3 #infographic3-hover3 {
            top: 174px;
            width: 210px
      }

      #infographic3 #infographic3-hover4 {
            top: 211px;
            width: 224px
      }

      #infographic3 #infographic3-hover5 {
            top: 246px;
            width: 236px;
            left: 18px;
      }

      #infographic3 #infographic3-hover6 {
            top: 282px;
            width: 182px;
      }

      #infographic3 #infographic3-hover7 {
            top: 316px;
            width: 178px;
      }

            #infographic4 .infographicHoverArea {
            bottom: 43px;
            width: 19px;
      }

            #infographic4 .infographicHoverArea .hoverDisplay {
                  top: -43px;
                  left: -13px;
                  width: 376px;
            }

      #infographic4 #infographic4-hover1 {
            left: 114px;
            height: 172px;
      }

      #infographic4 #infographic4-hover2 {
            left: 149px;
            height: 186px;
      }

      #infographic4 #infographic4-hover3 {
            left: 184px;
            height: 193px;
      }

      #infographic4 #infographic4-hover4 {
            left: 221px;
            height: 202px;
      }

      #infographic4 #infographic4-hover5 {
            left: 254px;
            height: 219px;
      }

      #infographic4 #infographic4-hover6 {
            left: 290px;
            height: 240px;
      }

      #infographic4 #infographic4-hover7 {
            left: 324px;
            height: 256px;
      }

            #infographic4 #infographic4-hover7 Display {
                  left: -340px
            }

      #infographic4 #infographic4-hover8 {
            left: 360px;
            height: 287px;
      }

            #infographic4 #infographic4-hover8 .hoverDisplay {
                  left: -343px
            }
      /* End infographic styles */
}

 .view1024 .infographicContainer {
                  position: relative;
                  width: 640px;
                  height: 360px;
                  background-size: 640px 360px;
            }

      .view1024 #infographic1 .infographicHoverArea {
            bottom: 52px;
            width: 10px;
      }

            .view1024 #infographic1 .infographicHoverArea .hoverDisplay {
                  top: -65px;
                  left: -14px
            }

                  .view1024 #infographic1 #infographic1-hover1 {
                        left: 82px;
                        height: 150px
                  }

                  .view1024 #infographic1 #infographic1-hover2 {
                        left: 99px;
                        height: 142px;
                  }

                  .view1024 #infographic1 #infographic1-hover3 {
                        left: 116px;
                        height: 157px;
                  }

                  .view1024 #infographic1 #infographic1-hover4 {
                        left: 134px;
                        height: 171px;
                  }

                  .view1024 #infographic1 #infographic1-hover5 {
                        left: 151px;
                        height: 206px;
                  }

                  .view1024 #infographic1 #infographic1-hover6 {
                        left: 169px;
                        height: 194px;
                  }

                  .view1024 #infographic1 #infographic1-hover7 {
                        left: 186px;
                        height: 203px;
                  }

                  .view1024 #infographic1 #infographic1-hover8 {
                        left: 203px;
                        height: 211px;
                  }

                  .view1024 #infographic1 #infographic1-hover9 {
                        left: 221px;
                        height: 242px;
                  }

                  .view1024 #infographic1 #infographic1-hover10 {
                        left: 238px;
                        height: 223px;
                  }

                  .view1024 #infographic1 #infographic1-hover11 {
                        left: 255px;
                        height: 229px;
                  }

                  .view1024 #infographic1 #infographic1-hover12 {
                        left: 272px;
                        height: 232px;
                  }

                  .view1024 #infographic1 #infographic1-hover13 {
                        left: 290px;
                        height: 258px;
                  }

                  .view1024 #infographic1 #infographic1-hover14 {
                        left: 307px;
                        height: 236px;
                  }

                  .view1024 #infographic1 #infographic1-hover15 {
                        left: 324px;
                        height: 236px;
                  }

                  .view1024 #infographic1 #infographic1-hover16 {
                        left: 342px;
                        height: 236px;
                  }

                  .view1024 #infographic1 #infographic1-hover17 {
                        left: 358px;
                        height: 258px;
                  }

                  .view1024 #infographic2 .infographicHoverArea {
                        top: 50px;
                        height: 96px;
                        width: 67px;
                  }

                        .view1024 #infographic2 .infographicHoverArea .hoverDisplay {
                              top: -60px;
                              left: 32px
                        }

                  .view1024 #infographic2 #infographic2-hover1 {
                        left: 72px;
                  }

                  .view1024 #infographic2 #infographic2-hover2 {
                        left: 163px;
                  }

                  .view1024 #infographic2 #infographic2-hover3 {
                        left: 256px;
                  }

                  .view1024 #infographic2 #infographic2-hover4 {
                        left: 349px;
                  }

      .view1024 #infographic3 .infographicHoverArea {
            left: 32px;
            height: 26px;
      }

            .view1024 #infographic3 .infographicHoverArea .hoverDisplay {
                  top: -96px;
                  left: 100px
            }

      .view1024 #infographic3 #infographic3-hover1 {
            top: 104px;
            width: 243px
      }

      .view1024 #infographic3 #infographic3-hover2 {
            top: 138px;
            width: 230px
      }

      .view1024 #infographic3 #infographic3-hover3 {
            top: 174px;
            width: 210px
      }

      .view1024 #infographic3 #infographic3-hover4 {
            top: 211px;
            width: 224px
      }

      .view1024 #infographic3 #infographic3-hover5 {
            top: 246px;
            width: 236px;
            left: 18px;
      }

      .view1024 #infographic3 #infographic3-hover6 {
            top: 282px;
            width: 182px;
      }

      .view1024 #infographic3 #infographic3-hover7 {
            top: 316px;
            width: 178px;
      }

            .view1024 #infographic4 .infographicHoverArea {
            bottom: 43px;
            width: 19px;
      }

            .view1024 #infographic4 .infographicHoverArea .hoverDisplay {
                  top: -43px;
                  left: -13px;
                  width: 376px;
            }

      .view1024 #infographic4 #infographic4-hover1 {
            left: 114px;
            height: 172px;
      }

      .view1024 #infographic4 #infographic4-hover2 {
            left: 149px;
            height: 186px;
      }

      .view1024 #infographic4 #infographic4-hover3 {
            left: 184px;
            height: 193px;
      }

      .view1024 #infographic4 #infographic4-hover4 {
            left: 221px;
            height: 202px;
      }

      .view1024 #infographic4 #infographic4-hover5 {
            left: 254px;
            height: 219px;
      }

      .view1024 #infographic4 #infographic4-hover6 {
            left: 290px;
            height: 240px;
      }

      .view1024 #infographic4 #infographic4-hover7 {
            left: 324px;
            height: 256px;
      }

            .view1024 #infographic4 #infographic4-hover7 Display {
                  left: -340px
            }

      .view1024 #infographic4 #infographic4-hover8 {
            left: 360px;
            height: 287px;
      }

            .view1024 #infographic4 #infographic4-hover8 .hoverDisplay {
                  left: -343px
            }

/** adding css using class names instead of ids**/
.naesContainer {
	position: relative;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
}

.naesRow {
	overflow: hidden
}

.narrowContent {
	width: 960px;
	overflow: auto;
	margin: 2.5em auto;
	overflow: hidden;
}

.quarterWidth {
	width: 25%
}

.innerColumn {
	float: left;
	padding: 10px 20px 10px 0;
	box-sizing: border-box;
	height: 460px;
}

.additionalAnalysis .innerColumn {
	height: 705px;
}

.additionalAnalysis .row-1 .innerColumn {
	height: 605px;
}

.hint {
	display: block;
	font-size: 13px;
	font-family: 'Univers LT W01 55 Roman', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #5d6267;
	margin-bottom: 10px;
}

.additionalAnalysis .hint {
	line-height: 16px;
}

.more {
	font-family: 'UniversLTW01-67BoldCn', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}

.naesOverview {

}

	.naesTitle {
		text-indent: -9999px;
		height: 448px;
		background-image: url('/a/pgs/images/eagle.png')
	}

	.naesFeaturedGraphic img {
		display: block
	}

.naesFeaturedContent {
	height: 750px;
	background: #d3d3d3
}

.naesNav {
	z-index: 2;
	background: #033661; /* Old browsers */
	background: -moz-linear-gradient(left, .033661 1%, .033661 25%, .89a2ba 75%, .89a2ba 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,.033661), color-stop(25%,.033661), color-stop(75%,.89a2ba), color-stop(100%,.89a2ba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, .033661 1%,.033661 25%,.89a2ba 75%,.89a2ba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, .033661 1%,.033661 25%,.89a2ba 75%,.89a2ba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, .033661 1%,.033661 25%,.89a2ba 75%,.89a2ba 100%); /* IE10+ */
	background: linear-gradient(to right, .033661 1%,.033661 25%,.89a2ba 75%,.89a2ba 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='.033661', endColorstr='.89a2ba',GradientType=1 ); /* IE6-9 */
	font-family: 'UniversLTW01-67BoldCn', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-style: normal;
	position: relative;
	overflow: hidden;
	padding-bottom: 10px;
	height: 28px
}

	.naesNav.pinned {
		position: fixed;
		top: 0;
		width: 1200px;
		z-index: 999;
		-webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
	}

	.naesNav h2 {
		margin-left: 120px !important;
		float: left;
		color: white;
		text-transform: none;
		height: 40;
		padding-top: 8px !important
	}

	.naesNav a {
	  display: block;
	  float: left;
	  padding: 8px 0 0;
	  margin-left: 45px;
	  color: .fff;
	  line-height: 22px;
	  font-size: 18px;
	}
		.naesNav a.on,
		.naesNav a:hover {
		  text-decoration: none;
		  border-bottom: 2px solid .fff;
		}
		.naesNav a.button {
		  float: right;
		  line-height: 40px;
		  padding: 0 10px 0 34px;
		  margin: 0;
		}
		.naesNav a.button:hover {
		  border-bottom: none;
		}

.naesContainer .naesIntro {
	background: #d8e5ef;
	padding-bottom: 30px;
}

	.naesContainer .naesIntro h2 {
		color: .005c76;
		font-family: 'UniversLTW01-67BoldCn', 'Arial Narrow', Arial, Helvetica, sans-serif;
		font-size: 25pt;
	}

	.naesContainer .naesIntro .intro {
		font-size: 13pt;
		padding-bottom: 50px
	}

	.naesContainer .naesIntro .introBody {
		padding: 10px 325px 40px 125px
	}

		.naesContainer .naesIntro .introBody p {
			font-size: 13pt
		}

		.naesContainer .naesIntro .introBody h3 {
			font-size: 15pt;
			color: .005c76;
			margin: 20px 0 0 0;
		}

		.naesContainer .naesFeaturedContent .introTeaser {
			width: 220px;
			height: 95px;
		}

.reportCover {
	width: 225px;
	height: 300px
}

.naesVideoHolder {
}

.naesContainer h1,
.naesContainer h2,
.naesContainer h3,
.naesContainer h4,
.naesContainer p {
  padding: 0;
  margin: 0 0 10px;
  line-height: 1.2;
}

.naesContainer p {
	font-size: 14px;
	line-height: 1.4;
	font-family: 'Basis Grotesque', Arial, Helvetica, sans-serif;
	font-style: normal;
}
.naesContainer figure {
  background: url(/a/pgs/bsc/images/backgrounds/shadow.png) no-repeat center 76px;
}
.naesContainer figure img {
  display: block;
  margin-bottom: 18px;
  background: #000;
}
.naesContainer figure p {
  font-size: 13px;
}
.naesContainer figure .more {
  font-size: 14px;
  line-height: 1.3;
}
.naesContainer figure h3 {
  text-transform: uppercase;
  font-size: 20px;
}
.naesContainer figure h3 a {
  color: #313131;
}
.naesContainer figure h3 a:hover {
  text-decoration: none;
}
.naesContainer .GoldmanSachsMediaComponent {
	display: block;
	float: left;
}

.naes-gradient1,
.naes-gradient2,
.naes-gradientWide1,
.naes-gradientWide2 {
	background-repeat: repeat-y;
}

.naes-gradient1 {
	background: url(/a/pgs/images/thin-turquiose-400.jpg);
}

.naes-gradient2 {
	background: url(/a/pgs/images/thin-blue-400.jpg);
}
.outlook-2015 .naesVideoContainer .naes-gradient2 {
	background: #292A2C;
}
.infographicsOnly .naesOverview .naes-gradient2 {
	background: url(/a/pgs/images/gradient-800.jpg);
	width: 800px;
	height: 225px;
}
.naes-gradientWide1 {
	background: url(/a/pgs/images/wide-turquiose-1200.jpg);
}

.naes-gradientWide2{
	background: url(/a/pgs/images/wide-blue-1200.jpg);
}

.naesContainer blockquote p {
	font-family: "UniversLTW01-47LightCn","Arial Narrow",Arial,Helvetica,sans-serif;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 1em;
	width: 330px;
}

.gsResearch .gsInfographics, .energyOpportunity {
	padding-top: 30px;
}

.naesVideoContainer {
	overflow: hidden
}

.naesVideoHeight {
	height: 450px
}

.breadcrumbs {
	box-sizing: border-box
}

.shareWrapper {
	margin: 20px
}

.naesContainer .infographicsIntro {
	color: white;
	padding: 50px 75px 0 35px;
	width: 290px
}

.infographicsOnly .naesOverview .infographicsIntro {
	width: 600px;
	}
.infographicsOnly .naesOverview .infographicsIntro {
	padding-top: 35px;
}
	.naesContainer .infographicsIntro h4 {
		font-size: 20pt;
		text-transform: uppercase;
		width: auto;
	}

	.naesContainer .infographicsIntro p {
		font-size: 13pt;
		width: auto;
		padding-right: 20px;
	}

.infographicBrowser {
	height: 450px;
	overflow: hidden;
	position: relative;
}

	.browseInfographics {
		position: absolute;
		left: 0;
		top: 0
	}

	.browseInfographics li {
		float: left;
	}

	.browseInfographics li .infographicImg {
		width: 800px;
		height: 450px;
	}

	.nextInfographic,
	.previousInfographic {
		position:absolute;
		top: 212px;
		text-indent: -9999px;
		height: 50px;
		width: 50px;
		background-releat: no-repeat;
		z-index: 3
	}

		.nextInfographic {
			background-image: url(/a/pgs/images/nextInfographic.png);
			right: 0
		}

		.previousInfographic {
			background-image: url(/a/pgs/images/prevInfographic.png);
			left: 0;
		}

.hidden {
	display: none;
}

.countrySpecific {
	padding: 40px 0;
	color: white;
}

	.countrySpecific h2 {
		font-size: 18pt;
		padding: 10px
	}

.naesContainer .gsResearch {
	background: #d6eceb;
	padding: 25px 0;
}

	.naesContainer .gsResearch h2 {
		color: .005c76;
		font-family: 'UniversLTW01-67BoldCn', 'Arial Narrow', Arial, Helvetica, sans-serif;
		font-size: 25pt;
	}

	.naesContainer .gsResearch .intro {
		font-size: 13pt;
		padding-bottom: 30px
	}

	.naesContainer .gsResearch .introBody {
		padding: 10px 325px 40px 125px
	}

		.naesContainer .gsResearch .introBody p {
			font-size: 13pt
		}

		.naesContainer .gsResearch .introBody h3 {
			font-size: 15pt;
			color: .005c76;
			margin: 20px 0 0 0;
		}

.coverImage {
	float: left;
	margin: 4px 12px 4px 0
}

.additionalResearch,
.edfReport {
	padding: 40px 0
}

.additionalResearch *,
.edfReport * {
	color: white !important
}

.naesContainer .additionalAnalysis {
	background: #d8e5ef;
	padding-top: 25px
}

	.naesContainer .additionalAnalysis h2 {
		color: .005c76;
		font-family: 'UniversLTW01-67BoldCn', 'Arial Narrow', Arial, Helvetica, sans-serif;
		font-size: 25pt;
	}

	.naesContainer .additionalAnalysis .intro {
		font-size: 13pt;
		padding-bottom: 50px
	}
		.naesContainer .additionalAnalysis .introBody p {
			font-size: 13pt
		}

		.button.bsc {
			display: block;
			padding: 10px 20px;
			color: .ffffff;
			background: #003361;
			font-family: 'UniversLTW01-67BoldCn', 'Arial Narrow', Arial, Helvetica, sans-serif;
			font-style: normal;
			text-transform: uppercase;
			font-size: 18px;
			width: 280px;
			margin-top: 20px;
		}

		.naesIntro .button.bsc {
			width: 110px;
		}
		.button.bsc:hover {
			background: #296dbc;
		}

		.naes .wrapper {
			width: 1200px !important;
		}

		.naesFeaturedGraphic .edit_dots_marker {
			top: 0px !important;
		}

		.naesVideoHeight, .naesVideoContainer {
			height: 450px;
		}

		.infographicsOnly .naesOverview .naesVideoContainer{
			height: 225px;
		}

		.infographicsOnly .naesOverview img.subHead{
			float: left;
			display: block;
			width: 400px;
		}
		.mediaComponentVideo .video-controls {
		        position:absolute;
		        bottom: 0;
		        width: 100%;
		        height: 45px
		      }
		.fullscreen video {
		  width: 100% !important;
		  height: 100% !important;
		  z-index: 99
		}

		.fullscreen .video-controls {
		  width: 80% !important;
		  position: absolute !important;
		  bottom: 5px !important;
		  z-index: 100
		}

@media screen and (max-width: 1229px) {
	.naesContainer .infographicsIntro h4 {
		font-size: 16pt;
		padding-right: 20px;
	}
	.infographicsOnly .naesOverview img.subHead{
			width: 320px;
		}
		.infographicsOnly .naesOverview .naes-gradient2 {
			width: 640px;
		}
	.naesContainer .naesFeaturedContent .introTeaser {
		width: 175px;
		height: auto;
	}
	.naesContainer blockquote p {
		width: auto;
		font-size: 20px;
	}
		 .nextInfographic,
         .previousInfographic {
			top: 150px
		}

	.naesContainer .naesFeaturedGraphic .edit_dots_marker img {
		width: auto;
		height: auto;
	}
	.naes .wrapper {
		width: 960px !important;
	}
	.naesContainer {
		width: 960px;
		margin-left: -480px
	}

		.naesContainer .naesTitle {
			height: 336px;
			background-size: 320px 336px
		}

		.naesContainer .naesFeaturedGraphic img {
			width: 680px;
			height: 336px;
		}

		.naesNav h2 {
			margin-left: 60px !important
		}

		.naesNav.pinned {
			position: fixed;
			top: 0;
			width: 960px
		}

		.narrowContent {
			width: 800px
		}

		.naesContainer figure {
			background-position: center 62px
		}

		.naesContainer  .introTeaser {
			width: 176px;
			height: 76px;
		}

		.browseInfographics li .infographicImg {
			width: 640px;
			height: 360px;
		}

		.naesVideoHeight,
		.naesVideoContainer {
			height: 360px
		}

		.naesContainer .infographicsIntro p {
			font-size: 11pt;
		}

		.reportCover {
			width: 180px;
			height: 240px
		}

		.additionalAnalysis .row-1 .innerColumn {
			height: 525px;
		}

}


 .view1024 .nextInfographic,
         .view1024 .previousInfographic {
			top: 150px
		}

	.view1024 .naesContainer .naesFeaturedGraphic .edit_dots_marker img {
		width: auto;
		height: auto;
	}
	.view1024 .naes .wrapper {
		width: 960px !important;
	}
	.view1024 .naesContainer {
		width: 960px;
		margin-left: -480px
	}

		.view1024 .naesContainer .naesTitle {
			height: 336px;
			background-size: 320px 336px
		}

		.view1024 .naesContainer .naesFeaturedGraphic img {
			width: 680px;
			height: 336px;
		}

		.view1024 .naesNav h2 {
			margin-left: 60px !important
		}

		.view1024 .naesNav.pinned {
			position: fixed;
			top: 0;
			width: 960px
		}

		.view1024 .narrowContent {
			width: 800px
		}

		.view1024 .naesContainer figure {
			background-position: center 62px
		}

		.view1024 .naesContainer  .introTeaser {
			width: 176px;
			height: 76px;
		}

		.view1024 .browseInfographics li .infographicImg {
			width: 640px;
			height: 360px;
		}

		.view1024 .naesVideoHeight,
		.view1024 .naesVideoContainer {
			height: 360px
		}

		.view1024 .naesContainer .infographicsIntro p {
			font-size: 11pt;
		}

		.view1024 .reportCover {
			width: 180px;
			height: 240px
		}

		.view1024 .additionalAnalysis .row-1 .innerColumn {
			height: 525px;
		}
/* Begin infographic styles */

.infographicContainer {
      position: relative;
      width: 800px;
      height: 450px;
}

.infographic1 {
      background-image: url(/a/pgs/naes/infographics/energy-to-jobs/infographic.jpg)
}

.infographicsOnly .infographic1 {
      background-image: url(/a/pgs/naes/infographics/energy-to-jobs/infographic-v2.jpg)
}
      .infographic1 .infographicHoverArea {
            bottom: 65px;
            width: 12px;
      }

            .infographic1 .infographicHoverArea .hoverDisplay {
                  top: -76px;
                  left: -17px
            }

      .infographic1 .infographic1-hover1 {
            left: 102px;
            height: 187px
      }

      .infographic1 .infographic1-hover2 {
            left: 124px;
            height: 178px;
      }

      .infographic1 .infographic1-hover3 {
            left: 145px;
            height: 196px;
      }

      .infographic1 .infographic1-hover4 {
            left: 167px;
            height: 214px;
      }

      .infographic1 .infographic1-hover5 {
            left: 189px;
            height: 259px;
      }

      .infographic1 .infographic1-hover6 {
            left: 211px;
            height: 243px;
      }

      .infographic1 .infographic1-hover7 {
            left: 232px;
            height: 254px;
      }

      .infographic1 .infographic1-hover8 {
            left: 254px;
            height: 264px;
      }

      .infographic1 .infographic1-hover9 {
            left: 276px;
            height: 303px;
      }

      .infographic1 .infographic1-hover10 {
            left: 297px;
            height: 280px;
      }

      .infographic1 .infographic1-hover11 {
            left: 319px;
            height: 286px;
      }

      .infographic1 .infographic1-hover12 {
            left: 340px;
            height: 290px;
      }

      .infographic1 .infographic1-hover13 {
            left: 362px;
            height: 323px;
      }

      .infographic1 .infographic1-hover14 {
            left: 384px;
            height: 295px;
      }

      .infographic1 .infographic1-hover15 {
            left: 405px;
            height: 295px;
      }

      .infographic1 .infographic1-hover16 {
            left: 427px;
            height: 295px;
      }

      .infographic1 .infographic1-hover17 {
            left: 448px;
            height: 322px;
      }


.infographic2 {
      background-image: url(/a/pgs/naes/infographics/new-world-for-fuel/infographic.jpg)
}

.infographicsOnly .infographic2 {
      background-image: url(/a/pgs/naes/infographics/new-world-for-fuel/infographic-v2.jpg)
}
      .infographic2 .infographicHoverArea {
            top: 63px;
            height: 120px;
            width: 84px;
      }

            .infographic2 .infographicHoverArea .hoverDisplay {
                  top: -40px;
                  left: 40px
            }

      .infographic2 .infographic2-hover1 {
            left: 89px;
      }

      .infographic2 .infographic2-hover2 {
            left: 204px;
      }

      .infographic2 .infographic2-hover3 {
            left: 320px;
      }

      .infographic2 .infographic2-hover4 {
            left: 436px;
      }

.infographic3 {
      background-image: url(/a/pgs/naes/infographics/well-to-wheel/infographic.jpg)
}

      .infographic3 .infographicHoverArea {
            left: 40px;
            height: 33px;
      }

            .infographic3 .infographicHoverArea .hoverDisplay {
                  top: -94px;
                  left: 125px
            }

      .infographic3 .infographic3-hover1 {
            top: 130px;
            width: 304px
      }

      .infographic3 .infographic3-hover2 {
            top: 173px;
            width: 287px
      }

      .infographic3 .infographic3-hover3 {
            top: 217px;
            width: 263px
      }

      .infographic3 .infographic3-hover4 {
            top: 264px;
            width: 280px
      }

      .infographic3 .infographic3-hover5 {
            top: 307px;
            width: 295px;
            left: 23px;
      }

      .infographic3 .infographic3-hover6 {
            top: 353px;
            width: 228px;
      }

      .infographic3 .infographic3-hover7 {
            top: 395px;
            width: 223px;
      }

.infographic4 {
      background-image: url(/a/pgs/naes/infographics/renewables-gas/infographic.jpg)
}
.infographicsOnly .infographic4 {
      background-image: url(/a/pgs/naes/infographics/renewables-gas/infographic-v2.jpg)
}
      .infographic4 .infographicHoverArea {
            bottom: 54px;
            width: 24px;
      }

            .infographic4 .infographicHoverArea .hoverDisplay {
                  top: -47px;
                  left: -16px;
            }

      .infographic4 .infographic4-hover1 {
            left: 143px;
            height: 215px;
      }

      .infographic4 .infographic4-hover2 {
            left: 186px;
            height: 233px;
      }

      .infographic4 .infographic4-hover3 {
            left: 230px;
            height: 241px;
      }

      .infographic4 .infographic4-hover4 {
            left: 276px;
            height: 253px;
      }

      .infographic4 .infographic4-hover5 {
            left: 318px;
            height: 274px;
      }

      .infographic4 .infographic4-hover6 {
            left: 363px;
            height: 300px;
      }

      .infographic4 .infographic4-hover7 {
            left: 405px;
            height: 320px;
      }

            .infographic4 .infographic4-hover7 .hoverDisplay {
                  left: -424px;
            }

      .infographic4 .infographic4-hover8 {
            left: 450px;
            height: 359px;
      }

            .infographic4 .infographic4-hover8 .hoverDisplay {
                  left: -429px;
            }

.infographicHoverArea {
      position: absolute;
}

.hoverDisplay {
      display: none;
      position:absolute;
}

.textEquiv {
      text-indent: -9999px
}

.show-more-container .scrollCue.active {
	position: absolute;
	left: 45%;
	margin-top: -40px;
	cursor: pointer;
}

.show-more-container .close {
	font-family: 'UniversLTW01-67BoldCn';
	position: absolute;
	left: 45%;
	margin-top: -40px;
	cursor: pointer;
	width: 110px;
	height: 40px;
	background: #FFF url('/a/pgs/images/scroll_cue_up.png') no-repeat center 80%;
	opacity: .75;
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
	line-height: 30px;
}

.infographicsOnly .naesInfographics .naesVideoContainer {
	padding-bottom: 15px;
	background: #d8e5ef;
}

      @media screen and (max-width: 1229px) {
            .infographicContainer {
                  position: relative;
                  width: 640px;
                  height: 360px;
                  background-size: 640px 360px;
            }

      .infographic1 .infographicHoverArea {
            bottom: 52px;
            width: 10px;
      }

            .infographic1 .infographicHoverArea .hoverDisplay {
                  top: -65px;
                  left: -14px
            }

                  .infographic1 .infographic1-hover1 {
                        left: 82px;
                        height: 150px
                  }

                  .infographic1 .infographic1-hover2 {
                        left: 99px;
                        height: 142px;
                  }

                  .infographic1 .infographic1-hover3 {
                        left: 116px;
                        height: 157px;
                  }

                  .infographic1 .infographic1-hover4 {
                        left: 134px;
                        height: 171px;
                  }

                  .infographic1 .infographic1-hover5 {
                        left: 151px;
                        height: 206px;
                  }

                  .infographic1 .infographic1-hover6 {
                        left: 169px;
                        height: 194px;
                  }

                  .infographic1 .infographic1-hover7 {
                        left: 186px;
                        height: 203px;
                  }

                  .infographic1 .infographic1-hover8 {
                        left: 203px;
                        height: 211px;
                  }

                  .infographic1 .infographic1-hover9 {
                        left: 221px;
                        height: 242px;
                  }

                  .infographic1 .infographic1-hover10 {
                        left: 238px;
                        height: 223px;
                  }

                  .infographic1 .infographic1-hover11 {
                        left: 255px;
                        height: 229px;
                  }

                  .infographic1 .infographic1-hover12 {
                        left: 272px;
                        height: 232px;
                  }

                  .infographic1 .infographic1-hover13 {
                        left: 290px;
                        height: 258px;
                  }

                  .infographic1 .infographic1-hover14 {
                        left: 307px;
                        height: 236px;
                  }

                  .infographic1 .infographic1-hover15 {
                        left: 324px;
                        height: 236px;
                  }

                  .infographic1 .infographic1-hover16 {
                        left: 342px;
                        height: 236px;
                  }

                  .infographic1 .infographic1-hover17 {
                        left: 358px;
                        height: 258px;
                  }

                  .infographic2 .infographicHoverArea {
                        top: 50px;
                        height: 96px;
                        width: 67px;
                  }

                        .infographic2 .infographicHoverArea .hoverDisplay {
                              top: -60px;
                              left: 32px
                        }

                  .infographic2 .infographic2-hover1 {
                        left: 72px;
                  }

                  .infographic2 .infographic2-hover2 {
                        left: 163px;
                  }

                  .infographic2 .infographic2-hover3 {
                        left: 256px;
                  }

                  .infographic2 .infographic2-hover4 {
                        left: 349px;
                  }

      .infographic3 .infographicHoverArea {
            left: 32px;
            height: 26px;
      }

            .infographic3 .infographicHoverArea .hoverDisplay {
                  top: -96px;
                  left: 100px
            }

      .infographic3 .infographic3-hover1 {
            top: 104px;
            width: 243px
      }

      .infographic3 .infographic3-hover2 {
            top: 138px;
            width: 230px
      }

      .infographic3 .infographic3-hover3 {
            top: 174px;
            width: 210px
      }

      .infographic3 .infographic3-hover4 {
            top: 211px;
            width: 224px
      }

      .infographic3 .infographic3-hover5 {
            top: 246px;
            width: 236px;
            left: 18px;
      }

      .infographic3 .infographic3-hover6 {
            top: 282px;
            width: 182px;
      }

      .infographic3 .infographic3-hover7 {
            top: 316px;
            width: 178px;
      }

            .infographic4 .infographicHoverArea {
            bottom: 43px;
            width: 19px;
      }

            .infographic4 .infographicHoverArea .hoverDisplay {
                  top: -43px;
                  left: -13px;
                  width: 376px;
            }

      .infographic4 .infographic4-hover1 {
            left: 114px;
            height: 172px;
      }

      .infographic4 .infographic4-hover2 {
            left: 149px;
            height: 186px;
      }

      .infographic4 .infographic4-hover3 {
            left: 184px;
            height: 193px;
      }

      .infographic4 .infographic4-hover4 {
            left: 221px;
            height: 202px;
      }

      .infographic4 .infographic4-hover5 {
            left: 254px;
            height: 219px;
      }

      .infographic4 .infographic4-hover6 {
            left: 290px;
            height: 240px;
      }

      .infographic4 .infographic4-hover7 {
            left: 324px;
            height: 256px;
      }

            .infographic4 .infographic4-hover7 Display {
                  left: -340px
            }

      .infographic4 .infographic4-hover8 {
            left: 360px;
            height: 287px;
      }

            .infographic4 .infographic4-hover8 .hoverDisplay {
                  left: -343px
            }
      /* End infographic styles */


}

 .view1024 .infographicContainer {
                  position: relative;
                  width: 640px;
                  height: 360px;
                  background-size: 640px 360px;
            }

      .view1024 .infographic1 .infographicHoverArea {
            bottom: 52px;
            width: 10px;
      }

            .view1024 .infographic1 .infographicHoverArea .hoverDisplay {
                  top: -65px;
                  left: -14px
            }

                  .view1024 .infographic1 .infographic1-hover1 {
                        left: 82px;
                        height: 150px
                  }

                  .view1024 .infographic1 .infographic1-hover2 {
                        left: 99px;
                        height: 142px;
                  }

                  .view1024 .infographic1 .infographic1-hover3 {
                        left: 116px;
                        height: 157px;
                  }

                  .view1024 .infographic1 .infographic1-hover4 {
                        left: 134px;
                        height: 171px;
                  }

                  .view1024 .infographic1 .infographic1-hover5 {
                        left: 151px;
                        height: 206px;
                  }

                  .view1024 .infographic1 .infographic1-hover6 {
                        left: 169px;
                        height: 194px;
                  }

                  .view1024 .infographic1 .infographic1-hover7 {
                        left: 186px;
                        height: 203px;
                  }

                  .view1024 .infographic1 .infographic1-hover8 {
                        left: 203px;
                        height: 211px;
                  }

                  .view1024 .infographic1 .infographic1-hover9 {
                        left: 221px;
                        height: 242px;
                  }

                  .view1024 .infographic1 .infographic1-hover10 {
                        left: 238px;
                        height: 223px;
                  }

                  .view1024 .infographic1 .infographic1-hover11 {
                        left: 255px;
                        height: 229px;
                  }

                  .view1024 .infographic1 .infographic1-hover12 {
                        left: 272px;
                        height: 232px;
                  }

                  .view1024 .infographic1 .infographic1-hover13 {
                        left: 290px;
                        height: 258px;
                  }

                  .view1024 .infographic1 .infographic1-hover14 {
                        left: 307px;
                        height: 236px;
                  }

                  .view1024 .infographic1 .infographic1-hover15 {
                        left: 324px;
                        height: 236px;
                  }

                  .view1024 .infographic1 .infographic1-hover16 {
                        left: 342px;
                        height: 236px;
                  }

                  .view1024 .infographic1 .infographic1-hover17 {
                        left: 358px;
                        height: 258px;
                  }

                  .view1024 .infographic2 .infographicHoverArea {
                        top: 50px;
                        height: 96px;
                        width: 67px;
                  }

                        .view1024 .infographic2 .infographicHoverArea .hoverDisplay {
                              top: -60px;
                              left: 32px
                        }

                  .view1024 .infographic2 .infographic2-hover1 {
                        left: 72px;
                  }

                  .view1024 .infographic2 .infographic2-hover2 {
                        left: 163px;
                  }

                  .view1024 .infographic2 .infographic2-hover3 {
                        left: 256px;
                  }

                  .view1024 .infographic2 .infographic2-hover4 {
                        left: 349px;
                  }

      .view1024 .infographic3 .infographicHoverArea {
            left: 32px;
            height: 26px;
      }

            .view1024 .infographic3 .infographicHoverArea .hoverDisplay {
                  top: -96px;
                  left: 100px
            }

      .view1024 .infographic3 .infographic3-hover1 {
            top: 104px;
            width: 243px
      }

      .view1024 .infographic3 .infographic3-hover2 {
            top: 138px;
            width: 230px
      }

      .view1024 .infographic3 .infographic3-hover3 {
            top: 174px;
            width: 210px
      }

      .view1024 .infographic3 .infographic3-hover4 {
            top: 211px;
            width: 224px
      }

      .view1024 .infographic3 .infographic3-hover5 {
            top: 246px;
            width: 236px;
            left: 18px;
      }

      .view1024 .infographic3 .infographic3-hover6 {
            top: 282px;
            width: 182px;
      }

      .view1024 .infographic3 .infographic3-hover7 {
            top: 316px;
            width: 178px;
      }

            .view1024 .infographic4 .infographicHoverArea {
            bottom: 43px;
            width: 19px;
      }

            .view1024 .infographic4 .infographicHoverArea .hoverDisplay {
                  top: -43px;
                  left: -13px;
                  width: 376px;
            }

      .view1024 .infographic4 .infographic4-hover1 {
            left: 114px;
            height: 172px;
      }

      .view1024 .infographic4 .infographic4-hover2 {
            left: 149px;
            height: 186px;
      }

      .view1024 .infographic4 .infographic4-hover3 {
            left: 184px;
            height: 193px;
      }

      .view1024 .infographic4 .infographic4-hover4 {
            left: 221px;
            height: 202px;
      }

      .view1024 .infographic4 .infographic4-hover5 {
            left: 254px;
            height: 219px;
      }

      .view1024 .infographic4 .infographic4-hover6 {
            left: 290px;
            height: 240px;
      }

      .view1024 .infographic4 .infographic4-hover7 {
            left: 324px;
            height: 256px;
      }

            .view1024 .infographic4 .infographic4-hover7 Display {
                  left: -340px
            }

      .view1024 .infographic4 .infographic4-hover8 {
            left: 360px;
            height: 287px;
      }

       .view1024 .infographic4 .infographic4-hover8 .hoverDisplay {
             left: -343px
       }

.three-touts {
	float: left;
	width: 220px;
	margin: 20px 50px 20px 50px;
}

@media screen and (max-width: 1229px) {
	.three-touts {
		float: left;
		width: 220px;
		margin: 20px 20px 0px 20px;
	}
	.main-img {
		width:640px;
		height: 360px;
	}
}

.view1024 .three-touts {
	float: left;
	width: 220px;
	margin: 20px 20px 20px 20px;
}

.no-margin-top {
	margin-top: 0!important;
}
.no-padding-top {
	padding-top: 0!important;
}

.no-margin-bottom {
	margin-bottom: 0!important;
}
.no-padding-bottom {
	padding-bottom: 0!important;
}

.auto-height {
	height: auto!important;
}
.auto-height .innerColumn {
	height: auto!important;
}

.naes-grey-content {
	background-color: #d3d3d3!important;
}

.view1280 .main-img {
	width:640px;
	height: 360px;
}

/*media player */

.video-time-scroll-box:not(:hover) .timeScrollMouseover {
    background-color: black;
    width: 40px;
    height: 12px;
    text-align: center;
    display: none;
}
.video-time-scroll-box:hover .timeScrollMouseover {
    background-color: black;
    width: 40px;
    height: 12px;
    text-align: center;
    margin-top: -12px;
}
.timeScrollMouseover {
    color: #0cf;
    line-height: 12px;
    font-size: 11px;
}

.timeScrollMouseover:before {
    width: 50px;
    height: 10px;
    margin-top: -20px;
    float: left;
    color: #0cf;
    text-align: center;
    vertical-align: middle;
    line-height: 12px;
    font-size: 12px;
}

.timeScrollMouseover:after {
    width: 50px;
    height: 10px;
    margin-top: -20px;
    background-color: black;
    float: left;
    color: #0cf;
    text-align: center;
    vertical-align: middle;
    line-height: 12px;
    font-size: 12px;
}

.scrubBarElapsedTime:before {
    height: 10px;
    margin-top: -20px;
    float: left;
    color: #0cf;
    text-align: center;
    vertical-align: middle;
    line-height: 12px;
    font-size: 12px;
}
.scrubBarElapsedTime {
    color: #0cf;
    line-height: 12px;
    font-size: 11px;
    width: 40px;
}