html, body, table, tr, td, th, thead, caption, tfoot, h1, h2, h3, h4, h5, p, span, a, div, section, aside, article, ul, ol, li, img, input{
	padding:0;
	margin:0;
	font-weight: 400;
}

html, body {
	width:100%;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-weight: 400;
height:100%;
}

.print {
	display:none;
}

input {
	font-family: Ubuntu;
}

sup {
	line-height: 0;
	font-size: .8em;
}

a {
	outline: none;
	border: none;
}
a img{
	outline: none;
	border: none;
}

a:hover {
	text-decoration: underline;
}

.mobile {
	display: none !important;
}

/*1 em = 10px;*/
body {
	font-size: 62.5%;
	position: relative;
	box-sizing: border-box;
	padding-top:51px;
	
}

.clear {
	clear:both;
}

.spacer{
	padding-top: 40px;
	height:1px;
}

.no-wrap {
	font-weight: inherit;
	white-space: nowrap;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}

section {
	width:100%;
}



section.white-background{
	background-color: #ffffff;
		padding-bottom:40px;
}

section.gray-background{
	background-color: #f1f2f2;
	padding-top:16px;
	padding-bottom:40px;
}

section.last-section {
	padding-bottom:150px;
}

.content-board .board {
	background-image: url(../_img/board-back.png), url(../_img/board-bottom.png);
	background-position: left top, left bottom;
	min-height:225px;
	  padding-bottom: 1em;
	background-repeat:  repeat-y, no-repeat;
	margin-bottom: 30px;
	padding-left:5px;
	padding-right:0;
}

.content-board .board img {
	display: block;
}

.content-board .board p {
	color:#1b232a;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: 400;
	  margin: 6px 10px 0 10px;
}

.content-board .board p strong {
	font-weight: 500;
	font-size: 1.1em;
	display: block;
}

.content.content-board  a {
	display: block;
	font-weight: 700;
	color:#ffb60f;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 2em;
	line-height: 1.3em;
}

/***** HEADERS *****/

.header-block {
	height:255px;
	width:858px;
	margin-top: 12px;
	margin-bottom: 32px;
}

.header-block h1 {
	color:#ffffff;
	font-size: 3.6em;
	line-height: 1.1em;
	margin-left:10px;
	padding-top: 50px;
	width:300px;
	
}

.company .header-block{
	background-image: url(../_img/header-company.jpg);
}

.company.ceo .header-block{
	background-image: url(../_img/header-ceo.jpg);
}

.csr .header-block{
	background-image: url(../_img/header-csr.jpg);
}

.people .header-block{
	background-image: url(../_img/header-people.jpg);
}

.business .header-block{
	background-image: url(../_img/header-business.jpg);
}

.social .header-block{
	background-image: url(../_img/header-social.jpg);
}

.environment .header-block{
	background-image: url(../_img/header-environment.jpg);
}

.performance .header-block{
	background-image: url(../_img/header-performance.jpg);
}

.utilities .header-block{
	background-image: url(../_img/header-utility.jpg);
}







h1{
	color:#5f6a72;
	font-size: 3.6em;
	line-height: 1.1em;
	margin-bottom: 24px;
	font-weight: 400;
}
h2 {
	color:#1b232a;
	font-size: 1.6em;
	line-height: 1.5em;
	margin-bottom: 10px;	
	font-weight:500;
	text-transform: uppercase;
}

h2.table-header {
	 font-size: 1.4em;
  	line-height: 1.74;
  	margin-bottom:0;
}

h3, .h3 {
	color:#1b232a;
	font-size: 1.6em;
	line-height: 1.5em;
	margin-bottom: 6px;	
	font-weight:500;
}

.content p {
	color: #1b232a;
	font-size: 1.6em;
	line-height: 1.5em;
	margin-bottom: 20px;
	font-weight: 300;
}

.content p.intro {
	color: #5e6a72; 
	font-size: 1.8em; 
	font-weight: 300; 
	line-height: 1.5em; 
	margin-bottom: 20px;
}

.content p strong {
	font-weight: 400;
}

p a, li a, table a {
	text-decoration: none;
	color:#0072b1;
	font-weight: 300;
	
}

.content a:hover {
	text-decoration: underline;
	
}

.content ul, article.case-study .inner ul {
    list-style: none;
    padding:0;
    margin:0 0 20px 0;
    
}

.content ul li, article.case-study .inner ul li { 
    padding-left: 9px;
    margin-bottom: 6px;
    font-size: 1.6em;
    line-height: 1.5em;
    position: relative;
    color: #1b232a;
    font-weight:300;
}

.content span {
	font-weight: 300;
}

.content ul li::before, article.case-study .inner ul li::before {
  content: "•";
  color: #d22630;
  position: absolute;
  left: 0;
}

.content ul li.no-bull::before, article.case-study .inner ul li.no-bull::before {
	content: '';
}

.content ul li ul li {
	font-size: 1em;
	margin-left: 18px;
}

.content td ul li {
	margin-left: 0;
	font-size: 1em;
}

.content ul li ul li::before, .content td ul li::before {
color :#1b232a;
}
.content aside.info {
	padding-top:50px;
	background-image: url(../_img/info.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.content aside.info p{
	font-size:1.4em;
	line-height: 1.3em;
	font-weight: 400;
	color: #1b232a;
}

ul.tabs {
	width:100%;
}

ul.tabs li {
	box-sizing: border-box;
	width:25%;
	border-top:2px solid #f0c262;
	border-right:2px solid #f0c262;
	border-left:2px solid #f0c262;
	padding-top:28px;
	font-size: 1.4em;
	line-height: 1.7em;
	color:#5e6a72;
	padding-bottom:8px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: 500;
	float:left;
	list-style-type: none;
	
}

.content ul.tabs li {
	padding-left:0;
}

.content ul.tabs li::before {
	content:'';
}

ul.two-tabs li {
	width:50%;
}

ul.tabs li.active {
color:#1b232a;
border-width: 12px;
padding-top:18px;
}

.tab {
	display:none;
}

.tab.active {
	display: block;
}

table {
	width:100%;
	border-collapse: collapse;
	margin:20px 0;
	border-bottom: 1px solid #f0c262; 
}

table thead tr th{
	border-bottom:1px solid #f0c262;
}

table thead tr th.italic-title {
	font-style: italic;
  font-weight: 300;
  text-align: left;
}

table tr th, table tr td {
	text-align: right;
	color:#1b232a;
	font-size: 1.4em;
	line-height: 1.4em;
	padding:0 0 8px 0;
	vertical-align: bottom;
}

table tr td.centre{
	text-align: center;
}

table tr.tall th, table tr.tall td{
	padding-top:8px;
}



table tr td {
	font-weight: 300;
	padding-left:25px;
}

table tr td:first-child  {
	text-align: left;
	padding-left:0;
}

table tr td.table-head {
	font-weight: 500;
	padding-top:8px;
}

table tr td.table-head span {
	font-weight: 300;
}

table tr.underline td, table tr td.underline{
	border-bottom:1px solid #f0c262;	
	padding-top:8px;
}

table tr.short th, table tr.short td{
	padding-top:0;
}


table tr.total td{
	border-bottom:2px solid #f0c262;
	border-top:1px solid #f0c262;	
	padding-top:8px;
}

table tr.total + tr td {
	padding-top:8px;
}

table tr.underline + tr td {
	padding-top:8px;
}

table tr td.padding-left{
	padding-left:10px;
}

table tr td.super-padding-left{
	padding-left:20px;
}


table tr td .dollar{
	display: block;
	float:left;
	 font-weight: 300;
}

table.financials-table tr td .dollar {
	padding-left: 48%;
}


table tr th:nth-child(2), table tr td:nth-child(2) {
	font-weight: 500;
}

table tr th:nth-child(2) .dollar, table tr td:nth-child(2) .dollar{
	font-weight: 500;
}

table tr td.no-bold {
	font-weight: 300;
	text-align: left;
}

table.benefits tr td, table.benefits tr th {
	text-align: center;
	font-weight: 300 !important;
}

table.benefits tr td:first-child{
	text-align: left;
}

table span.gri-num {
	font-weight: 300;
}

table td strong {
	font-weight: 500;
}

table.left-align td, table.left-align th {
	text-align: left;
	padding-left:0;
}

table.left-align tr th{
	font-weight: 500;
}

table.stakeholder-table tr td {
	padding:4px 10px 4px 0;
	border-bottom:1px solid #f0c262;
	vertical-align: top;
}

ol.footnotes {
	margin-left: 1.2em;
	margin-bottom: 20px;
}

.content p.footnote, ol.footnotes li, article.case-study .inner p.footnote {
	font-weight: 300;
	font-size: 1em;
	line-height:1.4em;
	color:#1b232a;
	margin-bottom: 6px;
}

.content .italic {
	font-weight: inherit;
	font-style: italic;
}

.content .map-legend {
	padding-left: 24px;
	background-position:left top;
	background-repeat: no-repeat;
	padding-top:3px;

}
/*
.content h2.legend-title{
	margin-left: 24px;
	color:#1b232a;
	font-size: 2.4em;
	line-height: .83em;
	border-bottom: 1px solid #6a747c;
	padding-bottom: 11px;
	text-transform: none;
	margin-top: 34px;
}
*/

.content .legend h2 {
	padding-left: 24px;
  background-position: left top;
  background-repeat: no-repeat;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-left:-24px;
}

.content .map-legend.icon-one{
	background-image: url(../_img/legend-one.png);
}

.content .map-legend.icon-two{
		background-image: url(../_img/legend-two.png);
}

.content .map-legend.icon-three{
	background-image: url(../_img/legend-three.png);
}

.content .map-legend h3{
	font-size: 1.4em;	
}

.content .legend ul li{
	margin-bottom: 0;
	font-size: 1.4em;
	
	
}

/*
.content .map-legend p:last-child{
		border-bottom: 1px solid #6a747c;
}
*/

figure {
	display: block;
	margin: 0 0 24px 0;
	border-bottom:1px solid #93a3ae;
	text-align: center;
	position: relative;
  padding-bottom: 1px;
}


figure figcaption {
	font-size:1.4em;
	line-height:1.4em;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 20px;
	color: #1b232a;
	text-align: left;
	}

.content figure figcaption.italic {
	font-weight: 300;
}

figure figcaption.footnote {
	text-transform: none;
	color: #1b232a;
  font-weight: 300;
  font-size: 1em;
  line-height: 1.4em;
  color: #1b232a;
  margin-bottom: 6px;
}

figure .table-view{
  display: block;
  color: #5e6a72;
  font-size: 1.1em;
  line-height: 1em;
  text-decoration: none;
  cursor: pointer;
  padding-left: 18px;
  background-image: url(../_img/table-view.png);
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -60px;
  background-position: 0 0px;
}

figure figcaption .large {
  display: block;
  font-size: 4.2em;
  margin: 15px 0;
  line-height: 1.1em;
  text-transform: none;
}

figure figcaption .large sup {
	font-size: .5em;
}

figure img {
	margin-top: 15px;
	margin-bottom: 20px;
	display: block;
	height:auto;
}

figure.left-img{
	text-align: left;
} 


figure.centre, figure.centre figcaption{
	text-align: center;
}

figure.left-img span{
	right:20px;
	left:auto;
	bottom:6px;
} 

figure .description {
	position: fixed;
	top:-9999px;
	left:-9999px;
	height:0;
	width:0;
	overflow: hidden;
}

figure.short-figure{
	margin-bottom: 0;
	padding-bottom: 6px;
}

figure.short-figure figcaption{
	line-height: 1em;
}


figure table {
	position: absolute;
	bottom:0;
	left:0;
}

.col figure:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}

.content .inset-image {
  margin-top: -16px;
  margin-left: -10px;
}

.content.bordered-content{
	background-image: url(../_img/border-yellow.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	padding-bottom:30px;
	
	padding-top:40px;
	padding-left:88px;
	padding-right:88px;
	
}

.content.bottom-bracket::after{
	background-image: url(../_img/border-yellow.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	content:'';
	position: absolute;
	  width: 830px;
	height:53px;
	left:0;
	  bottom: 0;
	   -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    background-size: 100% auto;
}

.content.callout p {
	font-weight: 500;
	font-size: 2.2em;
	line-height: 1.18em;
	color:#5f6a72;
}


.content .image-callout {
	margin:0;
	padding:0;
	background-color: #d7dad9;
	margin-bottom: 20px;
	position: relative;
}

.content .image-callout img{
	float:left;
}

.content .image-callout p{
position: absolute;
bottom:15px;
padding:0 15px;
width:150px;
right:0;
margin:0;
font-size: 1.4em;
font-weight: 400;
}

.csr .callout img {
	margin-left:10px;
}

/************CASE STUDIES**********/

article.case-study {
	width:830px;
	position: relative;
	padding-bottom:30px;
	margin-top:30px;
}

article.case-study img {
	display: block;
}

article.case-study .inner::before {
    content: "";
	background-repeat:no-repeat;
    width:100%;
    position: absolute;
    top:0;
    left:0;
    height:53px;
    background-image: url(../_img/case-study-bracket.png);
    display: block;
  	background-size: 100% auto;
    width:100%;
    background-position:left top; 
    pointer-events:none;
       
}

article.red-case-study .inner::before {
	background-image: url(../_img/case-study-bracket-red.png);
}

article.case-study h1 {
background-image: url("../_img/case-plus.png");
    background-position: 623px 40px;
    background-repeat: no-repeat;
    color: #1b232a;
    cursor: pointer;
    font-size: 2.2em;
    line-height: 1.18em;
    padding-right: 80px;
    padding-top: 40px;
	min-height: 2.2em;
}

article.red-case-study h1 {
	background-image: url("../_img/case-plus-red.png");
}

article.case-study .inner{
	width:660px;
	padding: 0 85px 0 85px;
	position: relative;
		overflow: hidden;

}


article.case-study.active h1 {
 background-image: url("../_img/case-minus.png");
    background-position: 631px 56px;
    background-repeat: no-repeat;

}
article.red-case-study.active h1 {
 background-image: url("../_img/case-minus-red.png");
}

article.case-study .inner p {
	color: #1b232a; 
	font-size: 1.6em; 
	font-weight: 300; 
	line-height: 1.5em; 
	margin-bottom: 20px; 
	margin-right: 60px;
}

article.case-study::after { 
   pointer-events:none;
    content: "";
	background-repeat:no-repeat;
    color: red;
    width:830px;
    position: absolute;
    bottom:0;
    left:0;
    height:53px;
    background-image: url(../_img/case-study-bracket.png);
    display: block;
	-moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
    
}

article.red-case-study::after {
 background-image: url(../_img/case-study-bracket-red.png);
}

.back-to-top{
	position: fixed;
	height:59px;
	width:59px;
	background-repeat: no-repeat;
	background-image:url(../_img/arrow-up-gray.png);
	right:100px;
	margin-left: -30px;
	z-index: 9000;
    opacity:0;
    top:100%;
}

.back-to-top:hover {
	opacity: 1 !important;
	cursor: pointer;
}

/****GRI TABLE****/

table.gri caption {
	font-size: 1.6em;
	line-height: 1.5em;
	text-transform: uppercase;
	padding-bottom: 14px;
	text-align: left;
	color:#1b232a;
	font-weight: 500;
}

table.gri td, table.gri th {
	text-align: left;
	vertical-align: top;
	box-sizing: border-box;
	padding-left:0;
	padding-right:20px;
}

table.gri th {
	font-size: 1.6em;
	line-height: 1.5em;
	padding-bottom: 14px;
	color:#1b232a;
	font-weight: 500;	
}

table.gri td {
	font-size: 1.4em;
	line-height: 1.25em;
	padding-bottom: 6px;
	padding-top: 6px;
	color:#1b232a;
	font-weight: 500;	
}

table.gri td li {
	font-weight: 500;
	margin-bottom: 4px;
margin-left: 1em;	
}


table.gri tr.links td{
	font-weight: 300;
	padding-bottom: 10px;
	border-bottom: 1px solid #f0c262;
}

table.gri tr.links td a {
	color: #00a8e1;
	text-decoration: none;
	font-weight: 300;
}

table.gri tr.links td a:hover {
	text-decoration: underline;
}

table.gri tr th:nth-child(2), table.gri tr td:nth-child(2) {

}


table.achievements tr td:nth-child(2){
	font-weight: 300;
}

table.no-bold tr td:nth-child(2){
	font-weight: 300;
}

table.achievements tr.title td{
	border-bottom: 2px solid #f0c262;
	font-weight: 500;
}

table.achievements tr td {
	padding:8px 10px 8px 0;
}

table tbody tr:first-child td {
	padding-top:8px;
}

/*****CSR CALLOUT *******/

.csr article.case-study .callout {
	padding-bottom:20px;
	margin-bottom: 40px;
	border-bottom:1px solid #93a3ae;
}

.csr article.case-study .callout:last-child{
	margin-bottom: 0;
	border-bottom: none;
}

.csr article.case-study .callout h2{
	font-size: 1.4em;
	box-sizing: border-box;
	margin-bottom: 20px;
	margin-left: 10px;
}

.csr article.case-study .callout h2 .subhead{
	text-align: center;
	font-weight: 300;
	text-transform: none;
}

.csr article.case-study .callout p{
	font-size: 1.8em;
	line-height: 1.33em;
	color:#77b800;
	font-weight: 500;
	margin-right: 10px;
	margin-left: 10px;
}


/**********************************/

.fifty-fifty {
	background-image: url(../_img/fifty-fifty-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	  background-size: 100% auto;
}

.col {
	float:left;
	padding:0 10px;
	box-sizing: border-box;
}

.col.border-left {
	border-left:1px solid #93a3ae;
}

.col20 {
	width:20%;
}

.col25 {
	width:25%;
}

.col30 {
	width: 30%;
}

.col40 {
	width:40%;

}

.col50 {
	width:50%;
}

.col60 {
	width:60%;
}

.col70 {
	width:70%;
}

.col80 {
	width:80%;
}

.left-col {
	padding-left:0;
}

.pbbg {
	padding-bottom: 20px;
}

.ptbg  {
	padding-top: 20px;
}

.no-border {
	border:none;
}

.mc, .mc * {
	color:#ff00ff !important;
}

.mcBlock, .mcBlock * {
	color:#ffffff !important;
	background-color: #ff00ff !important;
}

.search-page table {
	margin: 0 0 2px 0;
	border-bottom: none;
}



.search-page table tbody tr td {
  padding-top: 0;
    vertical-align: middle;
      font-size: 1em;
  line-height: 1em;
  padding: 4px 0  0 8px;
}