/* Main Navigation */
ul.nav {
	width: 100%;
	clear: both;
	list-style: none;
	height: 36px;
	margin: 0; padding:0;
	float: left;
	display:  block;
	padding-top: 2px;
	margin-top: 4px;
}
/*body.academy ul.nav { height: 90px;} */
/*ul.subnav { margin-top: -5px; }*/
ul.nav li {
	width: 133px;
	float: left;
	height: 36px;
	display: block;
	margin-bottom: 2px;
}
ul.nav li span.button {
	display: block; 
	width: 36px;
	height: 36px;
	float: left;
	background: transparent url(../i/nav/b/home.png) top left no-repeat; 
}
/* Nav */
ul.nav li.home span.button { background-image: url(../i/nav/b/home.gif); }
ul.nav li.live span.button { background-image: url(../i/nav/b/live.gif); }
ul.nav li.academy span.button { background-image: url(../i/nav/b/academy.gif); }
ul.nav li.ambassadors span.button { background-image: url(../i/nav/b/ambassadors.gif); }
ul.nav li.shop span.button { background-image: url(../i/nav/b/shop.gif); }
ul.nav li.aboutus span.button { background-image: url(../i/nav/b/aboutus.gif); }

/* Subnav */
body.academy ul.subnav span.button { background-image: url(../i/nav/s/academy.gif); }
body.ambassadors ul.subnav span.button { background-image: url(../i/nav/b/o/ambassadors.gif); }
body.shop ul.subnav li span.button { background-image: url(../i/nav/s/shop.gif); }
body.aboutus ul.subnav li span.button { background-image: url(../i/nav/s/aboutus.gif); }

ul.subnav li a.active { background-image: url(../i/nav/sub-button-bg-hover.gif); color: white!important; }

/* Nav Hover */
body.home ul.nav li.home span.button, ul.nav li.home:hover span.button, ul.nav li.home.active span.button { background-image: url(../i/nav/b/o/home.gif); }
body.live ul.nav li.live span.button, ul.nav li.live:hover span.button { background-image: url(../i/nav/b/o/live.gif); }
body.academyhome ul.nav li.academy span.button, ul.nav li.academy:hover span.button { background-image: url(../i/nav/b/o/academy.gif); }
body.ambassadors ul.nav li.ambassadors span.button, ul.nav li.ambassadors:hover span.button { background-image: url(../i/nav/b/o/ambassadors.gif); }
body.shop ul.nav li.shop span.button, ul.nav li.shop:hover span.button { background-image: url(../i/nav/b/o/shop.gif); }
body.aboutus ul.nav li.aboutus span.button, ul.nav li.aboutus:hover span.button { background-image: url(../i/nav/b/o/aboutus.gif); }

ul.nav li a {
	float: left;
	height: 36px;
	background: transparent url(../i/nav/button-bg.gif) top left no-repeat;
	width: 96px;
	text-align: center;
	padding-top: 12px;
	font-size: 10px;
}
* html ul.nav li a { height: 24px; }
ul.nav li a:hover { text-decoration: none; }
ul.nav li.disabled a { 
	color: #b4bbb3;  
	background: transparent url(../i/nav/button-bg-disabled.gif) top left no-repeat!important;
}
ul.nav li.disabled a:hover { text-decoration:  none; color: #b4bbb3!important; cursor: pointer!important;}
ul.nav li.twoline a { padding-top: 6px; }
* html ul.nav li.twoline a { height: 27px; }

/*ul.nav li.live a{ padding-top: 8px!important; }*/
li.ambassadors a {overflow:hidden;width:96px!important;padding-top: 6px!important; padding-bottom:6px!important; }

li.live a { padding-top: 6px!important; padding-bottom: 6px!important;}
/*li.live { padding-top: 8px!important; }*/

ul.subnav li a { background-image: url(../i/nav/sub-button-bg.gif); }
ul.subnav li.customerservice a { padding-top: 6px; }
body.academyhome ul.nav li.academy a, ul.nav li.home.active a, ul.nav li.live.active a, ul.nav li.academy.active a, 
ul.nav li.ambassadors.active a, ul.nav li.shop.active a, ul.nav li.aboutus.active a, 
ul.nav li:hover a {
	background-image: url(../i/nav/button-bg-hover.gif);	
}
* html ul.nav li a { font-size: 90%; }