/*html, button, input, select, textarea {
	color:#222
}
body {
	font-size:1em;
	line-height:1.4
}
::-moz-selection {
background:#b3d4fc;
text-shadow:none
}
::selection {
background:#b3d4fc;
text-shadow:none
}*/

#psnwrap {
   
    border: 0 none;
    clear: both;
    display: none;
    float: left;
    height: 75px;
    position: relative;
    width: 100%;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}
img {
	vertical-align:middle
}
fieldset {
	border:0;
	margin:0;
	padding:0
}
textarea {
	resize:vertical
}
#psnwrap {
    background: url("img/psn_background.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
}

.chromeframe {
	margin:.2em 0;
	background:#ccc;
	color:#000;
	padding:.2em 0
}
.box-sizing {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
#contentwrap{
	background:#00b2d8;
	font-family:'Open Sans', sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#707070;
	line-height:1.75;
	width: 100% !important;
	-webkit-font-smoothing:antialiased
}
#container {
	width:100%;
	height:100%;
	position:relative
}
#container .bg-img, #container .bg-img img {
	width:100%;
	height:auto;
	float:left;
	position:relative;
	z-index:1
}
a {
-moz-transition:all .3s linear;
-webkit-transition:all .3s linear;
-ms-transition:all .3s linear;
transition:all .3s linear
}
header {
	height:126px;
	width:100%;
	border-bottom:1px solid #afe5ef;
	position:relative
}
header .home {
	position:absolute;
	left:15px;
	top:55px;
	color:#FFF;
	text-decoration:none;
	font-size:18px;
	text-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
	font-weight:bold
}
header a:hover.home {
	color:#005e72;
	text-shadow:0 1px 3px rgba(255, 255, 255, 0.3)
}
nav {
	width:750px;
	margin:0 auto;
	text-align:center
	position: r
}
nav ul {
	list-style:none;
	margin:0;
	padding:0
}
nav ul li {
	display:inline-block;
	*display:inline;
	*position:relative;
	*top: 48px;
	margin-right: 45px\0/;
	margin-right:45px;
	padding-top:39px;
	padding-bottom:39px;
	background:url("..//img/nav-vert-line.png") no-repeat center top ;
	
}
nav ul li:last-child {
	margin-right:0
	
}
nav a {
	width:200px;
	height:46px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	-ms-border-radius:25px;
	border-radius:25px;
	display:inline-block;
	color:white !important;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	font-size:19px;
	line-height:46px;
	font-weight:bold;
	background-color:#4aaec3;
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyOTZiNiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiMwYWIzZDciIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyYzRlMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
	background-image:-moz-linear-gradient(bottom, #0296b6 0, #0ab3d7 95%, #42c4e0 100%);
	background-image:-webkit-linear-gradient(bottom, #0296b6 0, #0ab3d7 95%, #42c4e0 100%);
	background-image:-o-linear-gradient(bottom, #0296b6 0, #0ab3d7 95%, #42c4e0 100%);
	background-image:linear-gradient(bottom, #0296b6 0, #0ab3d7 95%, #42c4e0 100%);
	border:1px solid #29859a
}
nav a:hover {
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1YTRjNiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiMxMmMwZTUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ4Y2VlYiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
	background-image:-moz-linear-gradient(bottom, #05a4c6 0, #12c0e5 95%, #48ceeb 100%);
	background-image:-webkit-linear-gradient(bottom, #05a4c6 0, #12c0e5 95%, #48ceeb 100%);
	background-image:-o-linear-gradient(bottom, #05a4c6 0, #12c0e5 95%, #48ceeb 100%);
	background-image:linear-gradient(bottom, #05a4c6 0, #12c0e5 95%, #48ceeb 100%)
}
nav a.current {
	/*background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);*/
	background-image:-moz-linear-gradient(bottom, #fff 0);
	background-image:-webkit-linear-gradient(bottom, #fff 0);
	background-image:-o-linear-gradient(bottom, #fff 0);
	background-image:linear-gradient(bottom, #fff 0);
	text-shadow:none;
	color:#40a7c0;
	border:1px solid white;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.3)
}
nav a:active {
	position:relative;
	top:1px
}
#landing-links {
	list-style:none;
	margin:0;
	padding:0;
	position:fixed;
	bottom:60px;
	left:60px;
	z-index:2
}
#landing-links li {
	display:inline-block;
	margin:0 30px 0 0
}
@-webkit-keyframes inner-grow {
0%, 20%, 80%, 100% {
width:30px;
height:30px;
margin:-17px 0 0 -17px
}
60% {
width:40px;
height:40px;
margin:-22px 0 0 -22px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-ms-border-radius:40px;
border-radius:40px
}
}
@-webkit-keyframes outer-grow {
0%, 20%, 80%, 100% {
width:52px;
height:52px;
margin:-28px 0 0 -28px
}
50% {
width:62px;
height:62px;
margin:-33px 0 0 -33px;
-moz-border-radius:62px;
-webkit-border-radius:62px;
-ms-border-radius:62px;
border-radius:62px
}
}
@-webkit-keyframes outer-outer-grow {
0%, 20%, 80%, 100% {
width:70px;
height:70px;
margin:-37px 0 0 -37px
}
40% {
width:80px;
height:80px;
margin:-42px 0 0 -42px;
-moz-border-radius:80px;
-webkit-border-radius:80px;
-ms-border-radius:80px;
border-radius:80px
}
}
@-webkit-keyframes pulse-inner-grow {
0%, 10%, 20%, 40%, 60%, 80%, 100% {
width:30px;
height:30px;
margin:-17px 0 0 -17px
}
30% {
width:40px;
height:40px;
margin:-22px 0 0 -22px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-ms-border-radius:40px;
border-radius:40px
}
}
@-webkit-keyframes pulse-outer-grow {
0%, 10%, 20%, 40%, 60%, 80%, 100% {
width:52px;
height:52px;
margin:-28px 0 0 -28px
}
30% {
width:62px;
height:62px;
margin:-33px 0 0 -33px;
-moz-border-radius:62px;
-webkit-border-radius:62px;
-ms-border-radius:62px;
border-radius:62px
}
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(30px)
}
60% {
opacity:1;
-webkit-transform:translateY(-10px)
}
80% {
-webkit-transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes inner-grow {
0%, 20%, 80%, 100% {
width:30px;
height:30px;
margin:-17px 0 0 -17px
}
60% {
width:40px;
height:40px;
margin:-22px 0 0 -22px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-ms-border-radius:40px;
border-radius:40px
}
}
@-moz-keyframes outer-grow {
0%, 20%, 80%, 100% {
width:52px;
height:52px;
margin:-28px 0 0 -28px
}
50% {
width:62px;
height:62px;
margin:-33px 0 0 -33px;
-moz-border-radius:62px;
-webkit-border-radius:62px;
-ms-border-radius:62px;
border-radius:62px
}
}
@-moz-keyframes outer-outer-grow {
0%, 20%, 80%, 100% {
width:70px;
height:70px;
margin:-37px 0 0 -37px
}
40% {
width:80px;
height:80px;
margin:-42px 0 0 -42px;
-moz-border-radius:80px;
-webkit-border-radius:80px;
-ms-border-radius:80px;
border-radius:80px
}
}
@-moz-keyframes pulse-inner-grow {
0%, 10%, 20%, 40%, 60%, 80%, 100% {
width:30px;
height:30px;
margin:-17px 0 0 -17px
}
30% {
width:40px;
height:40px;
margin:-22px 0 0 -22px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-ms-border-radius:40px;
border-radius:40px
}
}
@-moz-keyframes pulse-outer-grow {
0%, 10%, 20%, 40%, 60%, 80%, 100% {
width:52px;
height:52px;
margin:-28px 0 0 -28px
}
30% {
width:62px;
height:62px;
margin:-33px 0 0 -33px;
-moz-border-radius:62px;
-webkit-border-radius:62px;
-ms-border-radius:62px;
border-radius:62px
}
}
@-moz-keyframes bounceInUp {
0% {
opacity:0;
-moz-transform:translateY(30px)
}
60% {
opacity:1;
-moz-transform:translateY(-10px)
}
80% {
-moz-transform:translateY(10px)
}
100% {
-moz-transform:translateY(0)
}
}
@-o-keyframes inner-grow {
0%, 20%, 80%, 100% {
width:30px;
height:30px;
margin:-17px 0 0 -17px
}
60% {
width:40px;
height:40px;
margin:-22px 0 0 -22px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-ms-border-radius:40px;
border-radius:40px
}
}
@-o-keyframes outer-grow {
0%, 20%, 80%, 100% {
width:52px;
height:52px;
margin:-28px 0 0 -28px
}
50% {
width:62px;
height:62px;
margin:-33px 0 0 -33px;
-moz-border-radius:62px;
-webkit-border-radius:62px;
-ms-border-radius:62px;
border-radius:62px
}
}
@-o-keyframes outer-outer-grow {
0%, 20%, 80%, 100% {
width:70px;
height:70px;
margin:-37px 0 0 -37px
}
40% {
width:80px;
height:80px;
margin:-42px 0 0 -42px;
-moz-border-radius:80px;
-webkit-border-radius:80px;
-ms-border-radius:80px;
border-radius:80px
}
}
@-o-keyframes pulse-inner-grow {
0%, 10%, 20%, 40%, 60%, 80%, 100% {
width:30px;
height:30px;
margin:-17px 0 0 -17px
}
30% {
width:40px;
height:40px;
margin:-22px 0 0 -22px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-ms-border-radius:40px;
border-radius:40px
}
}
@-o-keyframes pulse-outer-grow {
0%, 10%, 20%, 40%, 60%, 80%, 100% {
width:52px;
height:52px;
margin:-28px 0 0 -28px
}
30% {
width:62px;
height:62px;
margin:-33px 0 0 -33px;
-moz-border-radius:62px;
-webkit-border-radius:62px;
-ms-border-radius:62px;
border-radius:62px
}
}
@-o-keyframes bounceInUp {
0% {
opacity:0;
-o-transform:translateY(30px)
}
60% {
opacity:1;
-o-transform:translateY(-10px)
}
80% {
-o-transform:translateY(10px)
}
100% {
-o-transform:translateY(0)
}
}
@-ms-keyframes inner-grow {
0%, 20%, 80%, 100% {
width:30px;
height:30px;
margin:-17px 0 0 -17px
}
60% {
width:40px;
height:40px;
margin:-22px 0 0 -22px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-ms-border-radius:40px;
border-radius:40px
}
}
@-ms-keyframes outer-grow {
0%, 20%, 80%, 100% {
width:52px;
height:52px;
margin:-28px 0 0 -28px
}
50% {
width:62px;
height:62px;
margin:-33px 0 0 -33px;
-moz-border-radius:62px;
-webkit-border-radius:62px;
-ms-border-radius:62px;
border-radius:62px
}
}
@-ms-keyframes outer-outer-grow {
0%, 20%, 80%, 100% {
width:70px;
height:70px;
margin:-37px 0 0 -37px
}
40% {
width:80px;
height:80px;
margin:-42px 0 0 -42px;
-moz-border-radius:80px;
-webkit-border-radius:80px;
-ms-border-radius:80px;
border-radius:80px
}
}
@-ms-keyframes pulse-inner-grow {
0%, 10%, 20%, 40%, 60%, 80%, 100% {
width:30px;
height:30px;
margin:-17px 0 0 -17px
}
30% {
width:40px;
height:40px;
margin:-22px 0 0 -22px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-ms-border-radius:40px;
border-radius:40px
}
}
@-ms-keyframes pulse-outer-grow {
0%, 10%, 20%, 40%, 60%, 80%, 100% {
width:52px;
height:52px;
margin:-28px 0 0 -28px
}
30% {
width:62px;
height:62px;
margin:-33px 0 0 -33px;
-moz-border-radius:62px;
-webkit-border-radius:62px;
-ms-border-radius:62px;
border-radius:62px
}
}
@-ms-keyframes bounceInUp {
0% {
opacity:0;
-ms-transform:translateY(30px)
}
60% {
opacity:1;
-ms-transform:translateY(-10px)
}
80% {
-ms-transform:translateY(10px)
}
100% {
-ms-transform:translateY(0)
}
}
@keyframes inner-grow {
0%, 20%, 80%, 100% {
width:30px;
height:30px;
margin:-17px 0 0 -17px
}
60% {
width:40px;
height:40px;
margin:-22px 0 0 -22px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-ms-border-radius:40px;
border-radius:40px
}
}
@keyframes outer-grow {
0%, 20%, 80%, 100% {
width:52px;
height:52px;
margin:-28px 0 0 -28px
}
50% {
width:62px;
height:62px;
margin:-33px 0 0 -33px;
-moz-border-radius:62px;
-webkit-border-radius:62px;
-ms-border-radius:62px;
border-radius:62px
}
}
@keyframes outer-outer-grow {
0%, 20%, 80%, 100% {
width:70px;
height:70px;
margin:-37px 0 0 -37px
}
40% {
width:80px;
height:80px;
margin:-42px 0 0 -42px;
-moz-border-radius:80px;
-webkit-border-radius:80px;
-ms-border-radius:80px;
border-radius:80px
}
}
@keyframes pulse-inner-grow {
0%, 10%, 20%, 40%, 60%, 80%, 100% {
width:30px;
height:30px;
margin:-17px 0 0 -17px
}
30% {
width:40px;
height:40px;
margin:-22px 0 0 -22px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-ms-border-radius:40px;
border-radius:40px
}
}
@keyframes pulse-outer-grow {
0%, 10%, 20%, 40%, 60%, 80%, 100% {
width:52px;
height:52px;
margin:-28px 0 0 -28px
}
30% {
width:62px;
height:62px;
margin:-33px 0 0 -33px;
-moz-border-radius:62px;
-webkit-border-radius:62px;
-ms-border-radius:62px;
border-radius:62px
}
}
@keyframes bounceInUp {
0% {
opacity:0;
transform:translateY(30px)
}
60% {
opacity:1;
transform:translateY(-10px)
}
80% {
transform:translateY(10px)
}
100% {
transform:translateY(0)
}
}
.hot-spot {
	width:16px;
	height:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	-ms-border-radius:16px;
	border-radius:16px;
	background:#FFF;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
	-ms-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
	position:absolute;
-moz-transition:all .3s linear;
-webkit-transition:all .3s linear;
-ms-transition:all .3s linear;
transition:all .3s linear;
	cursor:pointer;
	z-index:2
}
.hot-spot.alt {
	background:#f00
}
.hot-spot:before, .hot-spot:after, .hot-spot span {
	position:absolute;
	content:"";
	width:30px;
	height:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-ms-border-radius:30px;
	border-radius:30px;
	opacity:.5;
	background:rgba(255, 255, 255, 0.4);
	border:2px solid #FFF;
	left:50%;
	top:50%;
	margin:-17px 0 0 -17px;
-moz-transition:all .3s linear;
-webkit-transition:all .3s linear;
-ms-transition:all .3s linear;
transition:all .3s linear;
	-webkit-animation:4s pulse-inner-grow ease-in-out infinite;
	-moz-animation:4s pulse-inner-grow ease-in-out infinite;
	-o-animation:4s pulse-inner-grow ease-in-out infinite;
	-ms-animation:4s pulse-inner-grow ease-in-out infinite;
	animation:4s pulse-inner-grow ease-in-out infinite
}
.hot-spot:after {
	opacity:.2;
	width:52px;
	height:52px;
	-moz-border-radius:52px;
	-webkit-border-radius:52px;
	-ms-border-radius:52px;
	border-radius:52px;
	margin:-28px 0 0 -28px;
	-webkit-animation:4s pulse-outer-grow ease-in-out infinite;
	-moz-animation:4s pulse-outer-grow ease-in-out infinite;
	-o-animation:4s pulse-outer-grow ease-in-out infinite;
	-ms-animation:4s pulse-outer-grow ease-in-out infinite;
	animation:4s pulse-outer-grow ease-in-out infinite
}
.hot-spot span {
	opacity:0;
	width:70px;
	height:70px;
	-moz-border-radius:70px;
	-webkit-border-radius:70px;
	-ms-border-radius:70px;
	border-radius:70px;
	margin:-37px 0 0 -37px
}
.hot-spot.clicked {
	z-index:999
}
.hot-spot.clicked:before {
	opacity:.8;
	-webkit-animation:1s inner-grow ease-in-out;
	-moz-animation:1s inner-grow ease-in-out;
	-o-animation:1s inner-grow ease-in-out;
	-ms-animation:1s inner-grow ease-in-out;
	animation:1s inner-grow ease-in-out
}
.hot-spot.clicked:after {
	opacity:.5;
	-webkit-animation:1s outer-grow ease-in-out;
	-moz-animation:1s outer-grow ease-in-out;
	-o-animation:1s outer-grow ease-in-out;
	-ms-animation:1s outer-grow ease-in-out;
	animation:1s outer-grow ease-in-out
}
.hot-spot.clicked span {
	opacity:.3;
	-webkit-animation:1s outer-outer-grow ease-in-out;
	-moz-animation:1s outer-outer-grow ease-in-out;
	-o-animation:1s outer-outer-grow ease-in-out;
	-ms-animation:1s outer-outer-grow ease-in-out;
	animation:1s outer-outer-grow ease-in-out
}
.hot-spot:hover:before {
	opacity:.7
}
.hot-spot:hover:after {
	opacity:.4
}
.hot-spot.one {
	left:37%;
	top:18%
}
.upstream .hot-spot.one {
	left:38%;
	top:22%
}
.midstream .hot-spot.one {
	left:46%;
	top:58%
}
.downstream .hot-spot.one {
	left:14%;
	top:26%
}
.hot-spot.one:before {
	-webkit-animation:3s pulse-inner-grow ease-in-out infinite;
	-moz-animation:3s pulse-inner-grow ease-in-out infinite;
	-o-animation:3s pulse-inner-grow ease-in-out infinite;
	-ms-animation:3s pulse-inner-grow ease-in-out infinite;
	animation:3s pulse-inner-grow ease-in-out infinite;
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	-o-animation-delay:3s;
	-ms-animation-delay:3s;
	animation-delay:3s
}
.hot-spot.one:after {
	-webkit-animation:3s pulse-outer-grow ease-in-out infinite;
	-moz-animation:3s pulse-outer-grow ease-in-out infinite;
	-o-animation:3s pulse-outer-grow ease-in-out infinite;
	-ms-animation:3s pulse-outer-grow ease-in-out infinite;
	animation:3s pulse-outer-grow ease-in-out infinite;
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	-o-animation-delay:3s;
	-ms-animation-delay:3s;
	animation-delay:3s
}
.hot-spot.two {
	left:22%;
	top:20%
}
.upstream .hot-spot.two {
	left:60%;
	top:22%
}
.midstream .hot-spot.two {
	left:15%;
	top:37%
}
.downstream .hot-spot.two {
	left:46%;
	top:37%
}
.hot-spot.two:before {
	-webkit-animation:3.5s pulse-inner-grow ease-in-out infinite;
	-moz-animation:3.5s pulse-inner-grow ease-in-out infinite;
	-o-animation:3.5s pulse-inner-grow ease-in-out infinite;
	-ms-animation:3.5s pulse-inner-grow ease-in-out infinite;
	animation:3.5s pulse-inner-grow ease-in-out infinite;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	-ms-animation-delay:1s;
	animation-delay:1s
}
.hot-spot.two:after {
	-webkit-animation:3.5s pulse-outer-grow ease-in-out infinite;
	-moz-animation:3.5s pulse-outer-grow ease-in-out infinite;
	-o-animation:3.5s pulse-outer-grow ease-in-out infinite;
	-ms-animation:3.5s pulse-outer-grow ease-in-out infinite;
	animation:3.5s pulse-outer-grow ease-in-out infinite;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	-ms-animation-delay:1s;
	animation-delay:1s
}
.hot-spot.three {
	left:58%;
	top:20%
}
.upstream .hot-spot.three {
	left:64%;
	top:21%
}
.midstream .hot-spot.three {
	left:13%;
	top:47%
}
.downstream .hot-spot.three {
	left:43%;
	top:50%
}
.hot-spot.three:before {
	-webkit-animation:4s pulse-inner-grow ease-in-out infinite;
	-moz-animation:4s pulse-inner-grow ease-in-out infinite;
	-o-animation:4s pulse-inner-grow ease-in-out infinite;
	-ms-animation:4s pulse-inner-grow ease-in-out infinite;
	animation:4s pulse-inner-grow ease-in-out infinite;
	-webkit-animation-delay:6s;
	-moz-animation-delay:6s;
	-o-animation-delay:6s;
	-ms-animation-delay:6s;
	animation-delay:6s
}
.hot-spot.three:after {
	-webkit-animation:4s pulse-outer-grow ease-in-out infinite;
	-moz-animation:4s pulse-outer-grow ease-in-out infinite;
	-o-animation:4s pulse-outer-grow ease-in-out infinite;
	-ms-animation:4s pulse-outer-grow ease-in-out infinite;
	animation:4s pulse-outer-grow ease-in-out infinite;
	-webkit-animation-delay:6s;
	-moz-animation-delay:6s;
	-o-animation-delay:6s;
	-ms-animation-delay:6s;
	animation-delay:6s
}
.hot-spot.four {
	left:62%;
	top:15%
}
.upstream .hot-spot.four {
	left:60%;
	top:52%
}
.midstream .hot-spot.four {
	left:34%;
	top:64%
}
.downstream .hot-spot.four {
	left:16%;
	top:43%
}
.hot-spot.four:before {
	-webkit-animation:3.3s pulse-inner-grow ease-in-out infinite;
	-moz-animation:3.3s pulse-inner-grow ease-in-out infinite;
	-o-animation:3.3s pulse-inner-grow ease-in-out infinite;
	-ms-animation:3.3s pulse-inner-grow ease-in-out infinite;
	animation:3.3s pulse-inner-grow ease-in-out infinite;
	-webkit-animation-delay:8s;
	-moz-animation-delay:8s;
	-o-animation-delay:8s;
	-ms-animation-delay:8s;
	animation-delay:8s
}
.hot-spot.four:after {
	-webkit-animation:3.3s pulse-outer-grow ease-in-out infinite;
	-moz-animation:3.3s pulse-outer-grow ease-in-out infinite;
	-o-animation:3.3s pulse-outer-grow ease-in-out infinite;
	-ms-animation:3.3s pulse-outer-grow ease-in-out infinite;
	animation:3.3s pulse-outer-grow ease-in-out infinite;
	-webkit-animation-delay:8s;
	-moz-animation-delay:8s;
	-o-animation-delay:8s;
	-ms-animation-delay:8s;
	animation-delay:8s
}
.hot-spot.five {
	left:69%;
	top:24%
}
.upstream .hot-spot.five {
	left:84%;
	top:47%
}
.midstream .hot-spot.five {
	left:57%;
	top:50%
}
.downstream .hot-spot.five {
	left:61%;
	top:35%
}
.hot-spot.five:before {
	-webkit-animation:3.8s pulse-inner-grow ease-in-out infinite;
	-moz-animation:3.8s pulse-inner-grow ease-in-out infinite;
	-o-animation:3.8s pulse-inner-grow ease-in-out infinite;
	-ms-animation:3.8s pulse-inner-grow ease-in-out infinite;
	animation:3.8s pulse-inner-grow ease-in-out infinite;
	-webkit-animation-delay:5s;
	-moz-animation-delay:5s;
	-o-animation-delay:5s;
	-ms-animation-delay:5s;
	animation-delay:5s
}
.hot-spot.five:after {
	-webkit-animation:3.8s pulse-outer-grow ease-in-out infinite;
	-moz-animation:3.8s pulse-outer-grow ease-in-out infinite;
	-o-animation:3.8s pulse-outer-grow ease-in-out infinite;
	-ms-animation:3.8s pulse-outer-grow ease-in-out infinite;
	animation:3.8s pulse-outer-grow ease-in-out infinite;
	-webkit-animation-delay:5s;
	-moz-animation-delay:5s;
	-o-animation-delay:5s;
	-ms-animation-delay:5s;
	animation-delay:5s
}
.hot-spot.six {
	left:77%;
	top:26%
}
.upstream .hot-spot.six {
	left:56%;
	top:63%
}
.midstream .hot-spot.six {
	left:50%;
	top:63%
}
.downstream .hot-spot.six {
	left:77%;
	top:55%
}
.hot-spot.six:before {
	-webkit-animation:3.5s pulse-inner-grow ease-in-out infinite;
	-moz-animation:3.5s pulse-inner-grow ease-in-out infinite;
	-o-animation:3.5s pulse-inner-grow ease-in-out infinite;
	-ms-animation:3.5s pulse-inner-grow ease-in-out infinite;
	animation:3.5s pulse-inner-grow ease-in-out infinite;
	-webkit-animation-delay:4s;
	-moz-animation-delay:4s;
	-o-animation-delay:4s;
	-ms-animation-delay:4s;
	animation-delay:4s
}
.hot-spot.six:after {
	-webkit-animation:3.5s pulse-outer-grow ease-in-out infinite;
	-moz-animation:3.5s pulse-outer-grow ease-in-out infinite;
	-o-animation:3.5s pulse-outer-grow ease-in-out infinite;
	-ms-animation:3.5s pulse-outer-grow ease-in-out infinite;
	animation:3.5s pulse-outer-grow ease-in-out infinite;
	-webkit-animation-delay:4s;
	-moz-animation-delay:4s;
	-o-animation-delay:4s;
	-ms-animation-delay:4s;
	animation-delay:4s
}
.hot-spot.seven {
	left:48%;
	top:52%
}
.upstream .hot-spot.seven {
	left:29%;
	top:74%
}
.downstream .hot-spot.seven {
	left:67%;
	top:43%
}
.hot-spot.seven:before {
	-webkit-animation:3.2s pulse-inner-grow ease-in-out infinite;
	-moz-animation:3.2s pulse-inner-grow ease-in-out infinite;
	-o-animation:3.2s pulse-inner-grow ease-in-out infinite;
	-ms-animation:3.2s pulse-inner-grow ease-in-out infinite;
	animation:3.2s pulse-inner-grow ease-in-out infinite;
	-webkit-animation-delay:6s;
	-moz-animation-delay:6s;
	-o-animation-delay:6s;
	-ms-animation-delay:6s;
	animation-delay:6s
}
.hot-spot.seven:after {
	-webkit-animation:3.2s pulse-outer-grow ease-in-out infinite;
	-moz-animation:3.2s pulse-outer-grow ease-in-out infinite;
	-o-animation:3.2s pulse-outer-grow ease-in-out infinite;
	-ms-animation:3.2s pulse-outer-grow ease-in-out infinite;
	animation:3.2s pulse-outer-grow ease-in-out infinite;
	-webkit-animation-delay:6s;
	-moz-animation-delay:6s;
	-o-animation-delay:6s;
	-ms-animation-delay:6s;
	animation-delay:6s
}
.hot-spot.eight {
	left:36%;
	top:43%
}
.downstream .hot-spot.eight {
	left:61%;
	top:73%
}
.hot-spot.nine {
	left:40%;
	top:75%
}
.downstream .hot-spot.nine {
	left:83%;
	top:21%
}
.hot-spot.ten {
	left:61%;
	top:50%
}
.hot-spot.eleven {
	left:17%;
	top:44%
}
.hot-spot.twelve {
	left:55%;
	top:57%
}
.hot-spot.thirteen {
	left:66%;
	top:58%
}
.hot-spot.fourteen {
	left:85%;
	top:71%
}
.hot-spot.fifteen {
	left:60%;
	top:77%
}
.hot-spot.sixteen {
	left:87%;
	top:38%
}
.hot-spot-header {
	width:370px;
	height:122px;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	-ms-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	border-bottom:1px solid black
}
.hot-spot-header h3 {
	margin:0;
	color:white;
	font-size:17px;
	height:39px;
	background:url("../img/hot-spot-title-arrow.png") no-repeat 327px 84px, url("../img/hot-spot-header-title-bg.png") repeat-x bottom;
	padding-top:83px;
	padding-left:20px;
	}
.upstream .hot-spot-header h3, .midstream .hot-spot-header h3, .downstream .hot-spot-header h3 {
	background:url("../img/hot-spot-header-title-bg.png") repeat-x bottom
}
.hot-spot-text {
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
	background-image:-moz-linear-gradient(bottom, #eee 0, #fafafa 60%);
	background-image:-webkit-linear-gradient(bottom, #eee 0, #fafafa 60%);
	background-image:-o-linear-gradient(bottom, #eee 0, #fafafa 60%);
	background-image:linear-gradient(bottom, #eee 0, #fafafa 60%);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
	position:absolute;
	width:370px;
	bottom:50px;
	left:230%%;
	margin-left:-185px;
	display:none;
	-webkit-animation:1s bounceInUp ease;
	-moz-animation:1s bounceInUp ease;
	-o-animation:1s bounceInUp ease;
	-ms-animation:1s bounceInUp ease;
	animation:1s bounceInUp ease
}
.direction-down .hot-spot-text {
	bottom:-294px
}
.hot-spot-text p {
	padding:20px;
	font-size:14px
}
.hot-spot.alt .hot-spot-text {
	display:block;
	background:#000;
	background:rgba(0, 0, 0, 0.6);
	background:linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, rgba(62, 62, 62, 0.7) 60%);
	background:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, rgba(62, 62, 62, 0.7) 60%);
	background:-moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, rgba(62, 62, 62, 0.7) 60%);
	background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, rgba(62, 62, 62, 0.7) 60%);
	background:-ms-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, rgba(62, 62, 62, 0.7) 60%);
	color:#FFF;
	font-weight:bold;
	padding:8px 15px;
	font-size:16px;
	-webkit-animation:none;
	-moz-animation:none;
	-o-animation:none;
	-ms-animation:none;
	animation:none;
	margin-left:-100px;
	bottom:30px;
	z-index:99;
	text-align:center
}
.hot-spot.alt .hot-spot-text p {
	padding:0;
	font-size:16px
}
.hot-spot.alt .hot-spot-text.people {
	width:304px;
	margin-left:-130px
}
.hot-spot.alt .hot-spot-text.critical {
	width:226px;
	margin-left:-68px
}
.hot-spot.alt .hot-spot-text.productivity {
	width:280px;
	margin-left:-100px
}
.hot-spot-text:after {
	content:"";
	position:absolute;
	width:0;
	height:0;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:6px solid #EEE;
	left:50%;
	bottom:-6px;
	margin-left:-6px
}
.direction-down .hot-spot-text:after {
	bottom:auto;
	top:-6px;
	border-bottom:6px solid #EEE;
	border-top:0
}
.hot-spot.alt .hot-spot-text:after {
	border-top:6px solid rgba(0, 0, 0, 0.6)
}
.hot-spot-text p {
	margin:0
}
.hot-spot-text h2 {
	margin:-20px -20px 20px -20px;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	-ms-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0
}
.hot-spot-text h2 strong {
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	padding:70px 20px 10px 20px;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	-ms-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	background:linear-gradient(bottom, #000 0, rgba(0, 0, 0, 0) 60%);
	background:-o-linear-gradient(bottom, #000 0, rgba(0, 0, 0, 0) 60%);
	background:-moz-linear-gradient(bottom, #000 0, rgba(0, 0, 0, 0) 60%);
	background:-webkit-linear-gradient(bottom, #000 0, rgba(0, 0, 0, 0) 60%);
	background:-ms-linear-gradient(bottom, #000 0, rgba(0, 0, 0, 0) 60%)
}
#popup-wrapper {
	position:absolute;
	top:60px;
	left:51%;
	width:930px;
	*width: 860px;
	margin-left:-480px;
	*margin-left:-420px;
	z-index:3;
	display:none;
	-webkit-animation:1s bounceInUp ease;
	-moz-animation:1s bounceInUp ease;
	-o-animation:1s bounceInUp ease;
	-ms-animation:1s bounceInUp ease;
	animation:1s bounceInUp ease
}
#popup-content>div {
	position:absolute;
	width:600px;
	background:#000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
	-ms-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.5)
	
}
#popup-wrapper .left-arrow, #popup-wrapper .right-arrow {
	position:absolute;
	left:100px;
	top:280px;
	z-index:99
}
#popup-wrapper .right-arrow {
	left:auto;
	right:100px
}
#popup-wrapper .left-arrow:hover img, #popup-wrapper .right-arrow:hover img {
	opacity:.8
}
#popup-content>div.left {
	left:0;
	-webkit-transform:scale(0.8, 0.8);
	-webkit-filter:blur(2px);
	-moz-transform:scale(0.8, 0.8);
	-moz-filter:blur(2px);
	-o-transform:scale(0.8, 0.8);
	-o-filter:blur(2px);
	-ms-transform:scale(0.8, 0.8);
	-ms-filter:blur(2px);
	transform:scale(0.8, 0.8);
	filter:blur(2px)
}
#popup-content>div.middle {
	left:50%;
	margin-left:-300px;
	z-index:3;
	-webkit-animation:1s bounceInUp ease;
	-moz-animation:1s bounceInUp ease;
	-o-animation:1s bounceInUp ease;
	-ms-animation:1s bounceInUp ease;
	animation:1s bounceInUp ease
}
#popup-content>div.right {
	right:0;
	-webkit-transform:scale(0.8, 0.8);
	-webkit-filter:blur(2px);
	-moz-transform:scale(0.8, 0.8);
	-moz-filter:blur(2px);
	-o-transform:scale(0.8, 0.8);
	-o-filter:blur(2px);
	-ms-transform:scale(0.8, 0.8);
	-ms-filter:blur(2px);
	transform:scale(0.8, 0.8);
	filter:blur(2px)
}
#popup-content h2 {
	padding:20px 30px;
	font-size:46px;
	font-weight:100;
	line-height:48px;
	color:#FFF;
	text-shadow:0 0 10px #000;
	background-color:rgba(0, 0, 0, 0.3);
	margin:0;
	border-radius:4px 4px 0 0;
	filter:Shadow(Color=#000000, Direction=90, Strength=10)
	
}
#popup-content p {
	padding:12px 30px;
	background:rgba(0, 0, 0, 0.7);
	color:#FFF;
	text-shadow:0 1px 2px rgba(0, 0, 0, 0.7);
	margin:0;
	font-size:14px
	*color:#ffffff;
	color:#ffffff\0/;
	background-color:#000000\0/;
	*background-color:#000000;
	filter:alpha(opacity=60)\0/;
	*filter:alpha(opacity=80);
	*width: 100%
	
}
#popup-content ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:100%
	}
#popup-content ul.split {
	width:50%;
	float:left
}
#popup-content li {
	display:block;
	float:left;
	width:100%
	
}
#popup-content li a {
	display:block;
	float:left;
	width:100%;
	*width: 510px;
	padding:10px 60px 10px 30px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:#FFF;
	background:rgba(255, 255, 255, 0.95);
	background:linear-gradient(bottom, rgba(237, 237, 237, 0.95) 0, rgba(255, 255, 255, 0.95) 60%);
	background:-o-linear-gradient(bottom, rgba(237, 237, 237, 0.95) 0, rgba(255, 255, 255, 0.95) 60%);
	background:-moz-linear-gradient(bottom, rgba(237, 237, 237, 0.95) 0, rgba(255, 255, 255, 0.95) 60%);
	background:-webkit-linear-gradient(bottom, rgba(237, 237, 237, 0.95) 0, rgba(255, 255, 255, 0.95) 60%);
	background:-ms-linear-gradient(bottom, rgba(237, 237, 237, 0.95) 0, rgba(255, 255, 255, 0.95) 60%);
	border-bottom:1px solid #cacaca;
	border-top:1px solid #FFF;
	color:#707070;
	text-decoration:none;
	position:relative
}
#popup-content .split li a {
	padding-left:0;
	*width: 240px;
}
#popup-content .split.left li a {
	padding-left:30px
	
}
#popup-content li a:after {
	content:"";
	background:url("../img/hot-spot-title-arrow.png") no-repeat;
	position:absolute;
	right:30px;
	top:11px;
	width:26px;
	height:27px
}
#popup-content li.empty a:after {
	display:none
}
#popup-content li:last-child a {
	border-bottom:0;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	-ms-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px
}
#popup-content ul.split li:last-child a {
	-moz-border-radius:0 0 4px 0;
	-webkit-border-radius:0 0 4px 0;
	-ms-border-radius:0 0 4px 0;
	border-radius:0 0 4px 0
}
#popup-content ul.split.left li:last-child a {
	-moz-border-radius:0 0 0 4px;
	-webkit-border-radius:0 0 0 4px;
	-ms-border-radius:0 0 0 4px;
	border-radius:0 0 0 4px
}
#popup-content li.empty a span {
	opacity:0
}
.upstream #protecting-people-environment {
	background:url("../img/upstream-protect.jpg") no-repeat;
	*border: 1px #818181 inset;
	border: 1px #818181 inset\0/;
	
}
.upstream #protecting-people-environment h2{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000',EndColorStr='#2C2C2C');
	*background-color: #000000;
	opacity: .70;

}
.upstream #improving-productivity-recovery {
	background:url("../img/upstream-improve.jpg") no-repeat;
	border: 1px #818181 inset;
}
.upstream #improving-productivity-recovery h2{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000',EndColorStr='#2C2C2C');
	*background-color: #000000;
	opacity: .70;
	
}
.upstream #extending-life-assets {
	background:url("../img/upstream-extend.jpg") no-repeat;
	*border: 1px #818181 inset;
	border: 1px #818181 inset\0/;
	
}
.upstream #extending-life-assets h2{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000',EndColorStr='#2C2C2C');
	*background-color: #000000;
	opacity: .70;
	
}
.midstream #protecting-people-environment {
	background:url("../img/midstream-protect.jpg") no-repeat;
	*border: 1px #818181 inset;
	border: 1px #818181 inset\0/;
}
.midstream #protecting-people-environment h2{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000',EndColorStr='#2C2C2C');
	*background-color: #000000;
	opacity: .70;
	
}

.midstream #improving-productivity-recovery {
	background:url("../img/midstream-improve.jpg") no-repeat;
	*border: 1px #818181 inset;
	border: 1px #818181 inset\0/;
}
.midstream #improving-productivity-recovery h2{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000',EndColorStr='#2C2C2C');
	*background-color: #000000;
	opacity: .70;
	
}

.midstream #extending-life-assets {
	background:url("../img/midstream-extend.jpg") no-repeat;
	*border: 1px #818181 inset;
	border: 1px #818181 inset\0/;
}
.midstream #extending-life-assets h2{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000',EndColorStr='#2C2C2C');
	*background-color: #000000;
	opacity: .70;
	
}
.downstream #protecting-people-environment {
	background:url("../img/downstream-protect.jpg") no-repeat;
	*border: 1px #818181 inset;
	border: 1px #818181 inset\0/;
}
.downstream #protecting-people-environment h2{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000',EndColorStr='#2C2C2C');
	*background-color: #000000;
	opacity: .70;

}

.downstream #improving-productivity-recovery {
	background:url("../img/downstream-improve.jpg") no-repeat;
	*border: 1px #818181 inset;
	border: 1px #818181 inset\0/;
}
.downstream #improving-productivity-recovery h2{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000',EndColorStr='#2C2C2C');
	*background-color: #000000;
	opacity: .70;
	
}
.downstream #extending-life-assets {
	background:url("../img/downstream-extend.jpg") no-repeat;
	*border: 1px #818181 inset;
	border: 1px #818181 inset\0/;
}
.downstream #extending-life-assets h2{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000',EndColorStr='#2C2C2C');
	*background-color: #000000;
	opacity: .70;
}
footer {
	height:88px;
	background:url("../img/footer-logo.png") no-repeat right bottom;
	position:fixed;
	bottom:0;
	right:0;
	z-index:100
}
footer h4 {
	text-align:right;
	margin:0;
	margin-right:140px;
	line-height:88px;
	color:white;
	font-size:25px;
	text-shadow:0 1px 3px rgba(0, 0, 0, 0.3)
}
.ir {
	background-color:transparent;
	border:0;
	overflow:hidden;
*text-indent:-9999px
}
.ir:before {
	content:"";
	display:block;
	width:0;
	height:150%
}
.hidden {
	display:none!important;
	visibility:hidden
}
.visuallyhidden {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto
}
.invisible {
	visibility:hidden
}
.clearfix:before, .clearfix:after {
	content:" ";
	display:table
}
.clearfix:after {
	clear:both
}
.clearfix {
*zoom:1
}
@media print {
* {
	background:transparent!important;
	color:#000!important;
	box-shadow:none!important;
	text-shadow:none!important
}
a, a:visited {
	text-decoration:underline
}
a[href]:after {
	content:" (" attr(href) ")"
}
abbr[title]:after {
	content:" (" attr(title) ")"
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content:""
}
pre, blockquote {
	border:1px solid #999;
	page-break-inside:avoid
}
thead {
	display:table-header-group
}
tr, img {
	page-break-inside:avoid
}
img {
	max-width:100%!important
}
@page {
margin:.5cm
}
p, h2, h3 {
	orphans:3;
	widows:3
}
h2, h3 {
	page-break-after:avoid
}
}