@charset "ISO-8859-1";

body, html {
  margin: 0; 
  padding: 0;
  font-family: arial, verdana, times new roman;
}

body {
  font-size: 62.5%;
  color: #333333;
  text-align: center;
  background-color: #a3a29a;
}

img {
  border: none;
}

.clearfloat {
  clear: both;
  height:0px;
    font-size: 1px;
    line-height: 0px;
}

.screenHidden {
  display: none;
}

#page {
  width: 978px;
  margin: 37px auto;
  background: transparent url(/content/images/bg.gif) repeat-y left top;
  text-align: left;
}

/* ==========================         HEADER       ========================== */

#header {
  width: 100%;
  height: 55px;
  position: relative;
  background: transparent url(/content/images/header.gif) no-repeat left top;
}

  #header .padding { padding: 21px 0 0 22px; }
  
  #header a img { float: left; }
  
/* ==========================         NAVIGATION       ========================== */
  
#navi {
  float: right;
  width: 679px;
  position: relative;
  padding-top: 9px;
}

  #navi a {
    color: #ffffff;
    font-size: 1.1em;
    text-decoration: none;
    float: left;
  }
  
  #navi a:hover, #navi a.active {
    color: #b9e17f;
  }
  
  #navi span {
    float: left;
    padding: 0 13px;
    color: #b9e17f;
  }
  
/* ==========================         MAIN AREA       ========================== */

#mainWrapper {
  width: 100%;
  position: relative;
  background: transparent url(/content/images/bg_bottom.gif) no-repeat left bottom;
}

  #mainWrapper .padding { padding: 0 7px 7px; }
  #mainWrapper .paddingBackgroundWrap {
  background:url(/content/images/footer_img.gif) bottom left no-repeat; padding-bottom:120px;
  }
  
  #flashContent { 
    position: relative;
    float: left;
    width: 704px;
    height: 365px;
  }
  
  #main {
    position: relative;
    float: left;
    width: 260px;
  }
  
    #main .padding { padding: 77px 9px 0; }
  
    #main h1 {
      font-size: 22px;
      font-weight: normal;
      margin: 0;
      color: #4b4b4b;
    }
    
    #main h3 {
      color: #969697;
      margin: 0;
      font-weight: normal;
      font-size: 1.1em;
    }
    
    #main p {
      color: #4c4c4c;
      font-size: 1.1em;
      line-height: 1.5em;
    }
    
/* ==========================         SERVICES       ========================== */

#services {
  width: 100%;
  background-color: #3b3e54;
  margin-bottom: 2px;
}

	  #services .padding { padding: 0 0 0 7px; }

  #services .serviceCol {
    width: 159px;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    background: transparent url(/content/images/bg_service.gif) no-repeat left 13px;
  }
  
  #services .serviceCol .padding { padding: 13px 4px 11px 8px; }
  
  #services .serviceCol h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: bold;
  }
  
    #services a.serviceCol:hover h3 {
      color: #acdb6b;
    }
  
  #services .serviceCol p {
    margin: 0;
    color: #d8d8dd;
    font-size: 1.1em;
  }
  
    #services .serviceCol:hover p {
      color: #b9bbc2;
    }
  
/* ==========================         CASE STUDIES       ========================== */

#cases {
  width: 100%;
  background-color: #dddddb;
  height: 80px;
  margin-bottom: 2px;
}

  #cases .padding { padding: 10px 11px 10px 15px; }

  #cases .case {
    float: left;
    width: 400px;
    position: relative;
  }
  
    #cases .case .padding { padding: 0 34px 0 0; }
  
    #cases .case img { float: right; }
    
    #cases .case h3 {
      font-size: 1.1em;
      color: #262a42;
      font-weight: bold;
      margin: 0;
    }
    
    #cases .case p {
      font-size: 1.1em;
      color: #3c3a3a;
      margin: 0;
    }
    
    #cases .case a {
      color: #5e7b36;
      text-decoration: underline;
    }
    
    #cases .case a:hover {
      color: #5e7b36;
      text-decoration: none;
    }
    
  #cases .buttonCol {
    float: right;
    width: 136px;
  }
  
    #cases .buttonCol a {
      display: block;
      width: 136px;
      height: 23px;
      text-decoration: none;
      margin: 5px 0 2px; 
    }
  #cases .buttonCol2 {
    float: right;
    width: 136px;
  }
  
    #cases .buttonCol2 a {
      display: block;
      width: 136px;
      height: 40px;
      text-decoration: none;
      margin: 5px 0 2px; 
    }
    
    #cases .buttonCol a.viewGlossary { background: transparent url(/content/images/view_glossary.gif) no-repeat left top; }
    #cases .buttonCol2 a.bt_homepage{ background: transparent url(/content/images/bt_homepage.gif) no-repeat left top; }
    #cases .buttonCol a.needSupport { background: transparent url(/content/images/need_support.gif) no-repeat left top; }
    
    #cases .buttonCol2 a:hover { background-position: left bottom; }
    #cases .buttonCol a:hover { background-position: left bottom; }

/* ==========================         JOBS       ========================== */

#jobsButton {
  display: block;
  width: 100%;
  height: 35px;
  text-decoration: none;
  background: transparent url(/content/images/jobs_button.gif) no-repeat left top;
}

a#jobsButton:hover {
  background: transparent url(/content/images/jobs_button_act.gif) no-repeat left top;
}

  #jobsButton .padding { padding: 9px 15px 0; }

  #jobsButton .big {
    font-size: 1.3em;
    font-weight: bold;
    color: #ffffff;
  }

  #jobsButton .small {
    font-size: 1.1em;
    font-weight: normal;
    color: #ffffff;
    padding-left: 1px;
  }

#jobs {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: none;
}

#innerJobs {
  background: #6b6e82 url(/content/images/jobs_bottom.gif) no-repeat left bottom;
  margin: 0 7px 7px;
  height: 213px;
  overflow: visible;
}

  #innerJobs .padding { padding: 15px 13px 7px 14px; }
  
  #innerJobs .leftCol {
    width: 290px;
    float: left;
  }
  
    #innerJobs .leftCol h2 {
      color: #ffffff;
      font-size: 1.3em;
      font-weight: bold;
      margin: 0px;
    }
  
    #innerJobs .leftCol p {
      color: #ffffff;
      font-size: 1.1em;
      line-height: 1.5em;
      margin: 5px 0 14px;
    }

  #jobs a.button {
    display: block;
    height: 16px;
    text-decoration: none;
  }
    
    #jobs a.viewJobOpportunities { background: transparent url(/content/images/view_job_opportunities.gif) no-repeat left top; width: 135px; margin-top: 27px; }
    #jobs a.close { background: transparent url(/content/images/close.gif) no-repeat left top; width: 51px; float: right; margin: 2px 0 5px; }
    #jobs a.viewAllJobs { background: transparent url(/content/images/view_all_jobs.gif) no-repeat left top; width: 91px; float: right; margin-top: 10px; }
    
    #jobs a.button:hover { background-position: left bottom; }
    
  #innerJobs .rightCol {
    width: 603px;
    float: right;
  }
  
  #jobTable {
    width: 100%;
    font-size: 1.1em;
    color: #ffffff;
    border-bottom: 1px solid #5e6073;
    background-color: #7a7d8f;
  }
  
    #jobTable .head {
      width: 100%;
      background: #585a6e url(/content/images/job_table_top.gif) no-repeat left top;
      font-weight: bold;
    }
  
    #jobTable .row {
      width: 100%;
      color: #ffffff;
      background: transparent url(/content/images/home_job_table.gif) repeat-y left top;
      display: block;
      text-decoration: none;
      cursor: hand;
    }
    
      #jobTable .row:hover { background: transparent url(/content/images/home_jop_table_hover.gif) repeat-y left top; }
      #jobTable .row:hover .role { text-decoration: underline; }
      
      #jobTable .row .title { background: transparent url(/content/images/job_table_border.gif) repeat-y left top; }
      #jobTable .row .role { background: transparent url(/content/images/job_table_border.gif) repeat-y right top; }
    
    #jobTable .title { float: left; width: 351px; padding: 7px 0 4px; }
    #jobTable .location { float: left; width: 107px; padding: 7px 0 4px; }
    #jobTable .salary { float: left; width: 79px; padding: 7px 0 4px; }
    #jobTable .role { float: left; width: 66px; padding: 7px 0 4px; }

      #jobTable .title span { padding-left: 15px; }

      
#footer {
  background-color: #a3a29a;
  text-align: right;
  color: #51514d;
  font-size: 1.1em;
  padding: 9px 17px;
}

  #footer a {
    text-decoration: none;
    color: #51514d;
  }
  
  #footer a:hover {
    text-decoration: underline;
    color: #51514d;
  }
  
#footerImage {
  padding-top: 43px;
}
  
/* ==========================         SUB NAVIGATION       ========================== */

#subNavi {
  width: 236px;
  float: left;
  position: relative;
  margin-top: 13px;
}

  #subNavi .padding { padding: 0 72px 0 28px; }
  #subNavi .contactPadding { padding: 0 52px 0 36px; }
  
  #subNavi a {
    color: #3b3e54;
    font-size: 1.1em;
    text-decoration: none;
    display: block;
    background: transparent url(/content/images/subnavi.gif) no-repeat left bottom;
    padding: 4px 8px;
  }
  
  #subNavi a.active {
    color: #4b760f;
    background: transparent url(/content/images/subnavi_act.gif) no-repeat left bottom;
  }
  
  #subNavi a:hover {
    color: #4b760f;
  }
  
  #subNavi p {
    font-size: 1.1em;
    color: #333333;
    margin: 8px 0 8px;
  }

/* ==========================         GENERAL PAGE STYLES       ========================== */

#headingLeft {
  float: left;
  padding: 55px 0 0 34px;
  text-align: left;
}

#headingLeft .page_title {
color:#4b760f;
font-size:2.5em;
}

#headingLeft .sub_title {
color:#979797;
font-size:1.4em;
font-weight:300;
font-style:Italic;
}

#headingRight {
  float: right;
  height: 107px;
}

#mainContent {
  float: left;
  position: relative;
  width: 617px;
  background: transparent url(/content/images/green_border.gif) repeat-y left top;
  margin-top: 10px;
}

  #mainContent .padding { padding: 0 0 29px 54px; }
  
  #mainContent h1 {
    font-size: 1.8em;
    color: #3B3E54;
    font-weight: normal;
    margin: 4px 0 27px;
  }
    
  #mainContent h2 {
    font-size: 1.6em;
    color: #4b760f;
    font-weight: normal;
    margin: 4px 0;
  }
      
  #mainContent h3 {
    font-size: 1.1em;
    color: #44454b;
    font-weight: bold;
    margin: -2px 0 2px;
  }
          
  #mainContent h4 {
    font-size: 1.1em;
    color: #61892a;
    font-weight: bold;
    margin: -2px 0 2px;
  }
        
  #mainContent p {
    font-size: 1.1em;
    color: #333333;
    font-weight: normal;
    margin: 2px 0 17px;
    line-height: 1.4em;
  }
  
  #mainContent a {
    color: #5e7b36;
  }
    
  #mainContent a:hover {
    text-decoration: none;
  }
  
  #mainContent img.right {
    float: right;
    padding: 6px 1px 0 30px;
    margin: 0;
  }
  
  #mainContent table {
    width: 100%;
   /* background: transparent url(/content/images/tbody.gif) repeat-y left bottom;*/
    margin: 14px 0 27px;
    
  }
  
  #mainContent thead {
    background: transparent url(/content/images/thead.gif) no-repeat left top;
  }
  
  #mainContent th {
    font-size: 1.1em;
    color: #ffffff;
    font-weight: bold;
    padding: 7px 15px 4px;
    background-position: expression(-this.offsetLeft + " " + -this.offsetTop);
  }
    
  #mainContent td {
    font-size: 1.1em;
    color: #729444;
    font-weight: normal;
    padding: 7px 15px 4px;
  }
  
  #mainContent .divider {
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 1px;
    background: transparent url(/content/images/divider.gif) repeat-x left top;
    margin: 9px 0 13px;
  }
  
  #mainContent div.left {
    float: left;
    padding-right: 42px;
  }
  
  #mainContent img.left {
    float: left;
    padding-right: 5px;
  }
  
  #mainContent img.left2 {
    float: left;
    padding: 6px 30px 0 1px;
  }
  
  #mainContent ul {
    margin: 2px 0;
    padding-left: 17px;
  }
    
  #mainContent ol {
    margin: 2px 0;
    padding-left: 23px;
  }
  
  #mainContent li {
    font-size: 11px;
    color: #61892a;
    padding-bottom: 5px;
  }
  
  #mainContent ul {
    list-style-image: url(/content/images/green_bullet.gif);
    padding-left: 21px;
    margin: 2px 0 10px;
  }
  
   #mainContent ul li ul {
    margin:10px 0px 0px 0px;
  }

  #mainContent li {
    color: #56565a;
  }
  
  #mainContent img {
    padding-bottom: 11px;
    margin-top: -3px;
  }
  
  #mainContent ul.links {
    margin-top: -2px;
    list-style-type: none;
    padding-left: 0px;
  }
    
  #mainContent ul.links li {
    padding-bottom: 4px;
  }
  
  #mainContent ul.links li a {
    padding-left: 9px;
    background: transparent url(/content/images/link_arrow.gif) no-repeat left 3px;
  }
  
  #mainContent img.rightNoPadding {
    float: right;
    padding: 0 1px 0 30px;
    margin: 0;
  }
  
/* CONTACT PAGE STYLES */

#mainContent form {
  width: 545px;
  margin: 0;
  padding: 0;
}

#mainContent label {
  float: left;
  width: 86px;
  font-size: 1.1em;
  color: #333333;
  margin: 1px 0 5px;
}  

#mainContent input, #mainContent textarea {
  float: left;
  width: 255px;
  color: #333333;
  margin: 0px 0 6px;
}

#mainContent select {
  float: left;
  color: #333333;
  margin: 0px 0 6px;
}

#mainContent form .formButton {
  float: left;
  width: auto;
  margin-left:300px;
}