@import 'reset.css';

body {
    background: #007088 url("../images/bkg.jpg") repeat-x 0 0;
    font-size:62.5%;
    color:#333;
    font-family:Arial, Verdana;
}

a
{
    text-decoration:none;
}

a:hover
{
     text-decoration:underline;
}

p
{
    font-size:1.2em;
    line-height:130%;
}


/* Layout
---------------------------------------------*/

#container
{
 width:990px;
 margin: 0 auto;
 padding-bottom:20px;
 background: url("../images/innerbkg.jpg") no-repeat 0 160px;
}

#home #container
{
 background: url("../images/midbkg.jpg") no-repeat 0 160px;
}

#header
{
 height:161px;
 position:relative;
 z-index:999;
}

#header a.logo
{
 width:190px;
 height:85px;
 display:block;
 background:url("../images/logo.gif") no-repeat 0 0;
 top:0;
 left:6px;
 text-indent:-9999px;
}

ul#nav
{
 position:absolute;
 top:104px;
 left:6px;
 display:inline;
 z-index:100;
 float:left;
}

ul#nav li
{
    float:left;
    margin-right:12px;
    position:relative;
    z-index:101;
}

ul#nav li a
{
    float:left;
    font-size:1.1em;
    color:#fff;
    width:108px;
    display:block;
    background:url("../images/navbk.gif") no-repeat 0 0;
    padding:11px 0 0 4px;
    font-style:italic;
    z-index:102;
}

ul#nav li a:hover, ul#nav li.active a, ul#nav li.sfHover a
{
    text-decoration:none;
    background:url("../images/navbk.gif") no-repeat 0 -84px;
}

ul#nav li.active
{
     font-weight:bold;
}

ul#nav li.last
{
    margin-right:0 !important;
}

ul#nav ul
{
  display:          none;
  position:         absolute;
  top:              44px;
  left:             -6px;
  z-index:          103;
  width:            124px;
  padding:          0 0 12px 0;
  background:       url("../images/menu_shadow_bottom.png") no-repeat bottom center;
  }

ul#nav ul li
{
  width:            112px;
  margin:           0;
  background:       url("../images/menu_shadow_centre.png") repeat-y 0 0;
  padding:0 6px;
  z-index:104;
  }

ul#nav ul li a, ul#nav li.sfHover ul li a
{
  float:            left;
  width:            102px;
  padding:          10px 4px 10px 6px;
  font-size:        1.1em;
  color:            #013641;
  font-weight:bold;
  background:#F2F4F5 url("../images/navborder.gif") repeat-x 0 100%;
  font-style:normal;
  display:block;
  z-index:105;
  }
  
ul#nav ul li a:hover, ul#nav ul li.active a
{
    color:#DC402E !important;
    text-decoration:underline;
    background:#F2F4F5 url("../images/navborder.gif") repeat-x 0 100%;
}

ul#nav ul li.last a
{
    background-image:none !important;
}

#search
{
    position:absolute;
    top:55px;
    right:0;
    clear:left;
}

#search label
{
    font-size:1em;
    width:91px;
    float:left;
    color:#ccc;
    padding-top:5px;
}

#search input
{
    background-color:#fff;
    padding:4px 5px;
    width:182px;
    float:left;
}

#search a
{
    display:block;
    padding:6px 5px 5px 5px;
    background-color:#DC402E;
    color:#fff;
    font-style:italic;
    font-weight:bold;
    float:left;
}

#footer
{
    margin:0 4px 0 6px;
}

#companies
{
 padding-top:12px;
 background-color:#fff;   
 border-top:solid 1px #CCD7D9;
}

#home #companies
{
     padding:15px; 
     border-top:none;
     margin-top:12px;
}

#companies h2
{
    font-size:23px;
    font-weight:bold;
    color:#013F4C;
    padding:0;
    margin:0 0 11px 0;
}

#companies ul
{
    clear:left;
}

#companies ul li
{
    margin-right:16px;
    float:left;
    position:relative;
    width:48px;
    height:48px;
    
}

#companies ul li.last
{
    margin-right:0;
}

#companies ul li a
{
    float:left;
}

#companies ul li img
{
    width:48px;
    height:48px;
    -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
    border:solid 1px #C9D9DC;
    position: absolute;
    top:0;
    left:0;
}

#footer #pages
{
    margin-top:22px;
}

#footer #pages ul
{
    clear:left;
}

#footer #pages ul li
{
    float:left;
    margin-left:6px;
    color:#fff;
}

#footer #pages ul li.first
{
    margin-left:0;
}

#footer #pages ul li a
{
    float:left;
    color:#fff;
    margin-right:6px;
}

#footer #pages ul li a:hover
{
    color:#FF9933;
    text-decoration:none;
}

#footer #pages p
{
   padding-top:7px;
   color:#80AEB7;
   font-size:1.1em;
}

/* Home
---------------------------------------------*/

#topcontent
{
    height:314px;
    margin-left:6px;
    position:relative;
    background: url("../images/topcontent-bkg.jpg") no-repeat 491px 0;
}

#topcontent h1
{
    font-size:24px;
    color:#013B47;
    position:absolute;
    top:21px;
    left:14px;
    margin:0;
    padding:0;
    z-index:4;
}

h1.home
{
    background:url("../images/homeh1.gif") no-repeat 0 0;
    text-indent:-9999px;
    width:420px;
    height:88px;
}

#topcontent ul
{
    position:absolute;
    top:157px;
    left:14px;
    width:403px;
    z-index:3;
}

#topcontent ul li
{
    margin-bottom:3px;
    height:45px;
    width:403px;
}

#topcontent ul li a
{
    height:45px;
    width:403px;
    text-indent:-9999px;
    display:block;
    background-position:0 0;
    background-repeat:no-repeat;
}

#topcontent ul li a:hover
{
    background-position:0 -55px;
}

#topcontent ul li.foundations a {background-image:url("../images/homeb1.gif");}
#topcontent ul li.risers a {background-image:url("../images/homeb2.gif");}
#topcontent ul li.marine a {background-image:url("../images/homeb3.gif");}

#rotatingimages
{
    position:absolute;
    top:18px;
    right:18px;
    z-index:0;
}

#shadow
{
    width:100px;
    height:314px;
    background: url("../images/homecontent-bkg.png") no-repeat 0 0;
    position:absolute;
    top:0px;
    left:394px;
    z-index:1;
}

#botcontent
{
    margin:14px 4px 0 6px;
    padding:14px 12px 13px 11px;
    background-color:#fff;
}

#botcontent h2
{
    color:#013F4C;
    font-weight:bold;
    margin:0;
    padding:0 0 13px 0;
    font-size:23px;
}

h2.working
{
    background:url("../images/workingh2.gif") no-repeat 0 0;
    text-indent:-9999px;
    width:189px;
    height:19px;
}

h2.fresh
{
    background:url("../images/freshh2.gif") no-repeat 0 0;
    text-indent:-9999px;
    width:183px;
    height:19px;
}

h2.newsletter
{
    background:url("../images/newsletterh2.gif") no-repeat 0 0;
    text-indent:-9999px;
    width:159px;
    height:23px;
}

h2.operating
{
    background:url("../images/operatingh2.gif") no-repeat 0 0;
    text-indent:-9999px;
    width:205px;
    height:21px;
}

h2.magazine
{
    background:url("../images/magazineh2.gif") no-repeat 0 0;
    text-indent:-9999px;
    width:109px;
    height:22px;
}

#botcontent .more
{
    margin:8px 0 13px 0;
}

#botcontent .more a
{
    font-size:1.2em;
    color:#DC402E;
    font-weight:bold;
}

#botcontent ul
{
    border-top:solid 1px #DEDEDE;
    margin-top:18px;
}

#botcontent ul li
{
    padding:11px 0;
    border-bottom:solid 1px #DEDEDE;
}

#botcontent ul li a
{
    color:#004E5E;
    font-size:1.1em;
    font-weight:bold;
}

#botcontent ul li p
{
    font-size:1.1em;
    padding-top:4px;
}

#botcontent ul li img
{
    float:left;
    position:relative;
    z-index:1000;
}

#botcontent ul li div
{
    position:relative;
    padding-left:72px;
}

#htogether
{
   border-top:solid 10px #7699A0;
   border-bottom:solid 3px #7699A0;
   width:341px;
   min-height:364px;
   height:auto !important;
   height:364px;   
   padding:15px 11px 0px 17px;
   float:left;
   display:inline;
   background-color:#EDEDED;
}

#happroach
{
    border-top:solid 10px #7699A0;
    border-bottom:solid 3px #7699A0;
    float:left;
    margin-left:12px;
    width:343px;
    min-height:364px;
    height:auto !important;
    height:364px;
    padding:15px 11px 0px 17px;
    float:left;
    display:inline;
    background-color:#EDEDED;
}

#happroach ul
{
    margin-top:49px;
}

#hnewsletter
{
    float:left;
    margin-left:9px;
    width:192px;
    position:relative;
}

#hnewsletter h2
{
    padding-bottom:5px;
}

#hnewsletter .first
{
    margin-top:0;
    padding-top:13px;
    
}

#botcontent #hnewsletter .more
{
    margin-top:13px;
}

.homebox
{
    background: #CCC url("../images/homeboxtop.gif") no-repeat 0 0;
    padding:13px 15px 1px 15px;
    margin-top:10px;
}

.homebox p
{
    color:#013D49;
    font-size:1.1em;
    margin-bottom:5px;
}

#botcontent .homebox h2
{
    font-size:20px;
}

.homebox input
{
    border:solid 1px #999;
    background-color:#fff;
    font-size:1em;
    padding:4px 5px;
    width:144px;
    margin-top:8px;
}

.homebox select
{
    border:solid 1px #999;
    font-size:1em;
    width:156px;
    padding:4px 5px;
    background-color:#fff;
    margin-top:8px;
}

.homebox select.title
{
    width:53px;
}

#botcontent #magbox
{
    background:#E5E5E5 url("../images/homeboxtop-mag.gif") no-repeat 0 0;
    padding-bottom:10px;
}

#magazine
{
    height:138px;
    width:132px;
    background:url("../images/magazine.png") no-repeat 0 0;
    position:absolute;
    bottom:-25px;
    right:-20px;
}

/* Inner page Layout
---------------------------------------------*/

#content
{
    margin:0 4px 0 6px;
    padding: 15px 16px 20px 13px;
    background-color:#fff;
}

#content #inner
{
    background:url("../images/innerbkg.gif") repeat-y 0 0;
    margin-bottom:20px;
}

#content #column1
{
    display:inline;
    float:left;
    margin-right:1px;
    width:192px;
}

#content #column2
{
    display:inline;
    float:left;
    width:750px;
    padding-left:8px;
}

#column1 ul
{
    margin-right:10px;
    width:182px;
}

#column1 ul li
{
    margin-bottom:6px;
    width:162px;
}

#column1 ul li.first
{
    padding:7px 10px;
    background-color:#DC402E;
    color:#fff;
    font-weight:bold;
    font-style:italic;
    font-size:1.2em;
}

#column1 ul li a
{
    padding:7px 10px;
    background-color:#809EA4;
    color:#fff;
    display:block;
    width:162px;
    font-weight:bold;
    font-size:1.1em;
}

#column1 ul li a:hover, #column1 ul li.active a
{
    background-color:#013D4A;
    text-decoration:none;
}

#column1 ul li ul li a, #column1 ul li.active ul li a
{
    background-color:#426E77;
}

#column1 ul li ul li a:hover, #column1 ul li.active ul li.active a
{
    color:#013D4A;
}

#column1 ul li ul
{
    margin-top:1px;
}

#column1 ul li ul li
{
    margin-bottom:1px;
}

#breadcrumb
{
    padding:10px 0;
    border-top:solid 1px #CCDCDF;
    border-bottom:solid 1px #CCDCDF;
    margin-bottom:15px;
}

#breadcrumb ul
{
    clear:left;
}

#breadcrumb ul li, #breadcrumb ul li.home a
{
    float:left;
    color:#01424F;
    margin-left:7px;
    background:none;
}

#breadcrumb ul li
{
 font-size:1.1em;
}

#breadcrumb ul li.home a
{
 padding-left:0;
 margin:0;
}

#breadcrumb ul li a
{
    float:left;
    color:#01424F;
    background:url("../images/arrowg.gif") no-repeat 0 3px;
    padding-left:12px;
}

#breadcrumb ul li.active
{
    background:url("../images/arrowo.gif") no-repeat 0 3px;
    font-weight:bold;
    padding-left:12px;
}

#content h1
{
    font-size:38px;
    color:#013D4A;
    /*text-transform:uppercase;*/
}

#article
{
    background:#E3ECEE url("../images/articletopbkg.gif") no-repeat 0 0;
    padding:24px 20px 19px 21px;
    min-height:304px;
    height:auto !important;
    height:304px;
}

#article a, #listing a
{
    color:#DC402E;
}

#listing
{
    background:#E3ECEE url("../images/articletopbkg.gif") no-repeat 0 0;
    padding:24px 20px 9px 21px;
    min-height:304px;
    height:auto !important;
    height:304px;
}

#article p
{
    margin-bottom:20px;
    line-height:145%;
}

#article p.last
{
    margin-bottom:0;
}

#article #left img
{   
    margin-bottom:10px;
}

ul#multi
{
    clear:left;
    margin-bottom:10px;
}

ul#multi li
{
    float:left;
    margin-left:8px;
}

ul#multi li img
{
    margin-bottom:0;
}

ul#multi li.first
{
    margin-left:0;
}

ul#multi li a
{
    float:left;
}

#intro ul
{
    margin-top:10px;
}

#intro ul li
{
    background:url("/assets/images/bullet.gif") no-repeat 0 5px;
    padding-left:10px;
    margin-top:4px;
    font-size:1.2em;
    line-height:145%;
}

#panel
{
    background:url("../images/panelbkg.gif") repeat-y 0 0;
}

#panel div.intro
{
    margin-bottom:20px;
    width:400px;
}

#column2 #article .fulllength
{
    width:auto;
}

#column2 .noseperator
{
    background:none;
}

#listing #panel
{
    background:none;
}

#left
{
    width:505px;
    float:left;
    display:inline;
    padding-right:10px;
    margin-right:1px;
}

#right
{
    width:182px;
    padding-left:11px;
    display:inline;
    float:left;
}

#right ul
{
    width:182px;
    margin:0 0 18px 0;
}

#right ul.last
{
    margin-bottom:0;
}

#right ul li
{
    color:#fff;
    font-size:11px;
    margin-bottom:1px;
    background-color:#256573;
}

#right ul li.first
{
    background-color:#DC402E;
    padding:7px;
    font-style:italic;
}

#right ul li a
{
   width:166px;
   padding:8px;
   color:#fff;
   font-size:11px;
   background:url("../images/arrowvertical.gif") no-repeat 100% 5px;
   display:block;
}

#right ul li p
{
   width:166px;
   padding:8px;
   color:#fff;
   font-size:11px;
   margin:0;
   font-weight:normal;
}

#right ul#logos
{
    clear:left;
}

#right ul#logos li
{
    padding:4px 4px 4px 5px;
}

#right ul#logos li.first
{
    padding:8px;
}

#right ul#logos .break img
{
    border-right:none;
}

#right ul#logos div
{
    float:left;
}

#right ul#logos li a
{
    float:left;
    width:auto;
    background-image:none;
    padding:0;
}

#right ul#logos li .last img
{
    border-bottom:none;
}

#right ul#logos li img
{
    float:left;
    border-bottom:solid 1px #5D8D97;
    border-right:solid 1px #5D8D97;
}

#newsletter
{
    padding:10px 10px 7px 10px;
    clear:both;
    border-bottom:solid 12px #fff;
    background:#256573 url("../images/nsubmit.gif") no-repeat 100% 0;
}

#newsletter h2.newsletter
{
    padding:0;
    margin:0 19px 0 0;
    background:url("../images/newsletterh2inner.gif") no-repeat 0 0;
    text-indent:-9999px;
    float:left;
    width:144px;
    height:12px;
}

#newsletter p
{
    font-size:1.1em;
    color:#fff;
    float:left;
    width:245px;
}

#newsletter input
{
    background-color:#fff;
    padding:2px 10px;
    margin-left:9px;
    width:190px;
    color:#333;
    font-size:1.1em;
    float:left;
}

#newsletter a
{
    display:block;
    width:52px;
    text-indent:-9999px;
    padding:2px 10px;
    float:right;
}

#listing li
{
    padding:12px;
    border:solid 1px #AFC3C7;
    margin-bottom:10px;
}

#listing li a
{
    color:#DC402E;
    font-style:italic;
    font-weight:bold;
    font-size:1.1em;
}

#listing li a.title, #listing li p.title
{
    color:#013D4A;
    font-size:1.2em;
    font-weight:bold;
    font-style:normal;
}

#listing li p.stafftitle
{
    color:#013D4A;
    font-size:1.2em;
    font-weight:bold;
    font-style:normal;
    font-size:1.3em;
    padding:0;
}

#listing li.magazine p.title
{
    padding:0 0 6px 0;
}

#listing li p
{
    padding:12px 0;
}

#listing li.news p
{
    padding:6px 0;
} 

#listing li p.date, #listing li.news p.date
{
    padding:0 0 6px 0;
    color:#809EA4;
}

#listing li.vacancy p.date, #listing li.vacancy p.title
{
    padding:0 0 2px 0;
}

#listing li p.salary
{
    color:#333;
    font-size:1.2em;
    font-weight:bold;
    font-style:normal;
    padding:0 0 6px 0;
}

#listing li img
{
    float:left;
    position:relative;
    z-index:1000;
}

#listing li div
{
    position:relative;
    padding-left:163px;
}

#listing li.magazine ul li
{
    border:0;
    padding:0 0 0 10px;
    background: url("../images/bullet.gif") no-repeat 0 3px;
    font-size:1.1em;
}

#pagination
{
    position:relative;
}

#pagination div.prev 
{
     width:100px;
     position:absolute;
     left:0;
}

#pagination div.next
{
    width:60px;
    position:absolute;
    right:0;
}

#pagination div span
{
    color:#DC402E;
}

#pagination div.prev a
{
   color:#01424F; 
   font-size:1.1em;
}

#pagination div.next a
{
    color:#01424F;
    font-size:1.1em;
}

#pagination ul
{
    margin:0 auto;
    width:150px;
}

#pagination ul li
{
    float:left;
    border:none;
    margin:0;
    padding:0;
}

#pagination ul li a
{
    float:left;
    padding:4px;
    background-color:#01424F;
    color:#fff;
    font-size:1.1em;
    margin-right:5px;
    display:block;
}

#pagination ul li.active a
{
    background-color:#DC402E;
}

#listing .searchresults ul 
{

    border:none;
    border-bottom:solid 1px #AFC3C7;
}

#listing .searchresults ul li
{
    border:none;
    font-size:1.1em;
    padding:0;
}
#listing .searchresults ul.full
{
    border-bottom:none;
    padding-top:20px;
}
#listing .searchresults #pagination ul
{
    border:none;
}



/* Forms
---------------------------------------------*/

#cform p
{
    font-size:1.1em;
    color:#fff;
}

#cform input
{
    margin:0 0 8px 10px;
    background-color:#fff;
    font-size:1.1em;
    padding:4px 5px;
    width:150px;
    color:#333;
    margin-bottom:12px;
}

#cform input.submit_button
{
    width:98px;
    color:#fff;
    background-color:#014552;
    margin-left:0;
    padding:10;
    margin-left:140px;
}

#cform textarea
{
    margin:0 0 8px 10px;
    background-color:#fff;
    font-size:1.1em;
    padding:4px 5px;
    width:150px;
    height:106px;
    color:#333;
    font-family:Arial;
    margin-bottom:12px;
}

#cform div input
{
    height:10px;
    width:10px;
    float:left;
    margin-right: 5px;
}

#cform label
{
    float:left;
    width:130px;
    color:#fff;
    font-size:1.1em;
}

#cform div
{
    clear:left;
}

#right ul#cform li a
{
  padding:10px;
  display:block;
  color:#DC402E;
  font-style:italic;
  font-weight:bold;
  border-bottom:solid 1px #7BA2AB;
  border-top:solid 1px #7BA2AB;
  background:#D0DFE2 url("../images/narrowo.gif") no-repeat 55px 12px;
  width:54px;
  font-size:1.1em;
  margin:8px 8px 0 10px;
}

#right ul#cform li.first
{
    padding-left:10px;
    font-size:1.2em;
    font-weight:bold;
}

#right ul#cform li p
{
    padding-left:10px;
    width:164px;
}

#right ul#cform li
{
    padding-bottom:10px;
}

.form label
{
    color:#333 !important;
}

.form a
{
    color:#DC402E;
}

#map
{
    width: 505px; 
    height: 300px; 
    margin:20px 0 10px 0;
}

#sectionimage
{
 width:263px;
 float:right; 
 margin-bottom:10px;
}

html*#sectionimage
{
    margin-bottom:0;
}

.companylogo
{
    padding-bottom:20px;
}