/* CSS Document for graphical menus */
ul.nav {
	padding:0;
	margin:0;
	list-style:none;
	width:182px;
	float:left;
}

ul.nav li {
	display:block;
	height:90px;
	width:182px;
	padding:0 0 6px 0;
	margin:0;
	float:left;
}

ul.nav li a {
	display:block;
	/* image replacement */
	padding: 90px 0 0 0;
	overflow: hidden;
	
	height:90px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:0px; 
}

ul.backstage li {
	height:72px;
}

ul.backstage li a {
	padding: 72px 0 0 0;
	
	height:72px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:0px; 
}

li a.shows {
	background-image:url(../images/button_shows.jpg);
}

li a.archive {
	background-image:url(../images/button_archive.jpg);
}

li a.corporate {
	background-image:url(../images/button_corporate.jpg);
}

li a.news {
	/*background-image:url(../images/button_news.gif);*/
}

li a.backstage {
	background-image:url(../images/button_backstage.jpg);
}

li a.shop {
	background-image:url(../images/button_shop.jpg);
}

ul.backstage li a.profile {
	background-image:url(../images/backstage_button_profile.jpg);
}

ul.backstage li a.blogs {
	background-image:url(../images/backstage_button_blogs.jpg);
}

ul.backstage li a.photos {
	background-image:url(../images/backstage_button_photos.jpg);
}

ul.backstage li a.life {
	background-image:url(../images/backstage_button_life.jpg);
}

ul.backstage li a.interviews {
	background-image:url(../images/backstage_button_interviews.jpg);
}

ul.backstage li a.specialoffers {
	background-image:url(../images/backstage_button_offers.jpg);
}

ul.backstage li a.competitions {
	background-image:url(../images/backstage_button_competitions.jpg);
}

ul.backstage li a.audience {
	background-image:url(../images/backstage_button_audience.jpg);
}

li:hover a.shows, li:hover a.archive, li:hover a.corporate, li:hover a.backstage, li:hover a.shop, li:hover a.news {
	background-position:0 90px;
}

ul.backstage li:hover a {
	background-position:0 72px;
}

/*******************************/
/******* News Ticker **********/
/*****************************/
li.news {
	overflow:hidden;	
	position:relative;
	display:block;
	background-image:url(../images/button_news.jpg);
	background-repeat:no-repeat;
	padding:0 !important;
	margin:0 0 6px 0 !important;
	height:90px;
	
	/*height:75px !important;*/

}

li a.news {
	/*margin-top:-25px;*/
	position:absolute;
	top:0;
	left:0;
	z-index:2;

	width:182px;
	overflow:hidden;
	background-image:url(../images/button_news.jpg);
	padding:25px 0 0 0 !important;
	
	height:25px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:0px; 
	
	/*background-color:#FF0000;*/
}


li.news ul {
	position:absolute;
	top:0px;
	padding:0;
	margin:0;
	width:101px;
	z-index:1;
}

li.news ul li {
	
	padding:0 0 0 0px;
	margin-top:30px;	
	font-size: 10px !important;
	height:60px;
	width:101px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*height:75px;*/
	width:93px;
}

li.news ul li a {
	padding:0 !important;
	
	height:65px !important;
	line-height: 14px !important;
	
	
	
}

li.news ul li a {
	padding:0 82px 0 18px !important;
	width:182px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*height:75px;*/
	width:82px;	
}

/******************************/
/****** Shows Popout *********/
/****************************/
li.show a.show {
	display:inline;
}

li.show ul {
	position:absolute;
	/*left:180px;*/
	left:-99999px;
	top:87px;
	display:block;
	padding:0px;
	margin:0;
	list-style:none;
	
	z-index:3;
	width:250px;
	
}

li.show:hover  { /* IE 7 doesnt seem to want to display li.show:hover ul unless li.show:hover has a bg colour on hover */
	background-color:#ffffff;
}

li.show:hover ul {
	left:180px !important;
}


li.show ul li {
	display:block;
	line-height:20px;
	height:20px;
	margin:0;
	padding:0 9px;
	
	background-image:url(../images/show_dropdown_bg.png);
	background-position:0px -7px;
	
	width:250px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:232px;
}

li#wider.show ul li {
	background-image:url(../images/show_dropdown_bg_280px.png);
	width:280px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:262px;
}

/*\*/ * html li.show ul li {
	background-image:url(../images/show_dropdown_bg.gif);
	filter:alpha(opacity=90);
}

/*\*/ * html li#wider.show ul li {
	background-image:url(../images/show_dropdown_bg_280px.gif);
	filter:alpha(opacity=90);
}

li.show ul li.first {
	background-position:0px 0px;
	padding-top:6px;
}

li.show ul li.last {
	/*background-position:0px -25px;*/
	background-position:center bottom;
	padding-bottom:9px;
}

li.show ul a {
	font-size:11px;
	color:#4b4c51;
	font-weight:bold;
	display:inline;
	padding:0 !important;
}



/**************************************************/
/***** Caters for Mootools slide in/out menu *****/
/************************************************/
li.show div {
	position:absolute;
	top:87px;
	left:180px;
	z-index:4;
	
	/*padding:97px 0 0 0;*/
	
	margin: 0px; 
	overflow: hidden;
	width:250px;
	height:0;
	
	/*background-color:#996666;*/
}

li#wider.show div {
	width: 280px !important;
}

li.show div.shadow {
	background-image:url(../images/show_dropdown_bg.png);
	height:1px;
	top:87px;
	z-index:5 !important;
}

li#wider.show div.shadow {
	background-image:url(../images/show_dropdown_bg_280px.png);
}

li#wider.show ul div.shadow {
	background-image:url(../images/show_dropdown_bg_280px.png);
}

/*\*/ * html li.show div.shadow {
	background-image:url(../images/show_dropdown_bg.gif);
	filter:alpha(opacity=90);
}

/*\*/ * html li#wider.show div.shadow {
	background-image:url(../images/show_dropdown_bg_280px.gif);
}

/*\*/ * html li#wider.show ul div.shadow {
	background-image:url(../images/show_dropdown_bg_280px.gif);
	filter:alpha(opacity=90);
}

li.show div ul, li.show:hover div ul  { /* Remove any Styling that Css Pseudo class may place on the ul if we are using moo tools*/
	left:0 !important;
	top:0;
	position:static;
}

li.show div ul {
	float:left;
}

li.show div ul li.first {
	background-position:0px 0px;
	padding-top:5px;
}

/*
li.show div div {
	width:7px;
	float:left;
}
*/