/* nav.css - styles for controlling presentation of navigation

copyright 2007 Future Medium Pty Ltd.

@author: matt watts

*/

ul#nav {
  position: relative;
margin: 0;
  padding: 0;
  border-top: 1px solid #fff;
  list-style-type: none;
}

ul#nav li {
  margin: 0;
  padding: 0;
}

ul#nav li a {
  display: block;
  width: 177px;
  height: 29px;
  background: no-repeat 0 0;
}

ul#nav li.company a {
  background: url("../images/nav/nav_company.gif");
}

ul#nav li.construction a {
  background: url("../images/nav/nav_construction.gif");
}

ul#nav li.transport_and_equipment_services a {
  background: url("../images/nav/nav_equipment_services.gif");
}

ul#nav li.products a {
  background: url("../images/nav/nav_products.gif");
}

ul#nav li.maintenance_services a {
  background: url("../images/nav/nav_maintenance_services.gif");
}

ul#nav li.projects a {
  background: url("../images/nav/nav_projects.gif");
}

ul#nav li.careers a {
  background: url("../images/nav/nav_careers.gif");
}

ul#nav li.news a {
  background: url("../images/nav/nav_news.gif");
}

#nav li.contact_us a {
  background: url("../images/nav/nav_contact_us.gif");
}

#nav li.image_gallery a {
  background: url("../images/nav/nav_image_gallery.gif");
}

#nav li.staff_login a {
  background: url("../images/nav/nav_staff_login.gif");
}

ul#nav li.certifications a {
  background: url("../images/nav/nav_certifications.gif");
  height: 135px;
}

ul#nav li:hover a,
ul#nav li.hover a,
ul#nav li:hover a.current,
ul#nav li.hover a.current {
  background-position: -178px 0 ;
}

ul#nav li a.current {
  background-position: -356px 0 ;
}

ul#nav li a span,
ul#nav li ul.topNav li a span {
  display: none;
}
ul#nav li ul.topNav {
  position: absolute;
  left: 177px;
  margin: 0;
  margin-top: -30px;
  padding: 0 0 3px 0;
  list-style-type: none;
  background: url("../images/nav/sub_nav_horizontal_drop_shadow.png") no-repeat bottom left #fff;
  display: none;
}

ul#nav li:hover ul.topNav,
ul#nav li.hover ul.topNav {
  display: block;
}

ul#nav li ul.topNav li {
  margin: 0;
  padding: 0;
  background: url("../images/nav/sub_nav_vertical_drop_shadow.png") repeat-y top right;
  width: 180px;
}

ul#nav li ul.topNav li a.sub {
  width: 167px;
  padding: 7px 5px 8px 5px;
  height: auto;
  margin: 0;
  background: url("../images/nav/sub_nav_panel.gif") no-repeat top left;
  color: #717171;
  text-decoration: none;
}

ul#nav li ul.topNav li a.sub:hover {
  background: url("../images/nav/sub_nav_panel.gif") no-repeat top right;
  color: #333333;
  text-decoration: none;
}

a.home {
  background: url("../images/nav/nav_home.gif?r=1");
  width: 177px;
  height: 30px;
  display: block;
}

a.home span {
  display: none;
}

a.concrete_calc {
  display: block;
  width: 202px;
  height: 38px;
  background: url("../images/nav/button_concrete_calc.gif") no-repeat 0 0;
  float: right;
}

a.concrete_calc:hover {
  background-position: 0 -41px;
}

a.concrete_calc span { display: none; }