@charset "utf-8";
/* CSS Document */

#nav-bar ul{margin:0;padding:0;}
#nav-bar li {display:inline-block;margin:0;padding:0;}
/* hide from mac ie5 \*/
#nav-bar li {display:inline;margin:0;}
/* end hide from mac ie5 */
#nav-bar a:link, #nav-bar a:visited {display:block;float:left;padding:0;margin:0;background-position:left center;background-repeat:no-repeat;text-decoration:none;}

#nav-bar #about a, #nav-bar #about_current a{width:92px;height:71px;}
#nav-bar #products a, #nav-bar #products_current a{width:100px;height:71px;}
#nav-bar #before a, #nav-bar #before_current a{width:101px;height:71px;}
#nav-bar #applications a, #nav-bar #applications_current a{width:96px;height:71px;}
#nav-bar #customers a, #nav-bar #customers_current a{width:105px;height:71px;}
#nav-bar #tests a, #nav-bar #tests_current a{width:96px;height:71px;}
#nav-bar #showtruck a, #nav-bar #showtruck_current a{width:101px;height:71px;}
#nav-bar #credentials a, #nav-bar #credentials_current a{width:98px;height:71px;}
#nav-bar #techtalk a, #nav-bar #techtalk_current a{width:101px;height:71px;}
#nav-bar #contact a, #nav-bar #contact_current a{width:90px;height:71px;}

#nav-bar li {font-size:1em;}

/* end hide from mac ie5 */
#nav-bar span {visibility:hidden;}

#nav-bar a:hover span, #nav-bar a:active span, #nav-bar a:focus span {visibility:hidden;}
	
#nav-bar a{border:none;}
/* for some reason IE has a bug where it needs this border to display the text correctly */
/* i gave it a null border */
#nav-bar a:active, #nav-bar a:hover {border-width:0;}
	
/* normal state */
#about a:link, #about a:visited {background-image:url("images/btn_about01.jpg");}
#products a:link, #products a:visited {background-image:url("images/btn_products01.jpg");}
#before a:link, #before a:visited {background-image:url("images/btn_before01.jpg");}
#applications a:link, #applications a:visited {background-image:url("images/btn_applications01.jpg");}
#customers a:link, #customers a:visited {background-image:url("images/btn_customers01.jpg");}
#tests a:link, #tests a:visited {background-image:url("images/btn_tests01.jpg");}
#showtruck a:link, #showtruck a:visited {background-image:url("images/btn_showtruck01.jpg");}
#credentials a:link, #credentials a:visited {background-image:url("images/btn_credentials01.jpg");}
#techtalk a:link, #techtalk a:visited {background-image:url("images/btn_techtalk01.jpg");}
#contact a:link, #contact a:visited {background-image:url("images/btn_contact01.jpg");}

/* hover and focus state */
#about_current a,#about, #about a:hover, #about a:active, #about a:focus {background-image:url("images/btn_about02.jpg") !important;}
#products_current a, #products, #products a:hover, #products a:active, #products a:focus {background-image:url("images/btn_products02.jpg") !important;}
#before_current a, #before, #before a:hover, #before a:active, #before a:focus {background-image:url("images/btn_before02.jpg") !important;}
#applications_current a, #applications, #applications a:hover, #applications a:active, #applications a:focus {background-image:url("images/btn_applications02.jpg") !important;}
#customers_current a, #customers, #customers a:hover, #customers a:active, #customers a:focus {background-image:url("images/btn_customers02.jpg") !important;}
#tests_current a, #tests, #tests a:hover, #tests a:active, #tests a:focus {background-image:url("images/btn_tests02.jpg") !important;}
#showtruck_current a, #showtruck, #showtruck a:hover, #showtruck a:active, #showtruck a:focus {background-image:url("images/btn_showtruck02.jpg") !important;}
#credentials_current a,#credentials, #credentials a:hover, #credentials a:active, #credentials a:focus {background-image:url("images/btn_credentials02.jpg") !important;}
#techtalk_current a, #techtalk, #techtalk a:hover, #techtalk a:active, #techtalk a:focus {background-image:url("images/btn_techtalk02.jpg") !important;}
#contact_current a, #contact, #contact a:hover, #contact a:active, #contact a:focus {background-image:url("images/btn_contact02.jpg") !important;}