/* Superior Energy CSS (www.superiorenergy.com) */

/* Reset default positioning values */
@import "reset.css";

/*************** Layout */

html { 
	overflow-y:scroll;
	overflow: -moz-scrollbars-vertical;
} 

body {
  background: url("../image/bg.gif") center top repeat-x;
  color: #666666;
}

#wrapper {
  width: 992px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  font-family: tahoma, geneva, sans-serif;
  font-size: 13px;
  line-height: 17px;
  color: #666666;
}

#header {
  float: left;
  display: inline;
  width: 100%;
  height: 116px;
}


/*************** Video Legend */
#video_legend {
	width:252px;
	height:62px;
	margin-top:20px;
	margin-left:100px;
	background-image:url('/image/video_legend.gif');
	background-repeat:no-repeat;
}


/*************** Logo / Top / Search */

#logo {
  float: left;
  display: inline;
  width: 111px;
  height: 72px;
  margin: 8px 0px 0px 12px;
}

#logo img {
  display: block;
  width: 111px;
  height: 72px;
}

#top {
  float: right;
  display: inline;
  width: 800px;
  height: 18px;
  margin: 8px 12px 0px 0px;
  text-align: center;
}

#top span {
  float: left;
  display: block;
  width: 180px;
  height: 20px;
  margin: 0px 8px 0px 0px;
	font-size: 10px;
  text-align: right;
}

#top span.lang {
  float: left;
  display: block;
  width: 300px;
  height: 20px;
  margin: 0px 8px 0px 0px;
	font-size: 10px;
  text-align: right;
}

#top span span {
  float: none;
  display: inline;
  width: auto;
  height: auto;
}

#top p {
  float: right;
  width: 300px;
  height: 20px;
  margin: 0px;
  font-size: 10px;
  text-align: right;
}

#top select {
  width: 298px;
  font-size: 10px;
  padding: 1px;
  border: solid 1px #cccccc;
}

/*************** Top Nav: Top Nav */

#nav {
  float: left;
  clear: left;
  display: inline;
  width: 986px;
  height: 26px;
  margin: 10px 0px 0px 6px;
  z-index: 100;
}

#nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 986px;
  height: 26px;
  z-index: 100;
}

#nav ul li {
  float: left;
  position: relative;
  margin: 0px;
  padding: 0px;
  z-index: 100;
}

/*************** Trying to eliminate IE nav items from vanishing */

#nav ul li#navAbout {
  width: 101px;
  height: 26px;
  background: url("../image/nav_about.png") center bottom no-repeat;
}

#nav ul li#navGlobal {
  width: 147px;
  height: 26px;
  background: url("../image/nav_global.png") center bottom no-repeat;
}

#nav ul li#navProducts {
  width: 156px;
  height: 26px;
  background: url("../image/nav_services.png") center bottom no-repeat;
}

#nav ul li#navSubsidiaries {
  width: 117px;
  height: 26px;
  background: url("../image/nav_subsidiaries.png") center bottom no-repeat;
}

#nav ul li#navDivisions {
  width: 101px;
  height: 26px;
  background: url("../image/nav_divisions.png") center bottom no-repeat;
}

#nav ul li#navRelations {
  width: 150px;
  height: 26px;
  background: url("../image/nav_investor_relations.png") center bottom no-repeat;
}

#nav ul li#navCareers {
  width: 97px;
  height: 26px;
  background: url("../image/nav_careers.png") center bottom no-repeat;
}

#nav ul li#navContact {
  width: 110px;
  height: 26px;
  background: url("../image/nav_contact_us.png") center bottom no-repeat;
}

/*************** Top Nav: Styles for Menu Items */

#nav ul li#navAbout a, 
#nav ul li#navAbout a:visited, 
#nav ul li#navAbout a:active {
  display: block;
  width: 101px;
  height: 26px;
  padding: 0px;
  background-image: url("../image/nav_about.png");
	background-position: top;
}

#nav ul li#navGlobal a, 
#nav ul li#navGlobal a:visited, 
#nav ul li#navGlobal a:active {
  display: block;
  width: 147px;
  height: 26px;
  padding: 0px;
  background-image: url("../image/nav_global.png");
	background-position: top;
}


#nav ul li#navProducts a, 
#nav ul li#navProducts a:visited, 
#nav ul li#navProducts a:active {
  display: block;
  width: 156px;
  height: 26px;
  padding: 0px;
  background-image: url("../image/nav_services.png");
	background-position: top;
}

#nav ul li#navSubsidiaries a, 
#nav ul li#navSubsidiaries a:visited, 
#nav ul li#navSubsidiaries a:active {
  display: block;
  width: 117px;
  height: 26px;
  padding: 0px;
  background-image: url("../image/nav_subsidiaries.png");
	background-position: top;
}

#nav ul li#navDivisions a, 
#nav ul li#navDivisions a:visited, 
#nav ul li#navDivisions a:active {
  display: block;
  width: 101px;
  height: 26px;
  padding: 0px;
  background-image: url("../image/nav_divisions.png");
	background-position: top;
}

#nav ul li#navRelations a, 
#nav ul li#navRelations a:visited, 
#nav ul li#navRelations a:active {
  display: block;
  width: 150px;
  height: 26px;
  padding: 0px;
  background-image: url("../image/nav_investor_relations.png");
	background-position: top;
}

#nav ul li#navCareers a, 
#nav ul li#navCareers a:visited, 
#nav ul li#navCareers a:active {
  display: block;
  width: 97px;
  height: 26px;
  padding: 0px;
  background-image: url("../image/nav_careers.png");
	background-position: top;
}

#nav ul li#navContact a, 
#nav ul li#navContact a:visited, 
#nav ul li#navContact a:active {
  display: block;
  width: 110px;
  height: 26px;
  padding: 0px;
  background-image: url("../image/nav_contact_us.png");
	background-position: top;
}

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

#nav ul li ul {
  float: none;
  position: absolute;
  left: 0px; /* Set 1px less than menu width */
  top: 26px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 180px; /* Width of Menu Items */
  height: auto;
  display: none;
  border: solid 1px #ffffff;
  background-color: #355a77;
  z-index: 100;
}

#nav ul li ul li {
  float: none;
  margin: 0px;
  z-index: 100;
  background-color: #345f81;
}

/*************** Top Nav: Styles for Drop Menu Items */

#nav ul li ul li a:link, 
#nav ul li ul li a:visited, 
#nav ul li ul li a:active,
#nav ul li#navAbout ul li a, 
#nav ul li#navAbout ul li a:visited, 
#nav ul li#navAbout ul li a:active,
#nav ul li#navProducts ul li a, 
#nav ul li#navProducts ul li a:visited, 
#nav ul li#navProducts ul li a:active,
#nav ul li#navSubsidiaries ul li a, 
#nav ul li#navSubsidiaries ul li a:visited, 
#nav ul li#navSubsidiaries ul li a:active,
#nav ul li#navDivisions ul li a, 
#nav ul li#navDivisions ul li a:visited, 
#nav ul li#navDivisions ul li a:active,
#nav ul li#navGlobal ul li a, 
#nav ul li#navGlobal ul li a:visited, 
#nav ul li#navGlobal ul li a:active,
#nav ul li#navRelations ul li a, 
#nav ul li#navRelations ul li a:visited, 
#nav ul li#navRelations ul li a:active,
#nav ul li#navCareers ul li a, 
#nav ul li#navCareers ul li a:visited, 
#nav ul li#navCareers ul li a:active,
#nav ul li#navContact ul li a, 
#nav ul li#navContact ul li a:visited, 
#nav ul li#navContact ul li a:active {
  display: block;
  width: 170px;
  height: auto;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  padding: 2px 4px;
  margin: 0px;
  color: #ddeeff;
  border-top: solid 1px #446688;
  background-image: none;
  letter-spacing: 0px;
  text-decoration: none;
  z-index: 100;
}

/*************** Top Nav: Hover Styles

#nav ul li a:hover {
  color: #ffffff;
  text-decoration: none;
  background: url("../image/nav_bg_hover.jpg") top repeat-x;
  z-index: 100;
} */

#nav ul li#navAbout a:hover,
#nav ul li#navAbout.here a,
#nav ul li#navProducts a:hover,
#nav ul li#navProducts.here a,
#nav ul li#navSubsidiaries a:hover,
#nav ul li#navSubsidiaries.here a,
#nav ul li#navDivisions a:hover,
#nav ul li#navDivisions.here a,
#nav ul li#navGlobal a:hover,
#nav ul li#navGlobal.here a,
#nav ul li#navRelations a:hover,
#nav ul li#navCareers a:hover,
#nav ul li#navCareers.here a,
#nav ul li#navContact a:hover,
#nav ul li#navContact.here a,
#nav ul li.over {
	background-position: bottom;
}

#nav ul li ul li a:hover,
#nav ul li#navAbout ul li a:hover,
#nav ul li#navProducts ul li a:hover,
#nav ul li#navSubsidiaries ul li a:hover,
#nav ul li#navDivisions ul li a:hover,
#nav ul li#navGlobal ul li a:hover,
#nav ul li#navRelations ul li a:hover,
#nav ul li#navCareers ul li a:hover,
#nav ul li#navContact ul li a:hover,
#nav ul li a.here, 
#nav ul li a.here:link, 
#nav ul li a.here:visited, 
#nav ul li a.here:active, 
#nav ul li a.here:hover {
  color: #7799cc;
  text-decoration: none;
  background: url("../image/nav_bg_hover.jpg") top repeat-x;
  z-index: 100;
}

/*************** Top Nav: Fix IE. Hide from IE Mac */

* html body #nav ul li,
* html body #nav ul li ul li
{ float: left; height: 1%; }

* html body #nav ul li a,
* html body #nav ul li ul li a
{ height: 1%; }

/*************** Top Nav: The Magic */

#nav ul li:hover ul,
#nav ul li a:hover ul,
#nav ul li.over ul {
  display: block;
  z-index: 9999;
}


/*************** Content */

#contentHome {
  float: left;
  display: inline;
  width: 992px;
  height: auto;
}

#content {
  float: left;
  display: inline;
  width: 952px;
  min-height: 300px;
  height: auto !important;
  height: 300px;
  padding: 20px;
  margin: 0px 0px 0px 0px;
  background: #ffffff url("../image/content_bg.jpg") top no-repeat;
}

div.bucket {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  padding: 0px 0px 20px 0px;
}
.stockBanner {
  float:left;
  background-color:#ffffff;
  padding:0;
  border:1px solid #104b4a;
  margin-bottom:10px;
}
/*************** Breadcrumb */

#breadcrumb {
  float: left;
  display: inline;
  width: 966px;
  height: 18px;
  background: url("../image/breadcrumb_bg.jpg") no-repeat;
  padding: 3px 13px;
  margin: 2px 0px 0px 0px;
  color: #999999;
  font-size: 10px;
  line-height: 14px;
}

#breadcrumb p {
  margin: 0px;
  padding: 0px;
  width: 966px;
  line-height: 14px;
}

#breadcrumb p a {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  line-height: 14px;
}

a.anchor {
  float: left;
  display: inline;
  font-size: 0px;
  line-height: 0px;
  width: 0px;
  height: 0px;
}


/*************** New Contact Us Columns - Added August 21, 2008. */


.contactAddress {
	margin-left:10px;
}

.newContactWrapper {
  float: left;
  display: inline;
  width: 200px;
  height: auto;
  padding: 0px 30px 120px 0px;
  vertical-align:top;
}


.newContact {
  float: left;
  display: inline;
  width: 200px;
  height: auto;
  padding: 0px 22px 0px 0px;
  border-right: solid 1px #ccd8dd;
  color: #447788;
}

.newContact ul {
  float: left;
  display: inline;
  width: 198px;
  height: auto;
  list-style: none;
  padding: 0px;
  margin: 0px;
  border-top: solid 1px #ccd8dd;
}

.newContact ul li {
  float: left;
  width: 198px;
  height: auto;
  margin: 0px;
  padding: 0px;
  border-bottom: solid 1px #ccd8dd;
}

.newContact ul li a, 
.newContact ul li a:link, 
.newContact ul li a:visited {
  display: block;
  width: 180px;
  height: auto;
  margin: 0px;
  padding: 4px 4px 4px 12px;
  text-align: left;
  font-size: 10px;
  line-height: 14px;
  color: #447788;
  text-decoration: none;
  text-transform: uppercase;
  background: #ffffff url("../image/bullet.gif") 4px 9px no-repeat;
}

.newContact ul li a:hover, 
.newContact ul li a:active,
.newContact ul li.here a:link, 
.newContact ul li.here a:visited, 
.newContact ul li.here a:hover, 
.newContact ul li.here a:active {
  background: #dde3e8 url("../image/bullet.gif") 4px 9px no-repeat;
}

.newContact ul li ul {
  display: none;
  list-style: none;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

.newContact ul li.here ul {
  display: block;
}

.newContact ul li ul li {
  float: left;
  width: 169px;
  height: auto;
  margin: 0px;
  border: none;
}

.newContact ul li ul li span,
.newContact ul li ul li a,  
.newContact ul li ul li a:link, 
.newContact ul li ul li a:visited,
.newContact ul li.here ul li a:link, 
.newContact ul li.here ul li a:visited {
  font-size: 10px;
  line-height: 18px;
  width: 159px;
  padding: 2px 4px 2px 22px;
  background: #ffffff url("../image/bullet.gif") 14px 9px no-repeat;
  border-bottom: 0px;
  text-transform: none;
}

.newContact ul li ul li a:hover, 
.newContact ul li ul li a:active, 
.newContact ul li.here ul li a:hover, 
.newContact ul li.here ul li a:active,
.newContact ul li ul li.here a:link,
.newContact ul li ul li.here a:visited,
.newContact ul li ul li.here a:hover,
.newContact ul li ul li.here a:active {
  background: #e4ecf2 url("../image/bullet.gif") 14px 9px no-repeat;
}

.newContact ul li ul li ul {
  display: none;
  list-style: none;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

.newContact ul li ul li.here ul {
  display: block;
}

.newContact ul li ul li ul li {
  float: left;
  width: 159px;
  height: auto;
  margin: 0px;
  padding-left: 10px;
  border: none;
  background: none;
}

.newContact ul li ul li ul li span,
.newContact ul li ul li ul li a,  
.newContact ul li ul li ul li a:link, 
.newContact ul li ul li ul li a:visited,
.newContact ul li ul li.here ul li a:link, 
.newContact ul li ul li.here ul li a:visited {
  font-size: 10px;
  line-height: 18px;
  width: 149px;
  padding: 2px 4px 2px 22px;
  background: #ffffff url("../image/bullet.gif") 14px 9px no-repeat;
  border-bottom: 0px;
  text-transform: none;
  text-decoration: none;
}

.newContact ul li ul li ul li a:hover, 
.newContact ul li ul li ul li a:active, 
.newContact ul li ul li.here ul li a:hover, 
.newContact ul li ul li.here ul li a:active,
.newContact ul li ul li ul li.here a:link,
.newContact ul li ul li ul li.here a:visited,
.newContact ul li ul li ul li.here a:hover,
.newContact ul li ul li ul li.here a:active {
  text-decoration: none;
  color: #226677;
  background: #e4ecf2 url("../image/bullet.gif") 14px 9px no-repeat;
}


/*************** Left Nav */
#leftNavWrapper {
  float: left;
  display: inline;
  width: 207px;
  height: auto;
  padding: 0px 0px 120px 0px;
}

#leftNav {
  float: left;
  display: inline;
  width: 185px;
  height: auto;
  padding: 0px 22px 0px 0px;
  border-right: solid 1px #ccd8dd;
}

#leftNav img {
  float: left;
  display: inline;
  margin: 0px 0px 12px 0px;
}

#leftNav ul {
  float: left;
  display: inline;
  width: 185px;
  height: auto;
  list-style: none;
  padding: 0px;
  margin: 0px;
  border-top: solid 1px #ccd8dd;
}

#leftNav ul li {
  float: left;
  width: 185px;
  height: auto;
  margin: 0px;
  padding: 0px;
  border-bottom: solid 1px #ccd8dd;
}

#leftNav ul li a, 
#leftNav ul li a:link, 
#leftNav ul li a:visited {
  display: block;
  width: 169px;
  height: auto;
  margin: 0px;
  padding: 4px 4px 4px 12px;
  text-align: left;
  font-size: 10px;
  line-height: 14px;
  color: #447788;
  text-decoration: none;
  text-transform: uppercase;
  background: #ffffff url("../image/bullet.gif") 4px 9px no-repeat;
}

#leftNav ul li a:hover, 
#leftNav ul li a:active,
#leftNav ul li.here a:link, 
#leftNav ul li.here a:visited, 
#leftNav ul li.here a:hover, 
#leftNav ul li.here a:active {
  background: #dde3e8 url("../image/bullet.gif") 4px 9px no-repeat;
}

#leftNav ul li ul {
  display: none;
  list-style: none;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

#leftNav ul li.here ul {
  display: block;
}

#leftNav ul li ul li {
  float: left;
  width: 169px;
  height: auto;
  margin: 0px;
  border: none;
  padding-left: 4px;
}

#leftNav ul li ul li span,
#leftNav ul li ul li a,  
#leftNav ul li ul li a:link, 
#leftNav ul li ul li a:visited,
#leftNav ul li.here ul li a:link, 
#leftNav ul li.here ul li a:visited {
  font-size: 10px;
  line-height: 18px;
  width: 159px;
  padding: 2px 4px 2px 22px;
  background: #ffffff url("../image/bullet.gif") 14px 9px no-repeat;
  border-bottom: 0px;
  text-transform: none;
}

#leftNav ul li ul li a:hover, 
#leftNav ul li ul li a:active, 
#leftNav ul li.here ul li a:hover, 
#leftNav ul li.here ul li a:active,
#leftNav ul li ul li.here a:link,
#leftNav ul li ul li.here a:visited,
#leftNav ul li ul li.here a:hover,
#leftNav ul li ul li.here a:active {
  background: #e4ecf2 url("../image/bullet.gif") 14px 9px no-repeat;
}

#leftNav ul li ul li ul {
  display: none;
  list-style: none;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

#leftNav ul li ul li.here ul {
  display: block;
}

#leftNav ul li ul li ul li {
  float: left;
  width: 159px;
  height: auto;
  margin: 0px;
  padding-left: 10px;
  border: none;
  background: none;
}

#leftNav ul li ul li ul li span,
#leftNav ul li ul li ul li a,  
#leftNav ul li ul li ul li a:link, 
#leftNav ul li ul li ul li a:visited,
#leftNav ul li ul li.here ul li a:link, 
#leftNav ul li ul li.here ul li a:visited {
  font-size: 10px;
  line-height: 18px;
  width: 149px;
  padding: 2px 4px 2px 22px;
  background: #ffffff url("../image/bullet.gif") 14px 9px no-repeat;
  border-bottom: 0px;
  text-transform: none;
  text-decoration: underline;
}

#leftNav ul li ul li ul li a:hover, 
#leftNav ul li ul li ul li a:active, 
#leftNav ul li ul li.here ul li a:hover, 
#leftNav ul li ul li.here ul li a:active,
#leftNav ul li ul li ul li.here a:link,
#leftNav ul li ul li ul li.here a:visited,
#leftNav ul li ul li ul li.here a:hover,
#leftNav ul li ul li ul li.here a:active {
  text-decoration: none;
  font-weight:bold;
  color: #226677;
  background: #edf5fb url("../image/bullet.gif") 14px 9px no-repeat;
}


/*************** Content Divider (HR) */

div.hr {
  float: left;
  display: inline;
  width: auto;
  height: 3px;
  margin: 8px 0px 12px 0px;
  font-size: 3px;
  line-height: 3px;
  background: url("../image/border_red.gif") repeat-x;
}

div.hr.grey {
  float: left;
  display: inline;
  width: auto;
  height: 3px;
  margin: 8px 0px 12px 0px;
  font-size: 3px;
  line-height: 3px;
  background: url("../image/border_grey.gif") repeat-x;
}

div.hr.blue {
  float: left;
  display: inline;
  width: auto;
  height: 3px;
  margin: 8px 0px 12px 0px;
  font-size: 3px;
  line-height: 3px;
  background: url("../image/border_blue.gif") repeat-x;
}

div.hr.zeroBottom,
div.hr.blue.zeroBottom,
div.hr.grey.zeroBottom {
  margin-bottom: 0px;
  padding-bottom: 0px; 
}

/*************** Content Top (Logo, Banner) */

#contentTop {
  float: left;
  display: inline;
  width: 511px;
  height: auto;
  margin: 0px 0px 20px 22px;
}

#contentTop img.floatLeft, #contentTop img.floatRight {
  margin: 0px;
}

#topRight {
  float: right;
  display: inline;
  width: 191px;
  height: auto;
  margin: 0px 0px 20px 0px;
}

#topRight img.floatLeft, #topRight img.floatRight {
  margin: 0px;
}

/*************** Content Main (Text, Images) */


#contentMainContact {
  float:left;
  display: block;
  width: 700px;
  margin: 0px 0px 0px 22px;
  padding: 0px 0px 10px 0px;
}

#contentMain {
  float:left;
  display:block;
  width: 511px;
  height: auto;
  margin: 0px 0px 0px 22px;
  padding: 0px 0px 10px 0px;
}

#contentMain img {
  border: solid 1px #778899;
}

#contentMain img.noBorder {
  border: 0px;
}

#contentMain img.goButton {
  border: 0px;
  padding-left:10px;
  vertical-align: bottom;
}

#header img.goButton {
  border: 0px;
  padding-left:6px;
  vertical-align: bottom;
}

/*************** Search Buttons */
    #btnSearch {
    background:url("/image/search_buttons.gif") no-repeat;
    width:74px;
    height:22px;
    margin:0;
    padding:0;
    }

    #btnSearch ul {
margin:0;
padding:0;
display:inline;
list-style:none;
    }

    #btnSearch span {
    display: none;
    }

    #btnSearch li, #btnSearch a {
list-style:none; 
margin:0;
padding:0;
    height:22px;
    display:inline;
text-decoration:none;
    display:inline;
    }

    #btnSearch li {
    float:left;
list-style:none;
    display:inline;
margin:0;
padding:0;
    }

    #btnSearchbtn {
    width: 74px;
display:inline;
    }

    #btnSearchbtn a:hover {background:url("/image/search_buttons.gif") 75px 0px no-repeat; }





#content div.hr {
  width: 952px;
}

#contentMain div.hr {
  width: 511px;
}

#contentMain h1 {
  position: relative;
}

#contentMain h1.half,
#contentMain h2.half,
#contentMain div.hr.half,
#contentMain div.list.half,
#contentMain div.bucket.half {
  width: 250px;
}

#contentMain blockquote {
	width: 487px;
	}
div.contentLeft {
  float: left;
  display: inline;
  width: 310px;
  height: auto;
}

div.contentLeft h1,
div.contentLeft h2,
div.contentLeft h3,
div.contentLeft h4,
div.contentLeft div.hr,
div.contentLeft div.list {
  width: 310px;
}



div.contentRight {
  float: right;
  display: inline;
  width: 300px;
  height: auto;
}

div.contentRight h1,
div.contentRight h2,
div.contentRight h3,
div.contentRight h4,
div.contentRight div.hr,
div.contentRight div.list {
  width: 300px;
}



#contentMain h1 img.icon {
  float: left;
  clear: both;
  display: block;
  position: absolute;
  border: 0px;
  width: 70px;
  height: 75px;
  z-index: 0;
  top: -13px;
  left: 440px;
}

/*************** Callout */

#callout {
  float: right;
  display: inline;
  width: 191px;
  height: auto;
  margin: 9px 0px 100px 0px;
}


#callout div.bucket {
  float: left;
  display: inline;
  width: 191px;
  height: auto;
  padding: 0px;
  margin: 0px 0px 15px 0px;
}

img.header {
  float: left;
  display: inline;
  margin: 0px;
}

#callout div.hr {
  width: 191px;
}

a.brochure {
  float: none;
  display: block;
  width: 171px;
  height: auto;
  padding: 5px 0px 5px 20px;
  background: url("/image/icon_brochure.gif") 0px 7px no-repeat;
}

a.url {
  float: none;
  display: block;
  width: 171px;
  height: auto;
  padding: 5px 0px 5px 20px;
  background: url("/image/16x16_globe.jpg") 0px 7px no-repeat;
}

a.pdf {
  float: none;
  display: block;
  width: 171px;
  height: auto;
  padding: 5px 0px 5px 20px;
  background: url("/image/icon_pdf.gif") 0px 7px no-repeat;
}

a.flv {
  float: none;
  display: block;
  width: 171px;
  height: auto;
  padding: 5px 0px 5px 20px;
  background: url("/image/icon_flv.gif") 0px 7px no-repeat;
}

a.doc {
  float: none;
  display: block;
  width: 171px;
  height: auto;
  padding: 5px 0px 5px 20px;
  background: url("/image/icon_doc.gif") 0px 7px no-repeat;
}

a.xls {
  float: none;
  display: block;
  width: 171px;
  height: auto;
  padding: 5px 0px 5px 20px;
  background: url("/image/icon_xls.gif") 0px 7px no-repeat;
}

a.chat {
  float: none;
  display: block;
  width: 171px;
  height: auto;
  padding: 5px 0px 5px 20px;
  background: url("/image/icon_chat.gif") 0px 7px no-repeat;
}

a.superior {
  float: none;
  display: block;
  width: 171px;
  height: auto;
  padding: 5px 0px 5px 20px;
  background: url("/image/icon_superior.gif") 0px 7px no-repeat;
}

a.png {
  float: none;
  display: block;
  width: 171px;
  height: auto;
  padding: 5px 0px 5px 20px;
  background: url("/image/icon_png.gif") 0px 7px no-repeat;
}

a.factSheet {
  float: none;
  display: block;
  width: 171px;
  height: auto;
  padding: 5px 0px 5px 20px;
  background: url("/image/icon_factsheet.gif") 0px 7px no-repeat;
}

a.video {
  float: none;
  display: block;
  width: 171px;
  height: auto;
  padding: 5px 0px 5px 20px;
  background: url("/image/icon_video.gif") 0px 7px no-repeat;
}

a.webcast {
  float: none;
  display: block;
  width: 171px;
  height: auto;
  padding: 5px 0px 5px 20px;
  background: url("/image/icon_mic.gif") 0px 7px no-repeat;
}

#callout p {
  margin: 0px 0px 8px 0px;
}

table.infoForm {
  width: 191px;
  height: auto;
}

table.infoForm tr th {
  width: 61px;
  padding: 2px 2px 2px 0px;
  margin: 0px;
  color: #999999;
}

table.infoForm tr td {
  width: 128px;
  padding: 2px 0px;
  margin: 0px;
}

table.infoForm tr td input {
  width: 118px;
  padding: 1px;
}

table.infoForm tr td textarea {
  width: 118px;
  padding: 1px;
  height: 60px;
}

table.infoForm tr td input.submit {
  width: 122px;
}



/*************** Two-Column Layouts */

#twoColumn {
  float: right;
  display: inline;
  width: 722px;
  height: auto;
  margin: 0px 0px 10px 0px;
}

#twoColumn.left {
  float: left;
  display: inline;
  width: 742px;
  height: auto;
  margin: 0px 0px 10px 0px;
}

#twoColumn.right {
  float: right;
  display: inline;
  width: 722px;
  height: auto;
  margin: 0px 0px 10px 0px;
}

/*************** Homepage */

#homeTop {
  float: left;
  display: inline;
  width: 992px;
  height: auto;
  margin: 3px 0px 0px 0px;
}

#home {
  float: left;
  display: inline;
  width: 992px;
  height: 213px;
  line-height: 1px;
  font-size: 1px;
}

/* Nonflash

#home {
  float: left;
  display: inline;
  width: 250px;
  height: 212px;
  line-height: 1px;
  font-size: 1px;
}

#home img, #map img {
  display: block;
}

#map {
  float: right;
  display: inline;
  width: 742px;
  height: 212px;
  line-height: 1px;
  font-size: 1px;
}
*/

#homeBottom {
  float: left;
  display: inline;
  width: 992px;
  height: auto;
}


/*************** Homepage Buckets */

div.homeBucket {
  float: left;
  display: inline;
  height: auto;
  line-height: 14px;
  padding: 10px 15px 15px 15px;
  margin: 2px 0px 0px 0px;
  background: #ffffff url("../image/home_bucket.jpg") top left no-repeat;
}

div.homeBucket p {
  line-height: 15px;
  position: relative;
  display: inline;
}

div.homeBucket div.hr {
  margin-bottom: 4px;
}

div.homeBucket img.header {
  margin: 10px 0px 0px 0px;
}

div.homeBucket a:link,
div.homeBucket a:visited {
  text-decoration: none;
}

/*************** Homepage Left Bucket */

div.homeBucket.bucketLeft {
  clear: left;
  width: 220px;
}

div.homeBucket.bucketLeft h1,
div.homeBucket.bucketLeft h2,
div.homeBucket.bucketLeft h3,
div.homeBucket.bucketLeft h4,
div.homeBucket.bucketLeft p,
div.homeBucket.bucketLeft div.hr{
  width: 220px;
}

div.homeBucket.bucketLeft a.brochure,
div.homeBucket.bucketLeft a.video,
div.homeBucket.bucketLeft a.factSheet,
div.homeBucket.bucketLeft a.webcast {
  width: 200px;
}

div.homeBucket.bucketLeft p {
  margin: 0px;
}

div.homeBucket.bucketLeft p.zeroBottom {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

div.homeBucket.bucketLeft table {
  float: left;
  width: 220px;
  margin-top: 1px;
  color: #333333;
  border-collapse: collapse;
}

div.homeBucket.bucketLeft table tr td {
  width: 100%;
  padding: 1px 3px; 
  font-size: 10px;
  line-height: 12px;
  background: #c3d1db;
  border: solid 1px #eeeeee;
  vertical-align: middle;
}

div.homeBucket.bucketLeft table tr td.big {
  font-size: 18px;
  line-height: 24px;
}

div.homeBucket.bucketLeft table td.light {
  background: #d6dfe4;
}

div.homeBucket.bucketLeft table td.bgGreen {
  background: #88bb77;
}

div.homeBucket.bucketLeft table td.bgRed {
  background: #dd8877;
}

div.homeBucket.bucketLeft table td.bgGrey {
  background: #cccccc;
}

div.homeBucket.bucketLeft table td.bgWhiteC {
  text-align:center;
  background: #ffffff;
}

div.homeBucket.bucketLeft table td.bgWhiteL {
  text-align:left;
  background: #ffffff;
}

/*************** Homepage Center Bucket */

div.homeBucket.bucketMid {
  width: 462px;
}

div.homeBucket.bucketMid h1,
div.homeBucket.bucketMid h2,
div.homeBucket.bucketMid h3,
div.homeBucket.bucketMid h4,
div.homeBucket.bucketMid p,
div.homeBucket.bucketMid div.hr {
  width: 462px;
}

div.homeBucket.bucketMid p.zeroBottom {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

div.homeBucket.bucketMid a.brochure,
div.homeBucket.bucketMid a.video,
div.homeBucket.bucketMid a.factSheet,
div.homeBucket.bucketMid a.webcast {
  width: 442px;
}

div.homeBucket.bucketMid p img {
  float: left;
  display: inline;
  border: solid 1px #778899;
  margin: 4px 8px 8px 0px;
}

/*************** Homepage Right Bucket */

div.homeBucket.bucketRight {
  width: 220px;
}

div.homeBucket.bucketRight h1,
div.homeBucket.bucketRight h2,
div.homeBucket.bucketRight h3,
div.homeBucket.bucketRight h4,
div.homeBucket.bucketRight p,
div.homeBucket.bucketRight div.hr {
  width: 220px;
}

div.homeBucket.bucketRight p.zeroBottom {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

div.homeBucket.bucketRight a.brochure,
div.homeBucket.bucketRight a.video,
div.homeBucket.bucketRight a.factSheet,
div.homeBucket.bucketRight a.webcast {
  width: 200px;
}

/*************** Investor Relations Table */

table.quickFacts {
  float: left;
  width: 511px;
  border-collapse: collapse;
}

table.quickFacts tr td {
  width: 170px;
  padding: 12px 12px 8px 12px; 
  background: #c3d1db;
  border: solid 1px #ffffff;
  vertical-align: middle;
  line-height: 13px;
  text-align: center;
}

table.quickFacts td.light {
  background: #d6dfe4;
}

/*************** Contact Table */

table.contact {
  float: left;
  width: 511px;
  border-collapse: collapse;
}

table.contact tr td {
  width: auto;
  padding: 10px 8px 4px 4px; 
  vertical-align: top;
  text-align: left;
  border: 0px;
  padding-top: 10px;
}

table.contact tr.shaded td {
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  padding: 2px;
  text-align: center;
  background: #eeeeee;
}

table.contact tr td.loc {
  width: 90px;
}

table.contact tr td.ph {
  width: 90px;
  white-space: nowrap;
}

table.contact tr td.fax {
  width: 90px;
  white-space: nowrap;
}

table.contact tr td.con {
  width: 261px;
}

table.contact tr td.subsidiary {
  width: 511px;
  padding: 4px; 
  vertical-align: top;
  text-align: left;
  border-bottom: solid 1px #999999;
  font-family: arial, helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: 22px;
}

table.contact tr th {
  width: auto;
  padding: 4px; 
  text-align: left;
  vertical-align: middle;
  border: 0px;
}

table.contact tr th img {
  border: 0px;
}

/*************** Marine Vessels Table */

table.marine {
  float: left;
  width: 511px;
  border-collapse: collapse;
}

table.marine tr th {
  width: 45px;
  padding: 4px 4px 4px 4px; 
  background: #dddddd;
  border-bottom: solid 1px #333333;
  vertical-align: middle;
  text-align: left;
  font-size: 10px;
  font-weight: normal;
}

table.marine tr td {
  width: 45px;
  padding: 4px 4px 4px 4px; 
  background: #ffffff;
  vertical-align: top;
  text-align: left;
  border-bottom: solid 1px #999999;
}

table.marine tr.shaded td {
  background: #eeeeee;
}

table.marine tr th.vessel, table.marine tr td.vessel {
  width: 100px;
}

/*************** Footer */

#footer {
  clear: both;
  width: 100%;
  height: 50px;
  font-family: tahoma, geneva, sans-serif;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  padding: 6px 0px 8px 0px;
  color: #cccccc;
  background: url("../image/footer_bg.jpg") top center repeat-x;
}

#footer p {
  float: none;
  color: #999999;
  text-transform: uppercase;
}

#footer p a:link, #footer p a:visited {
  color: #999999;
  text-decoration: none;
  margin: 0px 3px;
}

#footer p a:hover, #footer p a:active {
  color: #003366;
}

#footer table {
  width: 160px;
  float: none;
}

/*************** Tags */

h1 {
  float: left;
  display: inline;
  clear: left;
  width: 100%;
  height: auto;
  font-size: 22px;
  line-height: 28px;
  font-weight: bold;
  color: #173b51;
  font-family: arial narrow, arial, helvetica, sans-serif;
  letter-spacing: -1px;
  margin: 0px 0px 12px 0px;
  padding: 0px 0px 8px 0px;
  background: url("../image/border_red.gif") bottom repeat-x;
}

h2 {
  float: left;
  display: inline;
  clear: left;
  width: 100%;
  height: auto;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  color: #115588;
  font-family: arial, helvetica, sans-serif;
  margin: 0px 0px 8px 0px;
  padding: 10px 0px 4px 0px;
  border-bottom: solid 1px #115588;
}

h3 {
  float: left;
  display: inline;
  clear: left;
  width: 100%;
  height: auto;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #999999;
  font-family: arial, helvetica, sans-serif;
  margin: 0px 0px 4px 0px;
}
h5 {
  float: left;
  display: inline;
  clear: left;
  width: 100%;
  height: auto;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #173b51;
  font-family: arial, helvetica, sans-serif;
  margin: 0px 0px 4px 0px;
}

h4 {
  float: left;
  display: inline;
  clear: left;
  width: 100%;
  height: auto;
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  color: #6699cc;
  font-family: arial, helvetica, sans-serif;
  margin: 0px 0px 2px 0px;
}

p {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  padding: 0px 0px 12px 0px;
  line-height: 17px;
  text-indent: 0px
}

a, a:link {
  color: #336699;
}

a:visited {
  color: #336699;
}

a:hover, a:active {
  color: #003366;
}

blockquote {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  padding: 12px;
  margin: 0px 0px 12px 0px;
  color: #999999;
  font-size: 11px;
  line-height: 16px;
  background: #eeeeee;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

sup {
  font-size: .8em;
  position: relative;
  top: -.4em;
}

pre {
 float: left;
 display: inline;
 font-size: 11px;
 font-family: courier new, courier, mono;
}

#contentMain pre {
 width: 511px;
 height: auto;
}

/*************** Column Layout 

.half h1, .half h2, .half h3, .half h4, .half p {
  width: 50%;
  height: auto;
}

.third h1, .third h2, .third h3, .third h4, .third p {
  width: 33%;
  height: auto;
}

.twoThirds h1, .twoThirds h2, .twoThirds h3, .twoThirds h4, .twoThirds p {
  width: 66%;
  height: auto;
}

.half blockquote {
  width: 50%;
}

.third blockquote {
  width: 33%;
}

.twoThirds blockquote {
  width: 66%;
}*/


/*************** Lists */

div.list {
  float: left;
  clear: left;
  display: inline;
  width: 100%;
  height: auto;
  margin: 0px 0px 12px 0px;
}

ul, ol {
  margin: 0px;
}

ul {
  list-style: none;
  padding: 0px;
}

ol {
  list-style: decimal;
  padding: 0px 0px 0px 28px;
}

ol li {
  padding: 0px;
  margin: 0px;
}

ul li {
  padding: 0px 0px 0px 12px;
  margin: 0px;
  background: url("../image/bullet.gif") 4px 6px no-repeat;
}

ul li ul {
  margin: 4px 0px;
  padding: 0px 0px 0px 18px;
}

ol li ol {
  list-style: lower-alpha;
  margin: 4px 0px;
  padding: 0px 0px 0px 18px;
}

ul li ul li {
  padding: 0px 0px 0px 12px;
  margin: 0px;
  background: url("../image/bullet.gif") 4px 6px no-repeat;
}

ol li ol li {
  font-size: 11px;
  line-height: 16px;
  padding: 0px;
  margin: 0px;
}

/*************** Tables */

table {
  float: left;
  clear: left;
  display: inline;
  width: 100%;
  height: auto;
  margin: 0px 0px 12px 0px;
}

table tr th {
  width: 30%;
  height: auto;
  font-weight: normal;
  padding: 8px 5px 5px 0px;
  vertical-align: top;
  line-height: 16px;
}

table tr td {
  width: 70%;
  height: auto;
  padding: 5px 5px 5px 0px;
  vertical-align: top;
  line-height: 16px;
}


/*************** Forms */

input {
  font-family: tahoma, geneva, sans-serif;
  font-size: 10px;
  line-height: 15px;
  color: #666666;
  border: solid 1px #999999;
  background: #ffffff;
}

input.file {
  width: 50%;
  height: auto;
}

input.search {
  width: 300px;
  height: auto;
  padding: 5px;
  font-size: 11px;
}

input.text {
  width: 100%;
  height: auto;
}

input.city {
  width: 25%;
  height: auto;
}

input.zip {
  width: 25%;
  height: auto;
}

span.check {
  float: left;
  clear: left;
  display: inline;
  font-size: 12px;
  line-height: 16px;
}

span.check input {
  float: left;
  display: inline;
  width: auto;
  height: auto;
  border: 0px;
  background: none;
  margin: 0px 8px 0px 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 16px;
}

select {
  width: 50%;
  height: auto;
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  border: solid 4px #eeeeee;
  background: #eeeeee;
}

select.multiple {
  width: 50%;
  height: auto;
}

select.state {
  width: 20%;
  height: auto;
}

select.month {
  width: 30%;
  height: auto;
}

select.day {
  width: 20%;
  height: auto;
}

select.year {
  width: 30%;
  height: auto;
}

textarea {
  width: 50%;
  height: 150px;
  font-family: tahoma, geneva, sans-serif;
  font-size: 10px;
  line-height: 15px;
  color: #666666;
  border: solid 1px #999999;
  background: #ffffff;
}

input.submit {
  width: auto;
  height: auto;
  margin: 0px 8px 0px 0px;
  padding: 3px 8px;
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #173b51;
  font-weight: bold;
  text-align: center;
  background: #dde3e8;
  border: solid 1px #ccd8dd;
}

input.submit:hover {
  background: #efecf2;
  cursor: pointer;
}

a.button, a.button:link, a.button:visited {
  width: auto;
  height: auto;
  margin: 0px 8px 0px 0px;
  padding: 4px 8px;
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #226699;
  font-weight: bold;
  text-align: center;
  background: #88bbdd;
  border: solid 1px #3388bb;
  text-decoration: none;
}

a.button:hover, a.button:active {
  background: #99ccee;
  text-decoration: none;
}

.error {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  font-size: 14px;
  font-weight: bold;
  color: #990000;
  background: #ee9999;
  border: 1px solid #aa2222;
  padding: 5px;
  margin: 0px 0px 12px 0px;
}

table.rigSearch {
  width: 511px;
  border-collapse: collapse;
}

table.rigSearch th {
  width: 150px;
  font-weight: bold;
}

table.rigSearch td {
  width: 275px;
}

table.rigSearch td.submit {
  width: 61px;
}

table.rigSearch input.text {
  width: 270px;
  height: auto;
  border: solid 4px #cccccc;
  font-size: 11px;
  padding: 2px;
}

/*************** iSearch Classes */

span.isearch-highlight {
  background-color: #eeeeee;
  font-weight: bold;
  color: #115588;
}

/*************** Generic Classes */

.floatLeft 			{ float: left; display: inline; }
.floatRight 		{ float: right; display: inline; }
.clearRight			{ clear: right; }
.clearLeft      { clear: left; }
.clear          { clear: both; }
.centered 			{ text-align: center; }
.alignRight 		{ text-align: right; }

img.floatLeft		{ float: left; display: block; margin: 2px 8px 8px 0px; padding:2px; }
img.floatRight	{ float: right; display: block; margin: 2px 0px 8px 8px; padding:2px; }
img.floatLeft.zeroBottom { float: left; display: block; margin: 2px 8px 0px 0px; }
img.floatRight.zeroBottom { float: right; display: block; margin: 2px 8px 0px 0px; }
img.floatLeft.noMargin { margin: 2px 0px 0px 0px; }
img.floatRight.noMargin { margin: 2px 0px 0px 0px; }

.small 					{ font-size: 9px; line-height: 16px; }
.normal 				{ font-size: 10px; line-height: 16px; }
.medium 				{ font-size: 11px; line-height: 16px; }
.big 						{ font-size: 14px; line-height: 20px; }
.huge						{ font-size: 18px; line-height: 24px; }

.italic 				{ font-style: italic; }
.bold 					{ font-weight: bold; }
.underline      { text-decoration: underline; }
.nobold 				{ font-weight: normal; }
.noBorder       { border: 0px; }

.grey						{ color: #999999; }
.blue						{ color: #336699; }
.green					{ color: #339933; }
.red						{ color: #993333; }
.black					{ color: #111111; }

.full           { width: 100%; }
.half 					{	width: 50%; }
.third					{ width: 33%; }
.twoThirds			{	width: 66%; }
.wrapOff        { white-space: nowrap; }
.zeroBottom     { margin-bottom: 0px; padding-bottom: 0px; }
.lowercase      { text-transform: none; }
.caption	{ font-size:11px; padding:10px; }


/*************** Career Videos */

.careerVideo {
  color:#252525;
  float:left;
  padding:4px;
  margin:0;
  border:none;
}

a.careerVideo {
  display:block;
  color:#252525;
  text-decoration:none;
  border:none;
  width:200px;
}

a.careerVideo:hover {
  background:#dddddd;
}


.careerVideo2 {
  font-weight: bold;
  color:#555555;
  display:block;
}

a.careerVideo2 {
  color:#777777;
  text-decoration:none;
  height:8px;
  padding:10px;
  margin:0;
}

a.careerVideo2:hover {
  background:#eeeeee;
}



/*************** Modal Videos */

#modalPage {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
    z-index: 9996;
}

.modalBackground {
    filter: Alpha(Opacity=80); -moz-opacity:0.8; opacity: 0.8;
    width: 100%; height: 150%; background-color: #999999;
    position: absolute;
    z-index: 9997;
    top: 0px; left: 0px;
}

.modalContainer {
    position: absolute;
    width: 600px;
    left: 50%;
    top: 50%;
    z-index: 750;
    z-index: 9998;
}

.modal {
    background-color: white;
    border: solid 4px black; position: relative;
    top: -200px;
    left: -300px;
    z-index: 1000;
    width: 600px;
    height: 400px;
    padding: 0px;
    text-align:center;
    z-index: 9999;
}

.modalTop {
    font-family:Arial;
    font-size:12px;
    font-face:bold;
    width: 592px;
    background-color:#cccccc;
    color:#ffffff;
    padding: 4px;
    text-align: right;
}

.modalTop a, .modalTop a:visited {
    color: #ffffff;
    text-decoration:none;
}

.modalBody {
    padding: 10px;
}