/* @group CSS Reset */

/* Steven Arsenault Dec 2009.css */
/* v3.0 | 20091216 */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}
 
/* remember to define focus styles! */
:focus {
        outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}

/* @end */

/* @group Main CSS styles */

body {
	background: url(../images/bg_page.gif) 0 0 repeat;
	font: 12px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color:  #333;
	text-align: center;
}

#wrapper {
	text-align: left;
	margin:  0 auto;
	background: #FFF;
	padding: 11px 18px;
	width: 942px;
}

/* Link colours */
a {
	color: #006699;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-bottom: 10px;
}


/* @end */

/* @group Header styles */

#header {
	height: 64px;
	border-bottom: 1px solid #85C12F;
	position: relative;
	margin-bottom: 9px;
}

/* the logo */
#header h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 226px;
	height: 61px;
/* Small logo}

#header h1 a {
	display: block;
	width: 169px;
	height: 61px;
	background: url(../images/upstream.jpg) 0 0 no-repeat; */
}

#header h1 a {
	display: block;
	width: 169px;
	height: 61px;
	background: url(../images/upstream.jpg) 0 0 no-repeat;
}

#header h1 a span {
	display: none;
}

/* @group Main nav styles */

#nav {
	list-style-type: none;
	position: absolute;
	left: 259px;
	top:  23px;
	height: 36px;
	width: 682px;
}

#nav li {
	float: left;
	display: inline;
	height: 36px;
}

#nav li a {
	line-height: 36px;
	height: 36px;
	display: block;
}

#nav li#about {
	width: 79px;
}

#nav li#about a {
	width: 79px;
	background: url(../images/nav_top.gif) 0 0 no-repeat;
}

#nav li#company a {
	width: 88px;
	background: url(../images/nav_top.gif) -79px 0 no-repeat;
}

#nav li#people a {
	width: 73px;
	background: url(../images/nav_top.gif) -167px 0 no-repeat;
}

#nav li#products-services a {
	width: 174px;
	background: url(../images/nav_top.gif) -240px 0 no-repeat;
}

#nav li#action a {
	width: 120px;
	background: url(../images/nav_top.gif) -414px 0 no-repeat;
}

#nav li#investor a {
	width: 148px;
	background: url(../images/nav_top.gif) -534px 0 no-repeat;
}

/* hover & active states */
#nav li#about a:hover, body#aboutSection #nav li#about a {
	background: url(../images/nav_top.gif) 0 -36px no-repeat;
}

#nav li#company a:hover, body#companySection #nav li#company a {
	background: url(../images/nav_top.gif) -79px -36px no-repeat;
}

#nav li#people a:hover, body#peopleSection #nav li#people a {
	background: url(../images/nav_top.gif) -167px -36px no-repeat;
}

#nav li#products-services a:hover, body#productsSection #nav li#products-services a {
	background: url(../images/nav_top.gif) -240px -36px no-repeat;
}

#nav li#action a:hover, body#actionSection #nav li#action a {
	background: url(../images/nav_top.gif) -414px -36px no-repeat;
}

#nav li#investor a:hover, body#investorSection #nav li#investor a {
	background: url(../images/nav_top.gif) -534px -36px no-repeat;
}

#nav li a span {
	display: none;
}

/* @end */

/* @end */

/* @group Content styles */

#content {
	overflow: auto;
	position: relative;
	padding-bottom: 18px;
	margin: 12px 0 10px 0;
	text-align: left;
	border-bottom: 1px solid #85C12F;
}

#contentInner {
	overflow: auto;
	position: relative;
	margin: 12px 0 0 0;
	text-align: left;
	background: #FFF url(../images/bg_inner.gif) 0 0 repeat-y;
}

#contentSeparator {
	height: 18px;
	border-bottom: 1px solid #85C12F;
	margin-bottom: 10px;
}

/* @group Home page */

#homeContact {
	float: left;
	width: 232px;
	height: 400px;
	border-right: 1px dashed #85C12F;
	padding-left: 3px;
}

#enviroHome {
	float: left;
	margin: 0 18px;
	width: 438px;
	height: 400px;
	padding-right: 12px;
	border-right: 1px dashed #85C12F;
}

#newsHome {
	position: absolute;
	width: 210px;
	height: 190px;
	right: 4px; top: 1px;
}

/* Content: News feeds home page */
#tgb a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 25%;
}


/* @end */

#contentLeft {
	position: relative;
	float: left;
	width: 235px;
	min-height: 300px;
}

#innerContact {
	position: relative;
	width: 220px;
	margin: 50px 0 0 3px;
}

#contentRight {
	float: left;
	margin: 0 18px;
	width: 671px;
	min-height: 300px;
}

#contentRight ul {
	list-style-type: none;
	padding-bottom: 12px;
}

#contentRight ul li {
	margin; 0 0 10px 15px;
	background: url(../images/bullet.gif) 0 5px no-repeat;
	padding-left: 12px;
}

#contentRight .small {
	font-size: 11px;
}

#contentRight .products {
	position: relative;
	overflow: auto;
	border-bottom: 1px dashed #85C12F;
	padding-bottom: 8px;
	margin-bottom: 10px;
	clear: left;
}

#contentRight img.product {
	float: left;
	margin: 0 12px 0 0;
}

/* @group Banners */

#bannerArea {
	height: 200px;
	padding-bottom: 10px;
	border-bottom: 1px solid #85C12F;
}

body#aboutSection #bannerArea {
	background: url(../images/banner_about.jpg) 0 0 no-repeat;
}

body#companySection #bannerArea {
	background: url(../images/banner_company.jpg) 0 0 no-repeat;
}

body#companySection #bannerArea.mission {
	background: url(../images/banner_companyMission.jpg) 0 0 no-repeat;
}

body#companySection #bannerArea.products {
	background: url(../images/banner_companyProds.jpg) 0 0 no-repeat;
}

body#companySection #bannerArea.safety {
	background: url(../images/banner_companySafety.jpg) 0 0 no-repeat;
}

body#companySection #bannerArea.governance {
	background: url(../images/banner_companyGovernance.jpg) 0 0 no-repeat;
}

body#investorSection #bannerArea, body#peopleSection #bannerArea {
	background: url(../images/banner_investor.jpg) 0 0 no-repeat;
}

body#peopleSection.careers #bannerArea {
	background: url(../images/banner_careers.jpg) 0 0 no-repeat;
}

body#productsSection #bannerArea {
	background: url(../images/banner_productsSection.jpg) 0 0 no-repeat;
}

body#productsSection.water #bannerArea {
	background: url(../images/banner_water.jpg) 0 0 no-repeat;
}

body#productsSection.soil #bannerArea {
	background: url(../images/banner_soil.jpg) 0 0 no-repeat;
}

body#productsSection.concrete #bannerArea {
	background: url(../images/banner_concrete.jpg) 0 0 no-repeat;
}

body#actionSection #bannerArea {
	background: url(../images/banner_action.jpg) 0 0 no-repeat;
}

body#contactSection #bannerArea {
	background: url(../images/banner_contact.jpg) 0 0 no-repeat;
}


/* @end */

/* @group Sub-nav */

ul#sub-nav {
	list-style-type: none;
	padding-bottom: 8px;
	border-bottom: 1px dashed #85C12F;
	width: 220px;
	margin-bottom: 18px;
	position: relative;
}

ul#sub-nav li {
	line-height: 32px;
	height: 32px;
	width: 220px;
}

ul#sub-nav li a {
	display: block;
	height: 32px;
}

ul#sub-nav li a span {
	display: none;
}

/* About section */
ul#sub-nav li a#aboutUs {
	background: url(../images/sub-nav.gif) 0 0 no-repeat;
}

ul#sub-nav li a#aboutUs:hover, ul#sub-nav li.current a#aboutUs {
	background: url(../images/sub-nav.gif) 0 -32px no-repeat;
}

ul#sub-nav li a#aboutPartners {
	background: url(../images/sub-nav.gif) 0 -64px no-repeat;
}

ul#sub-nav li a#aboutPartners:hover, ul#sub-nav li.current a#aboutPartners {
	background: url(../images/sub-nav.gif) 0 -96px no-repeat;
}

/* Company section */
ul#sub-nav li a#companyHistory {
	background: url(../images/sub-nav.gif) 0 -128px no-repeat;
}

ul#sub-nav li a#companyHistory:hover, ul#sub-nav li.current a#companyHistory {
	background: url(../images/sub-nav.gif) 0 -160px no-repeat;
}

ul#sub-nav li a#companyMission {
	background: url(../images/sub-nav.gif) 0 -192px no-repeat;
}

ul#sub-nav li a#companyMission:hover, ul#sub-nav li.current a#companyMission {
	background: url(../images/sub-nav.gif) 0 -224px no-repeat;
}

ul#sub-nav li a#companyProds {
	background: url(../images/sub-nav.gif) 0 -256px no-repeat;
}

ul#sub-nav li a#companyProds:hover, ul#sub-nav li.current a#companyProds {
	background: url(../images/sub-nav.gif) 0 -288px no-repeat;
}

ul#sub-nav li a#companySafety {
	background: url(../images/sub-nav.gif) 0 -320px no-repeat;
}

ul#sub-nav li a#companySafety:hover, ul#sub-nav li.current a#companySafety {
	background: url(../images/sub-nav.gif) 0 -352px no-repeat;
}

ul#sub-nav li a#companyGovernance {
	background: url(../images/sub-nav.gif) 0 -384px no-repeat;
}

ul#sub-nav li a#companyGovernance:hover, ul#sub-nav li.current a#companyGovernance {
	background: url(../images/sub-nav.gif) 0 -416px no-repeat;
}

/* People section */
ul#sub-nav li a#peopleOurs {
	background: url(../images/sub-nav.gif) 0 -448px no-repeat;
}

ul#sub-nav li a#peopleOurs:hover, ul#sub-nav li.current a#peopleOurs {
	background: url(../images/sub-nav.gif) 0 -480px no-repeat;
}

ul#sub-nav li a#peopleBOD {
	background: url(../images/sub-nav.gif) 0 -512px no-repeat;
}

ul#sub-nav li a#peopleBOD:hover, ul#sub-nav li.current a#peopleBOD {
	background: url(../images/sub-nav.gif) 0 -544px no-repeat;
}

ul#sub-nav li a#peopleExecutive {
	background: url(../images/sub-nav.gif) 0 -576px no-repeat;
}

ul#sub-nav li a#peopleExecutive:hover, ul#sub-nav li.current a#peopleExecutive {
	background: url(../images/sub-nav.gif) 0 -608px no-repeat;
}

ul#sub-nav li a#peopleCareers {
	background: url(../images/sub-nav.gif) 0 -640px no-repeat;
}

ul#sub-nav li a#peopleCareers:hover, ul#sub-nav li.current a#peopleCareers {
	background: url(../images/sub-nav.gif) 0 -672px no-repeat;
}

/* Products & Services section */
ul#sub-nav li a#productsOverview {
	background: url(../images/sub-nav.gif) 0 -704px no-repeat;
}

ul#sub-nav li a#productsOverview:hover, ul#sub-nav li.current a#productsOverview {
	background: url(../images/sub-nav.gif) 0 -736px no-repeat;
}

ul#sub-nav li a#productsWater {
	background: url(../images/sub-nav.gif) 0 -768px no-repeat;
}

ul#sub-nav li a#productsWater:hover, ul#sub-nav li.current a#productsWater {
	background: url(../images/sub-nav.gif) 0 -800px no-repeat;
}

ul#sub-nav li a#productsSoil {
	background: url(../images/sub-nav.gif) 0 -832px no-repeat;
}

ul#sub-nav li a#productsSoil:hover, ul#sub-nav li.current a#productsSoil {
	background: url(../images/sub-nav.gif) 0 -864px no-repeat;
}

ul#sub-nav li a#productsConcrete {
	background: url(../images/sub-nav.gif) 0 -896px no-repeat;
}

ul#sub-nav li a#productsConcrete:hover, ul#sub-nav li.current a#productsConcrete {
	background: url(../images/sub-nav.gif) 0 -928px no-repeat;
}

/* @end */

/* @group H2 Headers */

#contentRight h2 {
	display: block;
	margin-top: 11px;
}

#contentRight h2 span {
	display: none;
}

#contentRight h2#aboutRoot {
	background: url(../images/title_about.gif) 0 0 no-repeat;
	height: 38px;
	width: 543px;
}

#contentRight h2#aboutPartners {
	background: url(../images/title_partners.gif) 0 0 no-repeat;
	height: 22px;
	width: 86px;
}

#contentRight h2#companyHistory {
	background: url(../images/title_history.gif) 0 0 no-repeat;
	height: 21px;
	width: 111px;
}

#contentRight h2#companyMission {
	background: url(../images/title_mission.gif) 0 0 no-repeat;
	height: 21px;
	width: 168px;
}

#contentRight h2#companyProducts {
	background: url(../images/title_products.gif) 0 0 no-repeat;
	height: 21px;
	width: 212px;
}

#contentRight h2#companySafety {
	background: url(../images/title_safety.gif) 0 0 no-repeat;
	height: 21px;
	width: 61px;
}

#contentRight h2#companyGovernance {
	background: url(../images/title_governance.gif) 0 0 no-repeat;
	height: 21px;
	width: 191px;
}

#contentRight h2#peopleOur {
	background: url(../images/title_people.gif) 0 0 no-repeat;
	height: 21px;
	width: 102px;
}

#contentRight h2#peopleBoard {
	background: url(../images/title_board.gif) 0 0 no-repeat;
	height: 38px;
	width: 181px;
}

#contentRight h2#peopleExecutiveHeader {
	background: url(../images/title_executive.gif) 0 0 no-repeat;
	height: 21px;
	width: 257px;
}

#contentRight h2#peopleCareersHeader {
	background: url(../images/title_careers.gif) 0 0 no-repeat;
	height: 21px;
	width: 141px;
}

#contentRight h2#productsOverview {
	background: url(../images/title_products-services-overview.gif) 0 0 no-repeat;
	height: 21px;
	width: 304px;
}

#contentRight h2#videoOverview {
	background: url(../images/title_video.gif) 0 0 no-repeat;
	height: 21px;
	width: 304px;
}
#contentRight h2#productsWater {
	background: url(../images/title_water.gif) 0 0 no-repeat;
	height: 21px;
	width: 171px;
}

#contentRight h2#productsSoil {
	background: url(../images/title_soil.gif) 0 0 no-repeat;
	height: 21px;
	width: 171px;
}

#contentRight h2#productsConcrete {
	background: url(../images/title_concrete.gif) 0 0 no-repeat;
	height: 21px;
	width: 326px;
}

#contentRight h2#actionHeader {
	background: url(../images/title_action.gif) 0 0 no-repeat;
	height: 21px;
	width: 326px;
}

#contentRight h2#investorHeader {
	background: url(../images/title_investor.gif) 0 0 no-repeat;
	height: 21px;
	width: 326px;
}

#contentRight h2#contactHeader {
	background: url(../images/title_contact.gif) 0 0 no-repeat;
	height: 32px;
	width: 251px;
}

/* @end */

p.boardProfile {
	height: 100px;
}

p.boardProfile img {
	margin-right: 14px;
	float: left;
}

.tableCCME th, .tableCCME td {
	text-align: left;
}

.tableCCME th {
	color: #FF9900;
	font-weight: normal;
	font-style: italic;
	width: 65px;
}

td.leftCCME {
	width: 98px;
}

#actionLeft {
	float: left;
	width: 314px;
}

#actionRight {
	float: left;
	width: 314px;
	margin-left: 39px;
}

/* @group Footer */

#footer {
	position: relative;
	clear: left;
	height: 28px;
	line-height: 48px;
	background: url(../images/bg_page.gif) 0 0 repeat;
	padding:  20px 10px 0 10px;
}

#footer ul {
	list-style-type: none;
}

#footer li {
	float: left;
	height: 8px;	
}

#footer li a {
	display: block;
	height: 8px;
}

#footer li span {
	display: none;
}

#footer li#copyright {
	background: url(../images/footer_sprite.gif) 0 0 no-repeat;
	width: 185px;
}

/* About Us */
#footer li#footerAbout {
	width: 84px;
}

#footer li#footerAbout a {
	background: url(../images/footer_sprite.gif) -185px 0 no-repeat;
}

#footer li#footerAbout a:hover {
	background: url(../images/footer_sprite.gif) -185px -8px no-repeat;
}

/* Company */
#footer li#footerCompany {
	width: 87px;
}

#footer li#footerCompany a {
	background: url(../images/footer_sprite.gif) -269px 0 no-repeat;
}

#footer li#footerCompany a:hover {
	background: url(../images/footer_sprite.gif) -269px -8px no-repeat;
}

/* People */
#footer li#footerPeople {
	width: 80px;
}

#footer li#footerPeople a {
	background: url(../images/footer_sprite.gif) -356px 0 no-repeat;
}

#footer li#footerPeople a:hover {
	background: url(../images/footer_sprite.gif) -356px -8px no-repeat;
}

/* Products & Services */
#footer li#footerProducts {
	width: 172px;
}

#footer li#footerProducts a {
	background: url(../images/footer_sprite.gif) -436px 0 no-repeat;
}

#footer li#footerProducts a:hover {
	background: url(../images/footer_sprite.gif) -436px -8px no-repeat;
}

/* ESSI in Action */
#footer li#footerAction {
	width: 121px;
}

#footer li#footerAction a {
	background: url(../images/footer_sprite.gif) -608px 0 no-repeat;
}

#footer li#footerAction a:hover {
	background: url(../images/footer_sprite.gif) -608px -8px no-repeat;
}

/* Investor Info */
#footer li#footerInvestorInfo {
	width: 119px;
}

#footer li#footerInvestorInfo a {
	background: url(../images/footer_sprite.gif) -729px 0 no-repeat;
}

#footer li#footerInvestorInfo a:hover {
	background: url(../images/footer_sprite.gif) -729px -8px no-repeat;
}

/* Contect */
#footer li#footerContact {
	width: 67px;
}

#footer li#footerContact a {
	background: url(../images/footer_sprite.gif) -848px 0 no-repeat;
}

#footer li#footerContact a:hover {
	background: url(../images/footer_sprite.gif) -848px -8px no-repeat;
}

/* @end */

/* @end */