/***********************/
/***** nav *************/
/***********************/
#nav {
  position:relative;
  width:157px;
  height:99px;
  margin:35px 0 0 20px;
  padding:0;
  list-style:none;
}
#nav li {
  position:absolute;
  left:0;
  margin:0;
  padding:0;
  height:21px;
}
#nav li, #nav li a {
  display:block;
  width:157px;
  height:21px;
}
#nav li a {
  text-indent:-9999px;
  text-decoration:none;
}

#navabout     { top:0px;  background:url(/images/nav_about_a.gif) transparent 0 0 no-repeat; }
#navcurrent   { top:26px; background:url(/images/nav_current_a.gif) transparent 0 0 no-repeat; }
#navtour      { top:52px; background:url(/images/nav_tour_a.gif) transparent 0 0 no-repeat; }
#navcasestudy { top:78px; background:url(/images/nav_case_study_a.gif) transparent 0 0 no-repeat; }
#navcontact   { top:104px; background:url(/images/nav_contact_a.gif) transparent 0 0 no-repeat; }

#navabout a:hover     { background:url(/images/nav_about_b.gif) transparent 0 0 no-repeat; }
#navcurrent a:hover   { background:url(/images/nav_current_b.gif) transparent 0 0 no-repeat; }
#navtour a:hover      { background:url(/images/nav_tour_b.gif) transparent 0 0 no-repeat; }
#navcasestudy a:hover { background:url(/images/nav_case_study_b.gif) transparent 0 0 no-repeat; }
#navcontact a:hover   { background:url(/images/nav_contact_b.gif) transparent 0 0 no-repeat; }

#navabout.on     { background:url(/images/nav_about_c.gif) transparent 0 0 no-repeat; }
#navcurrent.on   { background:url(/images/nav_current_c.gif) transparent 0 0 no-repeat; }
#navtour.on      { background:url(/images/nav_tour_c.gif) transparent 0 0 no-repeat; }
#navcasestudy.on { background:url(/images/nav_case_study_c.gif) transparent 0 0 no-repeat; }
#navcontact.on   { background:url(/images/nav_contact_c.gif) transparent 0 0 no-repeat; }

/***********************/
/***** subnav **********/
/***********************/
#subnav {
  position:relative;
  width:157px;
  height:72px;
  margin:33px 0 0 20px;
  padding:0;
  list-style:none;
}
#subnav li {
  position:absolute;
  left:0;
  margin:0;
  padding:0;
  height:19px;
}
#subnav li, #subnav li a {
  display:block;
  width:157px;
  height:19px;
}
#subnav li a {
  text-indent:-9999px;
  text-decoration:none;
}
#navexteriors { top:0px;  background:url(/images/nav_exterior_a.gif) transparent 0 0 no-repeat; }
#navinteriors { top:24px; background:url(/images/nav_interior_a.gif) transparent 0 0 no-repeat; }
#navworking   { top:48px; height:23px; background:url(/images/nav_working_a.gif) transparent 0 0 no-repeat; }

#navexteriors a:hover { background:url(/images/nav_exterior_b.gif) transparent 0 0 no-repeat; }
#navinteriors a:hover { background:url(/images/nav_interior_b.gif) transparent 0 0 no-repeat; }
#navworking a:hover   { height:23px; background:url(/images/nav_working_b.gif) transparent 0 0 no-repeat; }

#navexteriors.on { background:url(/images/nav_exterior_c.gif) transparent 0 0 no-repeat; }
#navinteriors.on { background:url(/images/nav_interior_c.gif) transparent 0 0 no-repeat; }
#navworking.on   { background:url(/images/nav_working_b.gif) transparent 0 0 no-repeat; }