@charset "utf-8";
/* TRBL */


/* GENERAL DEFINITIONS */
html, body {
  height: 100%;
  text-align:center;
  }
  
body,div,h2,h3,p,a,strong,ul,li,.srch,.searchBox { 
  font-family: calibri, tahoma, arial, lucida sans unicode, sans serif;
  line-height: 18px;
  }
  table {width: 770px;}
  td {vertical-align:top; margin: 0;width:33%;}
  td>h2 {margin: 1px 0 0 4px;} 

body, div, p, a, strong, ul, li { 
  font-size: 16px;
  line-height: 18px;
  }
  
p, dl, ul, h1, h2 { 
  padding-left:32px;
  padding-right:32px; 
  }
p, dl
  {text-align: center;}

h2, .dtFront {
  font-size: 16px;
  font-weight: bold;
  margin: 15px 0 1px 0;
  }
   dd {
   margin-bottom: 10px;
   border-bottom: 1px solid #bebebe;
   }

p, ul {
  margin: 1px 0 6px 0;
  }
  li { margin: 0 100px 0 0; }
  td li { margin: 0; } 
  
h1 img {
  position: relative;
  bottom: -4px;
  }
  h1 {margin-bottom:3px;}

ul {margin-left: 1.5em;  display: block; position: relative; top: 0; }

 .inline { display:inline-table; }
 .inline li { margin: 5px; background: transparent; float: left; display: table-cell; width: 210px; text-align: center; }
 .inline li a { border:0; }
 .inline img { display:block; margin: auto; }
 .inline a img:hover { opacity: .5; }

img {
  border: 0;
  padding: 0 0 0 0;
  }

a {
  outline: 0;
  }

p a, li a, dd a {
  color: #003366;
  text-decoration: none;
  border-bottom: 1px dotted #989898;
  font-weight: bold;
  }
  p a img, li a img {border: 1px solid #003366;}
  li img { border-bottom: 0; }
  
p a:hover, li a:hover, dd a:hover {
  color: #000;
  }


dd {
  margin-left: 12px;
  }
  
/* BODY */
body { 
  background: #FFF;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: -900px;
  text-align: center;
  }

/* HIDE */
	.hidden {
	visibility: hidden;
	display: none;
	}


/* DIV STYLES */
#full-container {
  z-index: 222;
  display: block;
  width: 820px;
  position: relative;
  text-align: left;
  top: 186px;
  margin: auto;
   background: url(images/body-bgX.png) top center repeat-y;
  }
  
#header-container {
  z-index: 50;
  display: block;
  width: 770px;
  position: relative;
  top: 10px;
  left: 23px;
  border:1px solid #00264C;
  /*top: 162px;
  left: 50%;
  margin-left: -385px;*/
  padding: 0;
  }
  .flash {
    background: url(agile_carousel-front-headers/4.html) top left no-repeat;
    height: 250px;
  }
  .head {
    background: url(images/headers/image_05.jpg) #003366 bottom left no-repeat;
    height: 150px;
  }

#content {
   background: url(images/content-bgX.png) top center repeat-y;
  width: 820px;
  position: relative;
  top: -15px;
  z-index:500;
  }

#content-container {
  z-index: 170;
  display: block;
  width: 770px;
  padding: 0;
  margin: auto;
  overflow: hidden;
  /*left: 24px;
  top: -32px;*/
  margin-left: 25px;
  padding-bottom: 100px;
  position: relative;
  text-align: left;
  float: left;
  background: #FFF;
  }
  
#footer-container {
  z-index: 200;
  display: block;
  position: relative;
  width: 100%;
  top: 94px;
  height: 141px;
  background: url(images/sprite-hfs.png) #FFF no-repeat;
  background-position: -1px 0;
  }
  .searchbar {
   position: absolute;
   top: 4px; left: 14px;
   width: 303px; height: 43px;
   background: url(images/sprite-hfs.png) no-repeat;
   background-position: -534px -141px;
  }
  .searchContent {
    position: relative;
    top: 11px;
    left:62px;
    }
    .searchBox {
      width: 191px;
      position: absolute;
      border: 0;
      height: 15px;
      }
    .searchButton {
      width: 35px;
      height: 23px;
      background: url(images/sprite-hfs.png) #FFF -790px -184px;
      position: absolute;
      border: 0;
      font-size: 0;
      text-indent: -300px;
      top: -3px;
      left: 195px;
      }
      .searchButton:hover {
        background: url(images/sprite-hfs.png) -790px -207px #FFF;
        }
        
#preservationBody {
  margin-top: -15px;
  margin-left: 2px;
  }
  #preservationBody h2 {
  margin-left: 24px;
  margin-top: 3px;
  text-align: justify;
  }
  #preservationBody p {
   margin-left: 30px;
   }
  #preservationBody ul {
   margin:0 0 15px 45px;
   }
   #preservationBody strong {
    font-size: 15px;
    }

  /** HEADER **/
  
  .headerBg {
    display: block;
    position: absolute;
     top:0;
     left:0;
    background: url(images/background.png) #FFF -15px -12px no-repeat;
    z-index: 0;
    height: 87px;
    width: 100%;
    }
    
  .logo2 {
    background: url(images/sprite-hfs.png) no-repeat;
    background-position: 0 -141px;
    z-index: 189;
    position: absolute;
    display: block;
    height: 150px;
    width: 534px;
    top: 0;
    outline: 0;
    left: 50%; /*IE*/
    margin: 0 0 0 -397px; /*IE*/
    }
  .contactBanner {
    background: url(images/contact.png) no-repeat;
    background-position: 0 0;
    z-index: 199;
    position: absolute;
    display: block;
    height: 72px;
    width: 230px;
    top: 55px;
    outline: 0;
    left: 50%; /*IE*/
    margin: 0 0 0 157px; /*IE*/
    }
    a.contactBanner:hover {
     background-position: 0 -72px;
     }
   
  /** NAVTABS -- BOTTOM **/
  .bottom {
    z-index: 1220;
    position: relative;
     bottom: 98px;
    width: 60px;
    height: 43px;
    padding: 0;
    margin: 0;
    }
    .bottom img{ width:100%; height:100%; }
       .bottom:hover {
        bottom: 94px;
        }
    
    .sitemap {
       left: 50%;
       margin: 0 0 0 281px;
       width: 59px;
       position: absolute;
           outline: 0;
       background: url(images/sprite1.png) -732px 0px no-repeat;
       }
    .careers {
       right: 50%;
       width: 59px;
       margin: 0 -398px 0 0;
       position: absolute;
           outline: 0;
       background: url(images/sprite1.png) -791px 0px no-repeat;
       }

  /** NAVTABS -- MAIN **/
  .navMain {
    z-index: 200;
    vertical-align: top;
    text-align: left;
    width: 150px;
    height: 40px;
     left: 50%;
     margin: 0 0 0 -396px;
    padding: 0;
    position: absolute;
    top: 154px;
    }
  .tab {
    position: absolute;
    top: 0;
    height: 43px;
    background-image: url(images/sprite2.png);
    width: 150px;
  }
  .tab img, .logo2 img { width:100%;height:100%; }
   .home {
   left:0px; width:55px; background-position: 0 0;
   }
        .home.active { background-position: 0 -43px; }
   .abt {
   left:55px; width:71px; background-position:-55px 0;
   }
        .abt.active { background-position: -55px -43px; } 
   .whyPres {
   left: 126px; width:122px; background-position:-667px 0;
   }
        .whyPres.active { background-position: -667px -43px; }
   .conslt {
   left: 248px; width:121px; background-position:-497px 0px;
   }
        .conslt.active { background-position: -497px -43px; } 
   .ndt {
   left: 369px; width:151px; background-position:0 0; background-image: url(images/NDS.png);
   }
        .ndt.active { background-position: 0 -43px; }   
   .insitu {
   left: 520px; width:99px; background-position:-275px 0;
   }
        .insitu.active { background-position: -275px -43px; } 
   .lab {
   left: 619px; width:123px; background-position:-374px 0;
   }
        .lab.active { background-position: -374px -43px; } 
   
   .link {
   left: 742px; width:49px; background-position:-618px 0px;
   }
        .link.active { background-position: -618px -43px; }
   
   .tab:hover { top: -4px; }      
   .active { top: -4px; } 
   .active:hover { top: -8px; }
        
  /** SECTION HEADERS **/
  .sprite {
   display: block;
   position: relative;
   z-index: 5;
      top: 5px;
      left: 32px;
   padding-bottom: 5px;
   height: 46px;
   background: url(images/hdrSprite.gif) no-repeat;
   }
    .sprite.hdrContact 
     {width:143px; background-position:0px 0px;}
    .sprite.hdrSitemap
     {width:104px; background-position:0px -47px;}
    .sprite.hdrHome 
     {width:625px; background-position:0px -94px;}
    .sprite.hdrAbout
     {width:124px; background-position:0px -141px;}
    .sprite.hdrInSitu 
     {width:256px; background-position:0px -188px; margin-bottom: -15px;} 
    .sprite.hdrLab 
     {width:256px; background-position:-307px -188px; margin-bottom: -15px;}
    .sprite.hdrNds 
     {width:330px; background-position:0px -235px; margin-bottom: -15px;}
    .sprite.hdrConsult
     {width:254px; background-position:0px -282px;}
    .sprite.hdrCareers
     {width:97px; background-position:0px -329px;}
    .sprite.hdrLinks 
     {width:73px; background-position:-156px -329px;}
    .sprite.hdrWhyPres 
     {width:244px; background-position:-307px -141px;}
 
 
 
 
  /** C_IMG **/
  .float-constr {
    z-index: 700;
    position: absolute;
     top: 250px;
       left: 50%;
       margin: 0 0 0 259px;
           outline: 0;
     width: 121px;
     height: 504px;
    background: url(images/float_constr.png) no-repeat top left;
    }
    
  /** MISCSTYLES **/
 .under {
   position: relative;
   z-index: 4;
      top: -50px;
      left: 0px;
   margin-bottom: -49px;
   }
 
 .maintext, ul.maintext li {
   font-size: 16px;
   line-height: 18px;
   font-weight: bold;
   color: #003366;
   }
   .maintext8 {
   font-size: 12px; 
   font-weight: bold;
   color: #003366;
   }
   .maintext9  {
   font-size: 26px; 
   font-weight: bold;
   color: #003366;
   }
 .updates {
   border: 0;
   position: relative;
   display: block;
   float: left;
    top: 3px; left: 32px; 
   width: 250px;
   height: 405px;
   background: url(images/latestupdates.png) no-repeat top left;
   }
   .updates dl {
    width: 220px;
    height: 450px;
    position: absolute;
     top: 29px;
     left: 15px;
    padding: 0;
    font-size: 13px;
    z-index: 4900;
   }
   .updates dl a{
    font-size: 13px;
   }
  .frontpage {
   padding-left: 295px; padding-bottom: 0;
   }
   ul.frontpage { padding-bottom: 155px; z-index: 2900; }

.shiftdown {
   margin-top: 5px;
   }

.imageDefaults {
   display: inline;
   float: right;
   margin: 0 35px 0 35px;
   }
 
 .index { font-size: 15px; }
 
 h1 { 
  font-family: "Times New Roman", Times, serif;
  line-height: 18px;
  color:#003366;
  }