/*MAIN NAV MENU*/
#navBar ul {margin:0;padding:0;}

#navBar li {
	display:inline-block;
	margin:0;
	padding:0;
	}
	
/* hide from mac ie5 \*/
#navBar li {display:inline;margin:0;}
/* end hide from mac ie5 */

#navBar a:link, #navBar a:visited {
	display:block;
	float:left;
	padding:0;
	margin:0;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
	}
	

#navBar #homepage a{width:50px;height:21px;}
#navBar #about a{width:70px;height:21px;}
#navBar #distribution a{width:89px;height:21px;}
#navBar #mediaKit a{width:70px;height:21px;}
#navBar #webdesign a{width:84px;height:21px;}
#navBar #logodesign a{width:87px;height:21px;}
#navBar #signup a{width:63px;height:21px;}
#navBar #contact a{width:82px;height:21px;}


#navBar #homepage_current a{width:50px;height:21px;}
#navBar #about_current a{width:70px;height:21px;}
#navBar #distribution_current a{width:89px;height:21px;}
#navBar #mediaKit_current a{width:70px;height:21px;}
#navBar #webdesign_current a{width:84px;height:21px;}
#navBar #logodesign_current a{width:87px;height:21px;}
#navBar #signup_current a{width:63px;height:21px;}
#navBar #contact_current a{width:82px;height:21px;}

#navBar li {font-size:1em;}

/* end hide from mac ie5 */
#navBar span {visibility:hidden;}

#navBar a:hover span, #navBar a:active span, #navBar a:focus span {visibility:hidden;}
	
#navBar 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 */
#navBar a:active, #navBar a:hover {border-width:0;}
	
/* normal state */
#homepage a:link, #homepage a:visited {background-image:url("images/btn_home01.gif");}
#about a:link, #about a:visited {background-image:url("images/btn_about01.gif");}
#distribution a:link, #distribution a:visited {background-image:url("images/btn_distribution01.gif");}
#mediaKit a:link, #mediaKit a:visited {background-image:url("images/btn_mediaKit01.gif");}
#webdesign a:link, #webdesign a:visited {background-image:url("images/btn_webdesign01.gif");}
#logodesign a:link, #logodesign a:visited {background-image:url("images/btn_logodesign01.gif");}
#signup a:link, #signup a:visited {background-image:url("images/btn_signup01.gif");}
#contact a:link, #contact a:visited {background-image:url("images/btn_contact01.gif");}

/*hover and focus state */
#homepage_current, #homepage a:hover, #homepage a:active, #homepage a:focus {background-image:url("images/btn_home02.gif") !important;}
#about_current,#about a:hover, #about a:active, #about a:focus {background-image:url("images/btn_about02.gif") !important;}
#distribution_current,#distribution a:hover, #distribution a:active, #distribution a:focus {background-image:url("images/btn_distribution02.gif") !important;}
#mediaKit_current,#mediaKit a:hover, #mediaKit a:active, #mediaKit a:focus {background-image:url("images/btn_mediaKit02.gif") !important;}
#webdesign_current,#webdesign a:hover, #webdesign a:active, #webdesign a:focus {background-image:url("images/btn_webdesign02.gif") !important;}
#logodesign_current,#logodesign a:hover, #logodesign a:active, #logodesign a:focus {background-image:url("images/btn_logodesign02.gif") !important;}
#signup_current,#signup a:hover, #signup a:active, #signup a:focus {background-image:url("images/btn_signup02.gif") !important;}
#contact_current,#contact a:hover, #contact a:active, #contact a:focus {background-image:url("images/btn_contact02.gif") !important;}