/* CSS Document */
/************************************/
/*********** NAV STYLING ***********/
/**********************************/
ul#nav {
	display:block;
	margin:0;
	padding:0 30px;
	list-style:none;
	width:940px;
	height:48px;
	background-image:url(../images/banner.jpg);
	background-position:0 -226px;
}

ul#nav li {
	display:block;
	float:left;
	padding:0;
	margin:0;
	height:35px;
	line-height:35px;
}

ul#nav li a {
	display:block;
	height:0px;
	padding:35px 0 0 0;
	overflow:hidden;
	background-image:url(../images/nav_bg.png);
}

* html ul#nav li a {
	background-image:url(../images/nav_bg.gif);
}

ul#nav li.home {
	width:52px;
	margin-left: 10px;
}

ul#nav li.home a {
	background-position:0 0;
}

ul#nav li.home a:hover, ul#nav li.home a:active {
	background-position:0 -35px;
}

ul#nav li.show {
	width:83px;
}

ul#nav li.show a {
	background-position:-52px 0;
}

ul#nav li.show a:hover, ul#nav li.show a:active {
	background-position:-52px -35px;
}

ul#nav li.locations {
	width:90px;
}

ul#nav li.locations a {
	background-position:-135px 0;
}

ul#nav li.locations a:hover, ul#nav li.locations a:active {
	background-position:-135px -35px;
}

ul#nav li.backstage {
	width:95px;
}

ul#nav li.backstage a {
	background-position:-225px 0;
}

ul#nav li.backstage a:hover, ul#nav li.backstage a:active {
	background-position:-225px -35px;
}


ul#nav li.contact {
	width:99px;
}

ul#nav li.contact a {
	background-position:-320px 0;
}

ul#nav li.contact a:hover, ul#nav li.contact a:active {
	background-position:-320px -35px;
}

ul#nav li.mailinglist {
	width:169px;
}

ul#nav li.mailinglist a {
	background-position:-419px 0;
}

ul#nav li.mailinglist a:hover, ul#nav li.mailinglist a:active {
	background-position:-419px -35px;
}


ul#nav li.press {
	width:118px;
}

ul#nav li.press a {
	background-position:-588px 0;
}

ul#nav li.press a:hover, ul#nav li.press a:active {
	background-position:-588px -35px;
}

ul#nav li.discount {
	width:129px;
}

ul#nav li.discount a {
	background-position:-706px 0;
}

ul#nav li.discount a:hover, ul#nav li.discount a:active {
	background-position:-706px -35px;
}


/************************************/
/********* SUB NAV STYLING *********/
/**********************************/
ul#nav li ul {
	padding:0;
	margin:0;
	list-style:none;
	display:block;
	position:absolute;
	top:261px;
	left:-10000px;
	z-index:2;
	/*left:auto;*/
}

ul#nav li.show:hover ul,
ul#nav li.backstage:hover ul,  
ul#nav li.hover ul {
	left:auto !important;
}

ul#nav li.show ul, 
ul#nav li.backstage ul {
	width:158px;
	height:136px;
}

ul#nav li.backstage ul {
	width:174px;
}

ul#nav li.show ul li, 
ul#nav li.backstage ul li {
	display:block;
	width:158px;
	float:left;
}

ul#nav li.backstage ul li {
	width:174px;
}

ul#nav li.show ul li a, 
ul#nav li.backstage ul li a {
	display:block;
	background-image:url(../images/nav_theshow_bg.png);
	height:0;
	overflow:hidden;
}

* html ul#nav li.show ul li a {
	background-image:url(../images/nav_theshow_bg.gif);
}

ul#nav li.backstage ul li a {
	background-image:url(../images/nav_backstage_bg.png) !important;
}

* html ul#nav li.backstage ul li a {
	background-image:url(../images/nav_backstage_bg.gif) !important;
}

ul#nav li.show ul li.intro, 
ul#nav li.backstage ul li.enhancedgallery {
	height:32px;
	line-height:32px;
}

ul#nav li.show ul li.intro a, 
ul#nav li.backstage ul li.enhancedgallery a {
	padding:32px 0 0 0;
	background-position:0 0;	
}

ul#nav li.show ul li.intro a:hover, ul#nav li.show ul li.intro a:active,
ul#nav li.backstage ul li.enhancedgallery a:hover, ul#nav li.backstage ul li.enhancedgallery a:active {
	background-position:0 -136px;	
}

ul#nav li.show ul li.gallery,
ul#nav li.backstage ul li.feedback {
	height:30px;
	line-height:30px;
}

ul#nav li.show ul li.gallery a,
ul#nav li.backstage ul li.feedback a {
	padding:30px 0 0 0;
	background-position:0 -32px;	
}

ul#nav li.show ul li.gallery a:hover, ul#nav li.show ul li.gallery a:active,
ul#nav li.backstage ul li.feedback a:hover, ul#nav li.backstage ul li.feedback a:active {
	background-position:0 -168px;	
}

ul#nav li.show ul li.dates,
ul#nav li.backstage ul li.discounts {
	height:30px;
	line-height:30px;
}

ul#nav li.show ul li.dates a,
ul#nav li.backstage ul li.discounts a {
	padding:30px 0 0 0;
	background-position:0 -62px;	
}

ul#nav li.show ul li.dates a:hover, ul#nav li.show ul li.dates a:active,
ul#nav li.backstage ul li.discounts a:hover, ul#nav li.backstage ul li.discounts a:active {
	background-position:0 -198px;	
}


ul#nav li.show ul li.news,
ul#nav li.backstage ul li.competitions {
	height:43px;
	line-height:43px;
}

ul#nav li.show ul li.news a,
ul#nav li.backstage ul li.competitions a {
	padding:43px 0 0 0;
	background-position:0 -92px;	
}

ul#nav li.show ul li.news a:hover, ul#nav li.show ul li.news a:active,
ul#nav li.backstage ul li.competitions a:hover, ul#nav li.backstage ul li.competitions a:active {
	background-position:0 -228px;	
}