/* CSS Document */
 #navcontainer  /* contain the nav boxes */
 {
  position: absolute;
  height: 40px;
  top:174px;       /* distance from top of screen */
  width: 814px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 807px;
  }



a.nonav, a.nonav:link, a.nonav:visited{
  display:block; 
  float:left; 
  background-image: url("../images/block.jpg");
  width: 50px;
  height: 38px;
}

   /* repeat these for each nav box changing the number, ie nav3 nav4 */

a.nav1, a.nav1:link, a.nav1:visited {
  display:block; 
  float:left; 
  background-image: url("../images/home_off.jpg");
  width: 134px;						/* width of the image for each box */
  /*border: 1px solid #000;*/
  height: 38px;
}

a.nav1:hover {
 background-image: url("../images/home_on.jpg");
}

a.nav3, a.nav3:link, a.nav3:visited {
  display:block; 
  float:left; 
  background-image: url("../images/safety_off.jpg");
  width: 84px;
  /*border: 1px solid #000;*/
  height: 38px;
}

a.nav3:hover {
 background-image: url("../images/safety_on.jpg");
}
a.nav4, a.nav4:link, a.nav4:visited {
  display:block; 
  float:left; 
  background-image: url("../images/about_off2.jpg");
  width: 101px;
  /*border: 1px solid #000;*/
  height: 38px;
}

a.nav4:hover {
 background-image: url("../images/about_on2.jpg");
}
a.nav5, a.nav5:link, a.nav5:visited {
  display:block; 
  float:left;
  background-image: url("../images/quote_off.jpg");
  width: 168px;
  /*border: 1px solid #000;*/
  height: 38px;
}

a.nav5:hover {
 background-image: url("../images/quote_on.jpg");
}

a.nav6, a.nav6:link, a.nav6:visited {
  display:block; 
  float:left; 
  background-image: url("../images/contact_off.jpg");
  width: 147px;
  /*border: 1px solid #000;*/
  height: 38px;
}

a.nav6:hover {
 background-image: url("../images/contact_on.jpg");
}
#dropdownmenu{
  display:block; 
  float:left;
  background-image: url("../images/services_off2.jpg");
  background-repeat: no-repeat;  
  width: 101px;						/* width of the image for each box */
  /*border: 1px solid #fff;*/
  height: 38px;
  line-height:130%;
}

#nav{ font-size: 11px; 
      font-weight: bold;
	  color: #000;
	  font-family:Arial, Helvetica, sans-serif;
	   }

#nav a {
	font-weight: bold;
	color: #fff;
    font-size: 11px;
}

#nav a {
	text-decoration: none;
}

#nav li li a {
	display: block;
	font-weight: bold;
	color: #cc0309;
	padding: 2px 5px;
	font-size: 11px;
}

#nav li li a:hover {
	padding: 2px 5px;
	/*border: 1px solid #fff;
	border-width: 0 5px;*/
    color: #000;
}


ul {
  padding: 0;
  margin-left: 10px;
  margin-top: 15px;
  list-style: none;
  font-size: 11px;
  width: 80px;
  /*border: 1px solid #000;*/
  text-decoration: none;
  color:#000;
 background-repeat: no-repeat;  
  /*font-weight: 800;*/
  }



li {
   float: left;
   position: relative;
   width: 80px;
   background:transparent;
   background-repeat: no-repeat;  
  }



li ul {
  display: none;
  position: absolute;
  top: -5px;
  left: -10px;
  }

li > ul {
	top: -5px;
	left: -10px;
	}

li a:hover{
color: #000;}

ul a:hover{
color: #000;}

li:hover ul, li.over ul{ 
  display: block;
 text-decoration: none;
  color: #000;
background-color: #ffffff;
 /*background-image: url("../images/dropdown.jpg");*/
 background-repeat: no-repeat; 
}

