/************************************************/

/*MAIN NAV MENU*/

#nav-bar ul {margin:0;padding:0;}

#nav-bar li {
	display:inline-block;
	margin:0;
	padding:0;
	float:left;
	}
	
/* 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 #home a, #nav-bar #home_current a{width:43px;height:40px;}
#nav-bar #him a, #nav-bar #him_current a{width:59px;height:40px;}
#nav-bar #her a, #nav-bar #her_current a{width:61px;height:40px;}
#nav-bar #oldschool a, #nav-bar #oldschool_current a{width:43px;height:40px;}
#nav-bar #acc a, #nav-bar #acc_current a{width:88px;height:40px;}
#nav-bar #gifts a, #nav-bar #gifts_current a{width:44px;height:40px;}
#nav-bar #whatsnew a, #nav-bar #whatsnew_current a{width:82px;height:40px;}
#nav-bar #news a, #nav-bar #news_current a{width:94px;height:40px;}
#nav-bar #blog a, #nav-bar #blog_current a{width:84px;height:40px;}
#nav-bar #company a, #nav-bar #company_current a{width:66px;height:40px;}


#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 */
#home a:link, #home a:visited {background-image:url("../images/btn_home01.jpg");}
#him a:link, #him a:visited {background-image:url("../images/btn_him01.jpg");}
#her a:link, #her a:visited {background-image:url("../images/btn_her01.jpg");}
#oldschool a:link, #oldschool a:visited {background-image:url("../images/btn_oldschool01.jpg");}
#acc a:link, #acc a:visited {background-image:url("../images/btn_acc01.jpg");}
#gifts a:link, #gifts a:visited {background-image:url("../images/btn_gifts01.jpg");}
#whatsnew a:link, #whatsnew a:visited {background-image:url("../images/btn_whatsnew01.jpg");}
#news a:link, #news a:visited {background-image:url("../images/btn_news01.jpg");}
#blog a:link, #blog a:visited {background-image:url("../images/btn_blog01.jpg");}
#company a:link, #company a:visited {background-image:url("../images/btn_company01.jpg");}

/* hover and focus state */
#home_current a,#home, #home a:hover, #home a:active, #home a:focus {background-image:url("../images/btn_home02.jpg") !important;}
#him_current a,#him, #him a:hover, #him a:active, #him a:focus {background-image:url("../images/btn_him02.jpg") !important;}
#her_current a , #her, #her a:hover, #her a:active, #her a:focus {background-image:url("../images/btn_her02.jpg") !important;}
#oldschool_current a, #oldschool, #oldschool a:hover, #oldschool a:active, #oldschool a:focus {background-image:url("../images/btn_oldschool02.jpg") !important;}
#acc_current a, #acc, #acc a:hover, #acc a:active, #acc a:focus {background-image:url("../images/btn_acc02.jpg") !important;}
#gifts_current a, #gifts, #gifts a:hover, #gifts a:active, #gifts a:focus {background-image:url("../images/btn_gifts02.jpg") !important;}
#whatsnew_current a, #whatsnew, #whatsnew a:hover, #whatsnew a:active, #whatsnew a:focus {background-image:url("../images/btn_whatsnew02.jpg") !important;}
#news_current a, #news, #news a:hover, #news a:active, #news a:focus {background-image:url("../images/btn_news02.jpg") !important;}
#blog_current a, #blog, #blog a:hover, #blog a:active, #blog a:focus {background-image:url("../images/btn_blog02.jpg") !important;}
#company_current a, #company, #company a:hover, #company a:active, #company a:focus {background-image:url("../images/btn_company02.jpg") !important;}