/*
	css settings specific to the top button bar nav item
*/
#buttonbar
{
	position:absolute;
	top:-14px;
	left:308px;
	z-index:1;
}

/* 
	css menu from: http://www.dynamicsitesolutions.com/css/background_image_switching/ 
*/
ul.bgimage-switch,ul.bgimage-switch li 
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
  height: 24px;
}
ul.bgimage-switch 
{
  margin: 20px auto;  
  width: 445px;
}
ul.bgimage-switch li {
  float:left;
  width: 111px;
}
ul.bgimage-switch li a {
  text-align: center;
  float: left; 
  width: 111px;
  line-height: 24px;
  height: 24px;
  text-indent: -5000px;
  text-decoration: none;
  background-position: 0 0;
}
ul#buttonbar li {
  background-position: 0 -24px;
/* the second number should be the negative height of the link. */
}
ul#buttonbar li {
  background-repeat: no-repeat;
}
ul#buttonbar li a:hover {
  background: transparent none;
}
ul#buttonbar li.bbHome,ul.bgimage-switch li.bbHome a {
  background-image: url(./../img/ButtonBar/ButtonHome.jpg);
}
ul#buttonbar li.bbAboutUs,ul.bgimage-switch li.bbAboutUs a {
  background-image: url(./../img/ButtonBar/ButtonAbout.jpg);
}
ul#buttonbar li.bbServices,ul.bgimage-switch li.bbServices a {
  background-image: url(./../img/ButtonBar/ButtonService.jpg);
}
ul#buttonbar li.bbContactUs,ul.bgimage-switch li.bbContactUs a {
  background-image: url(./../img/ButtonBar/ButtonContact.jpg);
}