/*
-----------------------------------------------
Jana Laboratories Inc.  screen style
author: Jackson Marketing <http://www.jacksonmarketing.ca>
----------------------------------------------- */

/* Page Structure
----------------------------------------------- */
html, body {
  height: 100%;
  }
html body {
  margin: 0;
  padding: 0;
  text-align: center;
  font: 12px Arial, Verdana, Sans-serif;
  color: #000;
  margin-left: 1px;  /* IE one pixel image offset hack */
  }
html>body {  /* IE one pixel image offset hack */
  margin: 0
  }
body {
  background: url("images/body_bg.gif") repeat;
  }
#container {
  width: 758px !important;
  width /**/: 760px;
  background-color: #FFFFFF;
  margin: 17px auto 0 auto;
  border: 1px solid #A1A0A0;
  text-align: left;
  background: url("images/content_bg.gif") repeat-y;
  }
#content {
  float: left;
  width: 508px !important;
  width /**/: 573px;
  background-color: #FFFFFF;
  padding: 10px 30px 100px 35px;
  background: url("images/content_bg.jpg") no-repeat bottom right;
  }

/* Header
----------------------------------------------- */
html #header {
  float: right;
  width: 573px;
  height: 55px;
  padding: 0;
  margin: 0;
  }

/* Vertical Navigation
----------------------------------------------- */
#v_nav_top {
  float: left;
  width: 185px;
  height: 25px;
  background: url("images/v_nav/top.gif") 0 0 no-repeat;
  }
#v_nav_left {
  float: left;
  width: 128px !important;
  width /**/: 140px;
  padding: 0 0 0 12px;
  }
#v_nav_right {
  float: left;
  width: 45px;
  height: 100px !important;
  height /**/: 138px;
  margin-top: 38px;
  background: url("images/v_nav/pipe_base.gif") 0 0 no-repeat;
  }
div#v_nav_home a, div#v_nav_who_we_are a, div#v_nav_why_partner a, div#v_nav_our_expertise a, div#v_nav_training a,
div#v_nav_whats_new a, div#v_nav_industry a, div#v_nav_careers a, div#v_nav_contact a, div#v_nav_panel a,
div#v_nav_research_knowledge a {
  float: left;
  width: 126px;
  height: 25px;
  padding: 0;
  }
div#v_nav_home a {
  background: url("images/v_nav/home.gif") 0 0 no-repeat;
  }
div#v_nav_who_we_are a {
  background: url("images/v_nav/who_we_are.gif") 0 0 no-repeat;
  }
div#v_nav_why_partner a {
  background: url("images/v_nav/why_partner.gif") 0 0 no-repeat;
  }
div#v_nav_our_expertise a {
  background: url("images/v_nav/our_expertise.gif") 0 0 no-repeat;
  }
div#v_nav_training a {
  background: url("images/v_nav/training.gif") 0 0 no-repeat;
  }
div#v_nav_whats_new a {
  background: url("images/v_nav/whats_new.gif") 0 0 no-repeat;
  }
div#v_nav_industry a {
  background: url("images/v_nav/industry.gif") 0 0 no-repeat;
  }
div#v_nav_careers a {
  background: url("images/v_nav/careers.gif") 0 0 no-repeat;
  }
div#v_nav_contact a {
  background: url("images/v_nav/contact.gif") 0 0 no-repeat;
  }
div#v_nav_panel a {
  background: url("images/v_nav/panel.gif") 0 0 no-repeat;
  }
div#v_nav_research_knowledge a {
  background: url("images/v_nav/research_knowledge.gif") 0 0 no-repeat;
  }
div#v_nav_home a:hover, div#v_nav_who_we_are a:hover, div#v_nav_why_partner a:hover, div#v_nav_our_expertise a:hover, div#v_nav_training a:hover,
div#v_nav_whats_new a:hover, div#v_nav_industry a:hover, div#v_nav_careers a:hover, div#v_nav_contact a:hover, div#v_nav_panel a:hover,
div#v_nav_research_knowledge a:hover {
  background-position: 100% 0;
  }

/* Horizontal Navigation (sub navigation)
----------------------------------------------- */
#h_nav_left {
  float: left;
  width: 19px;
  height: 57px;
  background: url("images/h_nav/connector.gif") 0 0 no-repeat;
  }
#h_nav_right {
  float: left;
  width: 554px;
  height: 63px;
  padding: 8px 0 0 0;
  background: url("images/h_nav/bg.gif") 0 0 repeat-x;
  }
div#h_nav_who_history a, div#h_nav_who_company_overview a, div#h_nav_who_vision a, div#h_nav_who_facilities a,
div#h_nav_who_leadership a, div#h_nav_training_training a, div#h_nav_training_curriculum a, div#h_nav_careers_careers a,
div#h_nav_careers_opportunities a, div#h_nav_expertise_hydro_testing a, div#h_nav_expertise_chemical_testing a,
div#h_nav_expertise_failure_analysis a, div#h_nav_expertise_testing a, div#h_nav_expertise_product_solutions a,
div#h_nav_expertise_pipeline_services a {
  float: left;
  height: 43px;
  padding: 0;
  margin: 0;
  }
div#h_nav_who_history a {
  width: 63px;
  background: url("images/h_nav/who_history.gif?reload=123") 0 0 no-repeat;
  }
div#h_nav_who_company_overview a {
  width: 121px;
  background: url("images/h_nav/who_company_overview.gif?reload=123") 0 0 no-repeat;
  }
div#h_nav_who_vision a {
  width: 52px;
  background: url("images/h_nav/who_vision.gif?reload=123") 0 0 no-repeat;
  }
div#h_nav_who_facilities a {
  width: 127px;
  background: url("images/h_nav/who_facilities.gif?reload=123") 0 0 no-repeat;
  }
div#h_nav_who_leadership a {
  width: 83px;
  background: url("images/h_nav/who_leadership.gif?reload=123") 0 0 no-repeat;
  }
div#h_nav_training_training a {
  width: 70px;
  background: url("images/h_nav/training_training.gif?reload=123") 0 0 no-repeat;
  }
div#h_nav_training_curriculum a {
  width: 136px;
  background: url("images/h_nav/training_curriculum.gif?reload=123") 0 0 no-repeat;
  }
div#h_nav_careers_careers a {
  width: 124px;
  background: url("images/h_nav/careers_careers.gif?reload=123") 0 0 no-repeat;
  }
div#h_nav_careers_opportunities a {
  width: 139px;
  background: url("images/h_nav/careers_opportunities.gif?reload=123") 0 0 no-repeat;
  }
div#h_nav_expertise_hydro_testing a {
  width: 92px;
  background: url("images/h_nav/expertise_hydro_testing.gif?reload=123") 0 0 no-repeat;
  }
div#h_nav_expertise_chemical_testing a {
  width: 92px;
  background: url("images/h_nav/expertise_chemical_testing.gif?reload=123") 0 0 no-repeat;
  }
div#h_nav_expertise_failure_analysis a {
  width: 80px;
  background: url("images/h_nav/expertise_failure_analysis.gif?reload=123") 0 0 no-repeat;
  }
div#h_nav_expertise_testing a {
  width: 80px;
  background: url("images/h_nav/expertise_testing_tech.gif?reload=123") 0 0 no-repeat;
  }
div#h_nav_expertise_product_solutions a {
  width: 80px;
  background: url("images/h_nav/expertise_product_solutions.gif?reload=123") 0 0 no-repeat;
  }
div#h_nav_expertise_pipeline_services a {
  width: 80px;
  background: url("images/h_nav/expertise_pipeline_services.gif?reload=123") 0 0 no-repeat;
  }
div#h_nav_who_history a:hover, div#h_nav_who_company_overview a:hover, div#h_nav_who_vision a:hover, div#h_nav_who_facilities a:hover,
div#h_nav_who_leadership a:hover, div#h_nav_training_training a:hover, div#h_nav_training_curriculum a:hover,
div#h_nav_careers_careers a:hover, div#h_nav_careers_opportunities a:hover, div#h_nav_expertise_hydro_testing a:hover, div#h_nav_expertise_chemical_testing a:hover,
div#h_nav_expertise_failure_analysis a:hover, div#h_nav_expertise_testing a:hover, div#h_nav_expertise_product_solutions a:hover,
div#h_nav_expertise_pipeline_services a:hover {
  background-position: 100% 0;
  }

/* Content
----------------------------------------------- */
#content p, #content h1, #content h2, #content h3 {
  margin: 0;
  }
#content p {
  padding: 8px 0 0 0;
  line-height: 18px;
  }
#content h1 {
  font-size: 18px;
  color: #18184C;
  padding: 8px 0 0 0;
  }
#content h2 {
  font-size: 14px;
  color: #FF9900;
  padding: 16px 0 0 0;
  }
#content h3 {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  padding: 16px 0 0 0;
  }
#content img.left {
  float: left;
  padding: 12px 12px 12px 0;
  }
#content img.right {
  float: right;
  padding: 12px 0 12px 12px;
  }
#content a {
  text-decoration: none;
  }
#content a:hover {
  text-decoration: underline;
  }
#content ul {
  list-style: none;
  margin: 0;
  padding: 5px 20px 1em 25px;
  }
#content li {
  list-style: none;
  background: url("images/bullet.gif") no-repeat 0 4px;
  padding: 0px 0px 0px 20px;
  line-height: 18px;
  }
#content ul li ul li {
  list-style: none;
  background: url("images/bullet_small.gif") no-repeat 0 5px;
  padding: 0px 0px 0px 20px;
  line-height: 18px;
  }
#content p.pdf {
  background: url('images/pdf.gif') 0 10px no-repeat;
  padding-left: 18px;
  }
.eqn {
  margin: 15px 30px 0 30px;
  padding: 5px 0 5px 0;
  border: 1px solid #A1A0A0;
  background-color: #CAC9C9;
  text-align: center;
  }
.eqn_caption {
  margin: 0 30px 15px 0;
  font-size: 9px;
  font-weight: bold;
  text-align: right;
  }
.err {
  color: red;
  font-weight: bold;
  }

/* Home Page Diagram

----------------------------------------------- */
#position {
 margin: 0;   
 padding: 20px 10px 10px 40px; 
 list-style: none;
 background:none;
 display: block;
 position: relative;
}

#diagram li {
 margin: 0;   
 padding: 0px 0px 0px 0px; 
 list-style: none;
 background:none;
 display: block;
 position: absolute;
}

#diagram a {display: block;}

#diagram {
 width: 374px;
 height: 264px;
 background:  url("images/large_diagram.gif"); background-repeat:no-repeat;
 position: relative;
 float:center;
 padding-top:10px;
 margin-bottom:10px;
 margin-left:0px;
}


/* adjust area that will be exposed */
#pipeline {left: -1px; top: 147px; width: 118px; height: 76px;}
#labratory {left: 0px; top: 48px; width: 118px; height: 76px;}
#technical {left: 255px; top: 147px; width: 118px; height: 76px;}
#packaged {left: 130px; top: 0px; width: 118px; height: 76px;}
#rand {left: 257px; top: 46px; width: 118px; height: 76px;}
#training {left: 129px; top: 199px; width: 118px; height: 76px;}

/* adjust visible area on rollover  be exposed*/
#pipeline a { height: 72px;}
#labratory a {height: 80px;}
#technical a {height: 72px;}
#packaged a {height: 72px;}
#rand a {height: 80px;}
#training a {height: 72px;}

/* position of graphic */
#pipeline a:hover {background:  url("images/large_diagram.gif") 1px -426px no-repeat;}
#labratory a:hover {background:  url("images/large_diagram.gif") 0px -327px no-repeat;}
#technical a:hover {background:  url("images/large_diagram.gif") -255px -426px no-repeat;}
#packaged a:hover {background:  url("images/large_diagram.gif") -130px -279px no-repeat;}
#rand a:hover {background:  url("images/large_diagram.gif") -257px -325px no-repeat;}
#training a:hover {background:  url("images/large_diagram.gif") -129px -478px no-repeat;}

/* position of graphic */

/* Footer
----------------------------------------------- */
#footer {
  clear: both;
  width: 758px !important;
  width /**/: 758px;
  background-color: #FF9900;
  margin: 0 auto 0 auto;
  padding: 5px 0 5px 0;
  font-size: 10px;
  color: #FFF;
  text-align: center;
  }
#footer a {
  color: #181A5C;
  text-decoration: none;
  }
#footer a:hover {
  color: #181A5C;
  text-decoration: underline;
  }

/* Input
----------------------------------------------- */
input.html_text {
  font: 12px Arial, Verdana, Sans-serif;
  padding: 2px;
  }
input.html_button {
  font: 12px Arial, Verdana, Sans-serif;
  color: #FFFFFF;
  border: 1px solid #FF9900;
  background-color: #FF9900;
  padding: 1px 3px 1px 3px;
  }