﻿@charset "UTF-8";
/* CSS Document */

		
		
body {font-family: Arial, Arial Narrow, Helvetica, Verdana, sans-serif;font-size: 12px;font-weight: 100;font-color: ffffff;letter-spacing: 0px;line-height: 20px;padding-top: 0px;background-color: #405770; background-image: url('../images/BG.png');background-repeat: repeat-x;}
#wrap {width: 1065px;border-style: solid;border-width: 0px;border-color: #080808;margin-left: auto;margin-right: auto;}
div#content {position: relative;width: 1065px;height:671px;top: -15px;left:15px;margin-left: auto;margin-right: auto;background-image: url('../images/BGmain.png');background-repeat: no-repeat;}
div#contentHE {position: relative;width: 1065px;height:671px;top: -15px;left:15px;margin-left: auto;margin-right: auto;background-image: url('../images/BGcontact.png');background-repeat: no-repeat;}
div#head ul li {position: relative;width: 1065px;left: -10px;top: 40px;background-color: #405770;}
div#logo {position: relative;width: 199px;left: 870px;top: -20px;}
h1	{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #ffffff;}
h2	{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #405770;}
ul { padding-left: 20px; margin-top: 0; margin-bottom: 0;}
ul.menu { padding-left: 40px; margin-left: 0; margin-top: 12px; margin-bottom: 12px;}
ul.menu li { display:inline;padding-right: 20px;}

/* Banner Areas */
div#mainBanner {Position: absolute;width: 687px;height: 317px;top: 13px;left: 14px;padding-left: 0px;padding-top: 0px;}
div#mainBannerContactHE {Position: absolute;width: 687px;height: 570px;top: 13px;left: 14px;background-image: url('../images/mainBGhe.jpg');background-repeat: no-repeat;}
div#mainBannerContactOilfield {Position: absolute;width: 687px;height: 570px;top: 13px;left: 14px;background-image: url('../images/mainBGoilfield.jpg');background-repeat: no-repeat;}
div#mainBannerContactPipeline {Position: absolute;width: 687px;height: 570px;top: 13px;left: 14px;background-image: url('../images/mainBGpipeline.jpg');background-repeat: no-repeat;}
div#mainBannerContactGeneral {Position: absolute;width: 687px;height: 570px;top: 13px;left: 14px;background-image: url('../images/mainBGgeneral.jpg');background-repeat: no-repeat;}


div#mainHE {position: relative;width: 1065px;height:671px;top: -15px;left:15px;margin-left: auto;margin-right: auto;background-image: url('../images/BGmainHE.png');background-repeat: no-repeat;}
div#mainArea {Position: absolute;width: 860px;height: 565px;top: 17px;left: 14px;background-image: url('../images/HEmainAreaBG.png');background-repeat: repeat-x;}
div#mainBrochures {position: relative;width: 1065px;height:671px;top: -15px;left:15px;margin-left: auto;margin-right: auto;background-image: url('../images/BGmainBrochures.png');background-repeat: no-repeat;}
div#mainBlank {position: relative;width: 1065px;height:671px;top: -15px;left:15px;margin-left: auto;margin-right: auto;background-image: url('../images/BGmainBlank.png');background-repeat: no-repeat;}


/* Link Styles */
a img  {border:0;}
a:link, a:visited {text-decoration: none;color: #505050;}	
a:hover, a:active {text-decoration: none;color: #909090;}
.lightLink a:link, .lightLink a:visited {text-decoration: none;color: #6e8eb2;}	
.lightLink a:hover, .lightLink a:active {text-decoration: none;color: #90a5bd;}

.whiteLink a:link, .whiteLink a:visited {text-decoration: none;color: #ffffff;}	
.whiteLink a:hover, .whiteLink a:active {text-decoration: none;color: #e2e2e2;}

/* Sprites */
a.rolloverHome {display: inline-block;width: 41px;height: 17px;background-position: 0px -17px;background-image: url('../images/topNavSprite.png');}
a.rolloverHome:hover {background-position: 0px 0px;}
a.rolloverHomeActive {display: inline-block;width: 41px;height: 17px;background-position: 0px -34px;background-image: url('../images/topNavSprite.png');}

a.rolloverHeavyEquipment {display: inline-block;margin-left: 0px;width: 125px;height: 17px;background-position: -40px -17px;background-image: url('../images/topNavSprite.png');}
a.rolloverHeavyEquipment:hover {background-position: -40px 0px;}
a.rolloverHeavyEquipmentActive {display: inline-block;margin-left: 0px;width: 125px;height: 17px;background-position: -40px -34px;background-image: url('../images/topNavSprite.png');}

a.rolloverOilfield {display: inline-block;margin-left: 0px;width: 61px;height: 17px;background-position: -165px -17px;background-image: url('../images/topNavSprite.png');}
a.rolloverOilfield:hover {background-position: -165px 0px;}
a.rolloverOilfieldActive {display: inline-block;margin-left: 0px;width: 61px;height: 17px;background-position: -165px -34px;background-image: url('../images/topNavSprite.png');}

a.rolloverPipeline {display: inline-block;margin-left: 0px;width: 61px;height: 17px;background-position: -225px -17px;background-image: url('../images/topNavSprite.png');}
a.rolloverPipeline:hover {background-position: -225px 0px;}
a.rolloverPipelineActive {display: inline-block;margin-left: 0px;width: 61px;height: 17px;background-position: -225px -34px;background-image: url('../images/topNavSprite.png');}

a.rolloverBrochures {display: inline-block;margin-left: 0px;margin-right: 0px;width: 83px;height: 17px;background-position: -285px -17px;background-image: url('../images/topNavSprite.png');}
a.rolloverBrochures:hover {background-position: -285px 0px;}
a.rolloverBrochuresActive {display: inline-block;margin-left: 0px;margin-right: 0px;width: 83px;height: 17px;background-position: -285px -34px;background-image: url('../images/topNavSprite.png');}

a.rolloverContacts {display: inline-block;margin-left: 0px;margin-right: 0px;width: 64px;height: 17px;background-position: -369px -17px;background-image: url('../images/topNavSprite.png');}
a.rolloverContacts:hover {background-position: -369px 0px;}
a.rolloverContactsActive {display: inline-block;margin-left: 0px;margin-right: 0px;width: 64px;height: 17px;background-position: -369px -34px;background-image: url('../images/topNavSprite.png');}


div#bannerContact {Position: absolute;width: 391px;left: 709px;top: 176px;}

div#contact {Position: absolute;width: 391px;left: 895px;top: 233px;}

div#foot {
    position: relative;
	height: 139px;
	padding-left: 75px;
	text-align: left;
	vertical-align: middle;
    margin-top: 150px;
    background-color: #405770;
}
div#social {position:absolute;left: 255px;top: -210px;border:0;}
.classSocial {margin-right:10px;}

div#legal {
	position:absolute;
	left: -12px;
	top:-220px;
	color: #6e8eb2;
}

div#divisions {
	position: absolute;
	left: 885px;
	top: -210px; 
}
select {
	background: #ededed;
	border:solid #999999 1px;
	height: 22px;
	color: #909090;
	font-size: 12px;
}

div#formHE {position:relative;left:50px;top:100px;background: none;border-color: #000000;height: 22px;color: #909090;font-size: 12px;}

input[type="text"] {width:350px;border:solid #999999 1px;font-family: Arial, Arial Narrow, Helvetica, Verdana, sans-serif;font-size: 12px;}

textarea {width:350px;height:180px;border:solid #999999 1px;font-family: Arial, Arial Narrow, Helvetica, Verdana, sans-serif;font-size: 12px;}

table.tableContact {position:relative;left:20px;top:60px;width:365px;line-height:16px;font-family: Arial, Arial Narrow, Helvetica, Verdana, sans-serif;font-size: 12px;color:#666}
table.tableContact tr {border-width:0px;border-style:solid;border-bottom:solid #d7d7d7 0px;}
table.tableContact td {text-align:left;border-width:0px;padding-top:15px;padding-bottom:0px;padding-left:0px;padding-right:30px;border-left:solid #d7d7d7 0px;border-right:solid #d7d7d7 0px;border-style:solid;border-color:#d7d7d7;background-color:none;vertical-align:top;}

table.contentTables {position:relative;left:-2px;top:0px;width:780px;height:520px;line-height:16px;font-family: Arial, Arial Narrow, Helvetica, Verdana, sans-serif;font-size: 12px;color:#666;}
table.contentTables tr {border:solid #d7d7d7 0px;}
table.contentTables td {text-align:left;border-width:0px;padding-top:0px;padding-bottom:10px;padding-left:20px;padding-right:0px;vertical-align:middle;}
table.contentTables th {width:240px;text-align:center;border-width:0px;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:0px;background-color:#d2dae1;vertical-align:middle;}
table.contentTables th2 {width:240px;text-align:center;border-width:0px;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:0px;background-color:#d2dae1;vertical-align:top;}

div#GeneralSupplies {position:relative;top:-900px;}


table.contentTables2 {position:relative;left:5px;top:0px;width:780px;line-height:16px;font-family: Arial, Arial Narrow, Helvetica, Verdana, sans-serif;font-size: 12px;color:#666;}
table.contentTables2 tr {font-family: Arial, Arial Narrow, Helvetica, Verdana, sans-serif;font-size: 12px;color:#666;;}
table.contentTables2 td {width:50%;text-align:left;border-width:0px;padding-top:0px;padding-bottom:5px;padding-left:10px;padding-right:0px;vertical-align:top;}

table.contentTables3 {position:relative;left:-3px;top:0px;width:850px;line-height:16px;font-family: Arial, Arial Narrow, Helvetica, Verdana, sans-serif;font-size: 12px;color:#666;}
table.contentTables3 tr {font-family: Arial, Arial Narrow, Helvetica, Verdana, sans-serif;font-size: 12px;color:#666;;}
table.contentTables3 td {width:50%;text-align:left;border-width:0px;padding-top:0px;padding-bottom:5px;padding-left:15px;padding-right:0px;vertical-align:top;bacground-color:#96a6b5}
table.contentTables3 th {left:-5px;text-align:center;border-width:0px;padding-top:10px;padding-bottom:10px;padding-left:0px;padding-right:0px;background-color:#d2dae1;vertical-align:middle;}


a.categoriesHE {position: absolute;top: 338px;left: 14px;width: 341px;height: 245px;background-position: 0px 0px;background-image: url('../images/rolloverCategories.png');background-repeat: no-repeat;}
a.categoriesHE:hover {background-position: 0px -255px;background-repeat: no-repeat;}

a.categoriesOilfield {position: absolute;top: 338px;left: 362px;width: 341px;height: 245px;background-position: -355px 0px;background-image: url('../images/rolloverCategories.png');background-repeat: no-repeat;}
a.categoriesOilfield:hover {background-position: -355px -255px;background-repeat: no-repeat;}

a.categoriesPipeline {position: absolute;top: 338px;left: 709px;width: 341px;height: 245px;background-position: -709px 0px;background-image: url('../images/rolloverCategories.png');background-repeat: no-repeat;}
a.categoriesPipeline:hover {background-position: -709px -255px;background-repeat: no-repeat;}

a.mainNavCredit {position: absolute;top: 13px;left: 709px;width: 165px;height: 155px;background-position: 0px 0px;background-image: url('../images/mainNav.png');background-repeat: no-repeat;}
a.mainNavCredit:hover {background-position: -359px 0px;background-repeat: no-repeat;}

a.mainNavBrochures {position: absolute;top: 13px;left: 882px;width: 168px;height: 155px;background-position: -173px 0px;background-image: url('../images/mainNav.png');background-repeat: no-repeat;}
a.mainNavBrochures:hover {background-position: -532px 0px;background-repeat: no-repeat;}

a.contactHE {position: absolute;top: 13px;left: 709px;width: 341px;height: 136px;background-position: 0px 0px;background-image: url('../images/rolloverContact.png');background-repeat: no-repeat;}
a.contactHE:hover {background-position: -359px 0px;background-repeat: no-repeat;}
a.contactHEactive {position: absolute;top: 13px;left: 709px;width: 341px;height: 136px;background-position: -359px 0px;background-image: url('../images/rolloverContact.png');background-repeat: no-repeat;}

a.contactOilfield {position: absolute;top: 157px;left: 709px;width: 341px;height: 136px;background-position: 0px -144px;background-image: url('../images/rolloverContact.png');background-repeat: no-repeat;}
a.contactOilfield:hover {background-position: -359px -144px;background-repeat: no-repeat;}
a.contactOilfieldActive {position: absolute;top: 157px;left: 709px;width: 341px;height: 136px;background-position: -359px -144px;background-image: url('../images/rolloverContact.png');background-repeat: no-repeat;}

a.contactPipeline {position: absolute;top: 301px;left: 709px;width: 341px;height: 136px;background-position: 0px -288px;background-image: url('../images/rolloverContact.png');background-repeat: no-repeat;}
a.contactPipeline:hover {background-position: -359px -288px;background-repeat: no-repeat;}
a.contactPipelineActive {position: absolute;top: 301px;left: 709px;width: 341px;height: 136px;background-position: -359px -288px;background-image: url('../images/rolloverContact.png');background-repeat: no-repeat;}

a.contactGeneral  {position: absolute;top: 446px;left: 709px;width: 341px;height: 137px;background-position: 0px -433px;background-image: url('../images/rolloverContact.png');background-repeat: no-repeat;}
a.contactGeneral:hover {background-position: -359px -433px;background-repeat: no-repeat;}
a.contactGeneralActive {position: absolute;top: 446px;left: 709px;width: 341px;height: 137px;background-position: -359px -433px;background-image: url('../images/rolloverContact.png');background-repeat: no-repeat;}

a.bannersHEbrochure {position: absolute;top: 13px;left: 882px;width: 168px;height: 155px;background-position: 0px 0px;background-image: url('../images/HEsprite.png');background-repeat: no-repeat;}
a.bannersHEbrochure:hover {background-position: -177px 0px;background-repeat: no-repeat;}
a.bannersHEcredit {position: absolute;top: 176px;left: 882px;width: 168px;height: 155px;background-position: 0px -164px;background-image: url('../images/HEsprite.png');background-repeat: no-repeat;}
a.bannersHEcredit:hover {background-position: -177px -164px;background-repeat: no-repeat;}
a.bannersHEcontact {position: absolute;top: 338px;left: 882px;width: 168px;height: 245px;background-position: 0px -325px;background-image: url('../images/HEsprite.png');background-repeat: no-repeat;}
a.bannersHEcontact:hover {background-position: -177px -325px;background-repeat: no-repeat;}

a.bannersOilfieldBrochure {position: absolute;top: 13px;left: 882px;width: 168px;height: 155px;background-position: 0px 0px;background-image: url('../images/OilfieldSprite.png');background-repeat: no-repeat;}
a.bannersOilfieldBrochure:hover {background-position: -177px 0px;background-repeat: no-repeat;}
a.bannersOilfieldCredit {position: absolute;top: 176px;left: 882px;width: 168px;height: 155px;background-position: 0px -164px;background-image: url('../images/OilfieldSprite.png');background-repeat: no-repeat;}
a.bannersOilfieldCredit:hover {background-position: -177px -164px;background-repeat: no-repeat;}
a.bannersOilfieldContact {position: absolute;top: 338px;left: 882px;width: 168px;height: 245px;background-position: 0px -325px;background-image: url('../images/OilfieldSprite.png');background-repeat: no-repeat;}
a.bannersOilfieldContact:hover {background-position: -177px -325px;background-repeat: no-repeat;}

a.bannersPipelineBrochure {position: absolute;top: 13px;left: 882px;width: 168px;height: 155px;background-position: 0px 0px;background-image: url('../images/PipelineSprite.png');background-repeat: no-repeat;}
a.bannersPipelineBrochure:hover {background-position: -177px 0px;background-repeat: no-repeat;}
a.bannersPipelineCredit {position: absolute;top: 176px;left: 882px;width: 168px;height: 155px;background-position: 0px -164px;background-image: url('../images/PipelineSprite.png');background-repeat: no-repeat;}
a.bannersPipelineCredit:hover {background-position: -177px -164px;background-repeat: no-repeat;}
a.bannersPipelineContact {position: absolute;top: 338px;left: 882px;width: 168px;height: 245px;background-position: 0px -325px;background-image: url('../images/PipelineSprite.png');background-repeat: no-repeat;}
a.bannersPipelineContact:hover {background-position: -177px -325px;background-repeat: no-repeat;}

div#titleHE {position:absolute;top:-4px;padding-left:15px;padding-top:10px;left:0px;width:845px;height:35px;background-color:#96a6b5;background-repeat: no-repeat;}

div#ContentMainBanner {position:absolute;left:0px;top:41px;width:860px;height:525px;overflow-y:scroll;overflow-x:hidden;}

div#HEtext {position:absolute;display:block;top:500px;left:179px}
div#Oilfieldtext {position:absolute;display:block;top:500px;left:522px}
div#Pipelinetext {position:absolute;display:block;top:500px;left:887px}

div#aboutText {position:absolute;left:30px;top:80px;width:700px;font-style:inherit}
div#titleAbout {position:absolute;top:13px;padding-left:15px;padding-top:10px;left:14px;width:1021px;height:35px;background-color:#96a6b5;background-repeat: no-repeat;}
div#aboutLogos {position:absolute;top:350px;padding-left:15px;padding-top:10px;left:14px;width:1021px;height:35px;background-repeat: no-repeat;}



