/* CSS DOCUMENT */

.beta-mobile { display: none; }


header,
#nav-header,
#content-main,
footer,
.hero, .hero-small {
	min-width: 960px; }

header {
	font-size: 87.5%;
	position: absolute;
	z-index: 9997;
	width: 100%;
	top: 0;
	background: #FFF;
	color: #FFFFFF;
	height: 140px; }
	header.splash {
		height: 100px; }
	header .content {
		position: relative;
		height: 100%; }
	header #icon-search,
	header #icon-nav-side.icon-open,
	header #icon-nav-side.icon-close {
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -20px;
		width: 40px;
		height: 0;
		background-repeat: no-repeat;
		background-position: center center; }
		header #icon-search {
			right: 40px;
			background: url(../img/master/icon-search-responsive.png); }
		header #icon-nav-side.icon-open {
			right: -9px;
			background: url(../img/master/icon-nav-side-open.png); }
		header #icon-nav-side.icon-close {
			right: -9px;
			background: url(../img/master/icon-nav-side-close.png); }
	header .logo {
		position: relative;
		display: block;
		top: 15px;
		left: 0;
		margin: 0;
		padding: 0;
		font-size: 15px;
		font-weight: normal;
		text-indent: -9999px;
		text-decoration: none;
		color: #5A5A5A;
		width: 250px;
		height: 58px;
		background: url(../img/master/logo-2C-960.png) no-repeat center; }

.content {
	margin: 0 auto;
	width: 960px; }

#content-main {
	margin-top: 140px;
	/*padding-bottom:40px;*/
	padding-bottom: 20px;
	/*background: #F5F5F5;*/
	background: #F0F0F0; }
	#content-main .content {
		overflow: hidden; }

footer {
	font-size: 87.5%;
	/*padding: 1px 0;*/
	padding: 30px 0 60px 0;
	color: #DCDCDC;
	background: #333333; }


/*--------------------------------------------------------------
MAIN NAVIGATION */

	
	/* GENERAL ------------------------ */

	#nav-blocker {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		position: fixed;
		z-index: 9996;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../img/general/backgrounds/black-70.png);
		cursor: pointer;
		display: none; }

	#nav-header {
		font-size: 87.5%;
		position: absolute;
		z-index: 9998;
		width: 100%;
		top: 0;
		height: 0; /* allows consistent browser click throughs on empty container elements, children are absolute */ }
		#nav-header .content-footer {
			display: none !important; } /* hide elements for #nav-footer */
		#nav-header > ul {
			position: relative; }
		#nav-header > ul,
		#nav-header > ul > li {
			padding: 0;
			margin: 0;
			list-style: none; }
		#nav-header > ul > li > .content {
			position: absolute;
			width: 920px;
			top: 0;
			height: 0; /* allows consistent browser click throughs on empty container elements, children are absolute */ }
		#nav-header [class*='nav-'] {
			display: block;
			position: absolute;
			overflow: hidden;
			height: 60px;
			top: 80px;
			left: 50%;
			font-size: 107.14%;
			text-align: center;
			line-height: 60px;
			cursor: pointer;
			/*color: #5A5A5A;*/
			text-decoration: none;
			background-position: center 45px; }
		#nav-header [class*='nav-'].inactive { /* default state */
			color: #5A5A5A;
			background: none;
			background-position: center 45px; }
			#nav-header [class*='nav-'].inactive:hover {
				color: #B4B4B4; }
		#nav-header [class*='nav-'].active {
			color: #5A5A5A;
			background: url(../img/master/nav-header-active.png);
			background-repeat: no-repeat;
			background-position: center 45px; }
		#nav-header .nav-energy {
			margin-left: -290px;
			width: 80px; }
		#nav-header .nav-environment {
			margin-left: -210px;
			width: 110px; }
		#nav-header .nav-our-businesses {
			margin-left: -100px;
			width: 135px; }
		#nav-header .nav-about-us {
			margin-left: 35px;
			width: 90px; }
		#nav-header .nav-investors {
			margin-left: 125px;
			width: 95px;  }
		#nav-header .nav-news {
			margin-left: 220px;
			width: 70px; }
		#nav-header #energy,
		#nav-header #environment,
		#nav-header #our-businesses,
		#nav-header #about-us,
		#nav-header #investors,
		#nav-header #news {
			position: absolute;
			top: 140px;
			display: none;
			width: 100%;
			z-index: 9999;
			color: #646464;
			background: #F0F0F0;  }
			#nav-header ul.content {
				position: relative;
				display: none;
				overflow: hidden;
				list-style: none;
				margin: 0 auto;
				padding: 35px 25px;
				height: 400px; }
				#nav-header ul.content a {
					color: #646464;
					text-decoration: none; }
				#nav-header ul.content ul,
				#nav-header ul.content ul li {
					margin: 0;
					padding: 0;
					list-style: none; }
		#nav-header .title {
				display: block;
				margin: 0;
				padding: 5px 0;
				font-family: "museo-slab-n3", "museo-slab", Georgia, "Times New Roman", Times, serif;
				font-weight: 300;
				font-size: 137.5%;
				line-height: 1.4; }
		#nav-header p {
			margin: 0;
			font-size: 87.5%; }
		#nav-header .more {
			/*font-size: 87.5%;
			font-weight: bold;*/ }
			#nav-header .more:before {
				content: '\25B8\00A0'; /* symbol and space */
				color: #DC0000; }
	
	/* ENERGY PANEL ------------------------ */
	
	#nav-header .panel-energy > li {
		width: 37.5%;
		height: 100%;
		float: left;
		padding-left: 20px;
		padding-right: 20px;
		border-right: 1px solid #BEBEBE; }
		#nav-header .panel-energy > li.group { /* energy sources */
			width: 25%; }
		#nav-header .panel-energy > li a {
			display: block;
			position: relative;
			height: 100%;
			background: url(../img/general/backgrounds/zero.png); /* bug fix for IE8 */ }
		#nav-header .panel-energy > li .thumb {
			display: block;
			height: 170px;
			overflow: hidden; }
		#nav-header .panel-energy > li img {
			width: 370px;
			height: 170px;
			margin-left: -64px; }
		#nav-header .panel-energy > li p {
			margin: 0;
			padding-right: 10px; }
		#nav-header .panel-energy > li .more {
			position: absolute;
			bottom: 0;
			left: 0; }
			#nav-header .panel-energy #energy-sources > li {
				float: left;
				width: 50%;
				margin-bottom: 5px; }
				#nav-header .panel-energy #energy-sources > li a.wind {
					background: url(../img/master/icon-wind.png) no-repeat; }
				#nav-header .panel-energy #energy-sources > li a.solar {
					background: url(../img/master/icon-solar.png) no-repeat; }
				#nav-header .panel-energy #energy-sources > li a.hydro {
					background: url(../img/master/icon-hydro.png) no-repeat; }
				#nav-header .panel-energy #energy-sources > li a.geothermal {
					background: url(../img/master/icon-geothermal.png) no-repeat; }
				#nav-header .panel-energy #energy-sources > li a.natural-gas {
					background: url(../img/master/icon-natural-gas.png) no-repeat; }
				#nav-header .panel-energy #energy-sources > li a.coal {
					background: url(../img/master/icon-coal.png) no-repeat; }
				#nav-header .panel-energy #energy-sources > li a.wind,
				#nav-header .panel-energy #energy-sources > li a.solar,
				#nav-header .panel-energy #energy-sources > li a.hydro,
				#nav-header .panel-energy #energy-sources > li a.geothermal,
				#nav-header .panel-energy #energy-sources > li a.natural-gas,
				#nav-header .panel-energy #energy-sources > li a.coal {
					padding-top: 75px;
					text-align: center; 
					background-position: center top;  }
	
	/* ENVIRONMENT PANEL ------------------------ */
	
	#nav-header .panel-environment > li {
		width: 25%;
		height: 100%;
		float: left;
		padding-left: 20px;
		padding-right: 20px;
		border-right: 1px solid #BEBEBE; }
		#nav-header .panel-environment > li a {
			display: block;
			position: relative;
			height: 100%;
			background: url(../img/general/backgrounds/zero.png); /* bug fix for IE8 */ }
		#nav-header .panel-environment > li .thumb {
			display: block;
			height: 170px;
			overflow: hidden; }
		#nav-header .panel-environment > li img {
			width: 370px;
			height: 170px;
			margin-left: -99px; }
		#nav-header .panel-environment > li p {
			margin: 0;
			padding-right: 10px; }
		#nav-header .panel-environment > li .more {
			position: absolute;
			bottom: 0;
			left: 0; }
			#nav-header .panel-environment #stewardship > li {
				margin-bottom: 10px; }
				#nav-header .panel-environment #stewardship > li a {
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis; }
				#nav-header .panel-environment #stewardship > li a.air {
					background-image: url(../img/master/icon-air.png); }
				#nav-header .panel-environment #stewardship > li a.wind {
					background-image: url(../img/master/icon-wind.png); }
				#nav-header .panel-environment #stewardship > li a.water {
					background-image: url(../img/master/icon-water.png); }
				#nav-header .panel-environment #stewardship > li a.habitat {
					background-image: url(../img/master/icon-habitat.png); }
				#nav-header .panel-environment #stewardship > li a.air,
				#nav-header .panel-environment #stewardship > li a.water,
				#nav-header .panel-environment #stewardship > li a.habitat,
				#nav-header .panel-environment #stewardship > li a.wind
				{
					line-height: 70px;
					padding-left: 90px;
					background-position: left top;
					background-repeat: no-repeat; }
	
	/* OUR BUSINESSES PANEL ------------------------ */
	
	/*#nav-header .panel-our-businesses { }
		#nav-header .panel-our-businesses li {
			width: 20%;
			float: left;
			height: 175px;
			padding-left: 10px;
			padding-right: 10px;
			font-size: 87.5%; }
			#nav-header .panel-our-businesses > li > a {
				position: relative;
				display: block;
				height: 100%; }
			#nav-header .panel-our-businesses .thumb {
				display: block;
				height: 140px;
				overflow: hidden; }
				#nav-header .panel-our-businesses .thumb img {
					margin-left: -92px;
					-webkit-tap-highlight-color: rgba(0,0,0,0); }
			#nav-header .panel-our-businesses .name {
				position: absolute;
				display: block;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding-top: 143px;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis; }*/
	
	#nav-header .panel-our-businesses {
		background: url(../img/master/bkgrnd-panel-our-businesses.jpg) no-repeat;
		background-position: -180px bottom; }
	#nav-header .panel-our-businesses > li {
		width: 25%;
		height: 100%;
		float: left;
		padding-left: 20px;
		padding-right: 20px;
		border-right: 1px solid #BEBEBE;
		font-size: 0; }
		#nav-header .panel-our-businesses > li:first-child {
			width: 50%; }
			#nav-header .panel-our-businesses > li:first-child .title {
				padding-top: 0;
				font-size: 200%; }
			#nav-header .panel-our-businesses > li:first-child p {
				padding-right: 20px;
				padding-top: 10px;
				padding-bottom: 15px; }
		#nav-header .panel-our-businesses > li .wrapper:before {
			content: '';
			display: inline-block;
			height: 100%;
			vertical-align: middle; }
			#nav-header .panel-our-businesses > li .wrapper .center {
				font-size: 16px;
				display: inline-block;
				vertical-align: middle; }
		#nav-header .panel-our-businesses .businesses-col-1 li,
		#nav-header .panel-our-businesses .businesses-col-2 li {
			font-size: 93.75%;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 10px;
			text-indent: -.8em;
			line-height: 1.4; }
			#nav-header .panel-our-businesses .businesses-col-1 li a:before ,
			#nav-header .panel-our-businesses .businesses-col-2 li a:before  {
				content: '\25B8\00A0';
				color: #DC0000; }
	
	/* ABOUT US PANEL ------------------------ */
	
	#nav-header .panel-about-us {
		background: url(../img/master/bkgrnd-panel-about-us.jpg) no-repeat;
		background-position: -120px bottom;
		background-size: 1400px 401px; }
		#nav-header .panel-about-us > li {
			width: 24%;
			float: left;
			padding-left: 20px;
			padding-right: 20px; }
			#nav-header .panel-about-us > li:first-child {
				width: 75%;
				height: 100%;
				border-right: 1px solid #BEBEBE; }
			#nav-header .panel-about-us .group .title {
				padding-top: 0;
				font-size: 162.5%; }
			#nav-header .panel-about-us .group p {
				padding-bottom: 20px;
				font-size: 100%; }
			#nav-header .panel-about-us #core-principles li {
				width: 50%;
				float: left;
				margin-bottom: 15px; }
			#nav-header .panel-about-us #core-principles .cs a {
				background: url(../img/general/icons/customer-service-thumb.png) no-repeat; }
			#nav-header .panel-about-us #core-principles .ec a {
				background: url(../img/general/icons/employee-commitment-thumb.png) no-repeat; }
			#nav-header .panel-about-us #core-principles .er a {
				background: url(../img/general/icons/environmental-respect-thumb.png) no-repeat; }
			#nav-header .panel-about-us #core-principles .ri a {
				background: url(../img/general/icons/regulatory-integrity-thumb.png) no-repeat; }
			#nav-header .panel-about-us #core-principles .oe a {
				background: url(../img/general/icons/operational-excellence-thumb.png) no-repeat; }
			#nav-header .panel-about-us #core-principles .fs a {
				background: url(../img/general/icons/financial-strength-thumb.png) no-repeat; }
			#nav-header .panel-about-us #core-principles .cs a,
			#nav-header .panel-about-us #core-principles .ec a,
			#nav-header .panel-about-us #core-principles .er a,
			#nav-header .panel-about-us #core-principles .ri a,
			#nav-header .panel-about-us #core-principles .oe a,
			#nav-header .panel-about-us #core-principles .fs a {
				display: block;
				width: 100%;
				font-size: 137.5%;
				line-height: 70px;
				padding: 0 0 0 80px;
				font-family: "museo-slab-n3", "museo-slab", Georgia, "Times New Roman", Times, serif;
				font-weight: 300;
				background-size: 70px 70px; }
		#nav-header .panel-about-us .leadership a,
		#nav-header .panel-about-us .history a,
		#nav-header .panel-about-us .careers a,
		#nav-header .panel-about-us .contact a {
			display: block; }
		#nav-header .panel-about-us .leadership {
			padding-bottom: 15px;
			margin-bottom: 15px;
			border-bottom: 1px solid #BEBEBE; }
			#nav-header .panel-about-us .leadership p {
				padding-bottom: 5px; }
			#nav-header .panel-about-us .link {
				margin-bottom: 5px; }
				#nav-header .panel-about-us .link a:before  {
						content: '\25B8\00A0';
						color: #DC0000; }
	
	/* INVESTORS PANEL ------------------------ */
	
	#nav-header .panel-investors {
		background: url(../img/master/bkgrnd-panel-investors.jpg) no-repeat;
		background-position: -180px bottom; }
	#nav-header .panel-investors > li {
		width: 25%;
		height: 100%;
		float: left;
		padding-left: 20px;
		padding-right: 20px;
		border-right: 1px solid #BEBEBE; }
		#nav-header .panel-investors > li:first-child {
			width: 50%;
			font-size: 0; }
			#nav-header .panel-investors > li:first-child a:before {
				content: '';
				display: inline-block;
				height: 100%;
				vertical-align: middle; }
			#nav-header .panel-investors > li:first-child .center {
				font-size: 16px;
				display: inline-block;
				vertical-align: middle; }
			#nav-header .panel-investors > li:first-child .title {
				padding-top: 0;
				font-size: 200%; }
			#nav-header .panel-investors > li:first-child img {
				position: static;
				float: left;
				margin-right: 10px;
				width: 40px;
				height: 40px;
				-webkit-transform: none;
				-moz-transform: none;
				-ms-transform: none;
				-o-transform: none;
				transform: none; }
			#nav-header .panel-investors > li:first-child p {
				padding-right: 20px;
				padding-top: 10px;
				padding-bottom: 15px; }
			#nav-header .panel-investors > li:first-child .more {
				position: static; }
		#nav-header .panel-investors > li a {
			display: block;
			position: relative;
			height: 100%;
			background: url(../img/general/backgrounds/zero.png); /* bug fix for IE8 */ }
		#nav-header .panel-investors > li .thumb {
			display: block;
			height: 120px;
			overflow: hidden; }
		#nav-header .panel-investors > li img {
			width: 263px;
			height: 120px;
			margin-left: -40px; }
		#nav-header .panel-investors > li .more {
			position: absolute;
			bottom: 0;
			left: 0; }
	
	/* NEWS PANEL ------------------------ */
	
	#nav-header .panel-news > li {
		width: 33.33%;
		height: 90%;
		float: left;
		padding-left: 20px;
		padding-right: 20px;
		border-right: 1px solid #BEBEBE;
		/*cursor: pointer;*/
		/*-webkit-tap-highlight-color: rgba(0,0,0,1);*/ }
		#nav-header .panel-news > li > a {
			display: block;
			position: relative;
			height: 100%;
			background: url(../img/general/backgrounds/zero.png); /* bug fix for IE8 */ }
		#nav-header .panel-news > li img {
			/*width: 220px;*/
			float: right;
			width: 50%;
			max-width: 180px;
			margin-top: 5px;
			margin-left: 10px;
			margin-bottom: 5px;
			height: auto; }
		#nav-header .panel-news > li .date {
			display: block;
			font-size: 87.5%;
			color: #969696; }
		#nav-header .panel-news > li .truncate {
			display: block;
			text-align: right;
			position: absolute;
			bottom: 0;
			right: 0;
			width: 100%;
			background: url(../img/general/backgrounds/fade-gray-truncate.png) repeat-y right top;
			/*background-size: 100% auto;*/ }
		#nav-header .panel-news > li .title-truncate {
			display: block;
			overflow: hidden;
			position: relative;
			height: 50px;
			margin-bottom: 10px; }
			#nav-header .panel-news > li .title-truncate .truncate {
				height: 20px; }
		#nav-header .panel-news > li .title {
			margin-bottom: 10px;
			font-size: 114.28%; }
		#nav-header .panel-news > li .text-truncate {
			display: block;
			overflow: hidden;
			position: relative;
			height: 170px;
			margin-bottom: 20px; }
			#nav-header .panel-news > li .text-truncate .truncate {
				height: 19px; }
		#nav-header .panel-news a.link-news {
			display: block;
			position: absolute;
			bottom: 20px;
			left: 50%;
			width: 120px;
			height: auto;
			/*font-size: 85.71%;*/
			/*font-weight: 700;*/
			line-height: 35px;
			text-align: center;
			margin-left: -60px;
			color: #FFF;
			background: #AAA; }
	
	
/*--------------------------------------------------------------
NAVIGATION SECONDARY */


	/* GENERAL ------------------------ */
	
	#nav-secondary,
	#nav-secondary li {
		margin: 0;
		padding: 0;
		list-style: none; }
	#nav-secondary {
		position: absolute;
		top: 0;
		right: 3%;
		overflow: hidden;
		padding-left: 30px;
		border-left: 1px solid #BEBEBE; }
		#nav-secondary li {
			float: left;
			font-size: 107.14%; }
			#nav-secondary li a {
				display: inline-block;
				font-size: 87.5%;
				line-height: 50px;
				text-decoration: none; }
				#nav-secondary li a:hover {
					color: #B4B4B4; }
			#nav-secondary li.search a {
				padding-left: 45px;
				background: url(../img/master/icon-search.png) no-repeat 20px center; }
				#nav-secondary li.search a:hover {
					background: url(../img/master/icon-search-over.png) no-repeat 20px center; }
				
		/*#nav-secondary .beta {
			display: block;
			height: 100%;
			padding-left: 20px;
			padding-right: 20px;
			background: #DC0000;
			font-weight: bold; }*/


/*--------------------------------------------------------------
FOOTER NAVIGATION */

	
	/* GENERAL ------------------------ */

	#nav-footer {
		padding: 20px;
		margin-top: 15px;
		line-height: 1.6; }
		#nav-footer .content-header {
			display: none !important; } /* hide elements for #nav-header */
		#nav-footer:after {
			content: "";
			display: table;
			clear: both; }
		#nav-footer ul,
		#nav-footer li {
			margin: 0;
			padding: 0;
			list-style: none; }
		#nav-footer > ul > li {
			height: 280px;
			width: 33.33%;
			float: left;
			border-left: 1px solid #505050;
			padding: 0 20px;
			margin-bottom: 30px; }
			#nav-footer > ul > li > span:first-child a { /* section header */
				display: block;
				font-weight: bold;
				font-size: 114.28%;
				color: #DCDCDC; }
			#nav-footer > ul > li > div a {
				display: block;
				color: #787878;
				text-decoration: none; }
				#nav-footer > ul > li > div a:hover {
					text-decoration: underline; }
		#nav-footer .group > span,
		#nav-footer .more,
		#nav-footer .thumb,
		#nav-footer img,
		#nav-footer p {
			display: none; }
		
		#nav-copy {
			padding: 0 20px 60px 20px;
			font-size: 87.5%; }
			#nav-copy:after {
				content: '';
				display: table;
				clear: both; }
			#nav-copy ul {
				margin: 0;
				padding: 0;
				list-style: none; }
			#nav-copy li {
				margin: 0;
				padding: 0;
				list-style: none;
				float: left; }
				#nav-copy li:before {
					content: '\2022';
					display: inline-block;
					padding: 0 7px; }
					#nav-copy li:first-child:before {
						content: '';
						padding: 0; }
				#nav-copy li a {
					color: #DCDCDC; }
	
	/* NEWS PANEL ------------------------ */
	
	#nav-footer .panel-news > li {
		padding-bottom: 10px; }
		#nav-footer .panel-news > li > a:hover {
			text-decoration: none; }
			#nav-footer .panel-news > li > a:hover .title {
				text-decoration: underline; }
		#nav-footer .panel-news > li:first-child {
			padding-top: 5px; }
		#nav-footer .panel-news > li .date {
			display: block;
			color: #787878; }
		#nav-footer .panel-news > li .title {
			color: #DCDCDC; }
		#nav-footer .panel-news > li > a.link-news:hover {
			text-decoration: underline; }
		#nav-footer .panel-news > li .title-truncate {
			display: block;
			overflow: hidden;
			position: relative;
			height: 40px; }
			#nav-footer .panel-news > li .title-truncate .truncate {
				display: block;
				position: absolute;
				text-align: right;
				bottom: 0;
				right: 0;
				width: 100%;
				background: url(../img/general/backgrounds/fade-dark-gray-truncate.png) repeat-y right top;
				height: 18px; }