@charset "UTF-8";

/*/////////////////////////////////// NAVIGATION ///////////////////////////////////*/
.nav {
	width:600px;
	float:left;
	margin:57px 0 0 0;
}
.nav ul#topnav {
	list-style:none;
	text-align:left;
	height:38px;
	padding:0;

}
.nav ul#topnav li {
	float:left;
	margin:0;
	/*background:url('../images/navigation/star.gif') top right no-repeat;
	font-size:1em;
	line-height:100%;
	color:#000;
	height:38px;
	padding:0 30px 0 0;*/
	position: relative;
	text-align:left;
	z-index:20;
}
.nav ul#topnav li:last-of-type, .subNav ul li:last-of-type {
	padding:0;
	background:none;
}
/*.nav ul#topnav li a, .subNav ul li a {
	color:#000;
	line-height:100%;
	font-family: 'AlternateGothicFSNo1', 'Arial Narrow', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 5px;
	font-size:3.5em;
	text-decoration:none !important;
	
	-webkit-transition: color .25s;
	-moz-transition: color .25s;
	-o-transition: color .25s;
	transition: color .25s;
}*/
/*.nav ul#topnav li a:hover, .subNav ul li a:hover {
	color:#fff;
	text-decoration:none;
}*/


/*.nav ul#topnav a.home {
	background:none;
}*/


/* pre-selected nav */
/*body#home .nav ul#topnav li a.home, 
body#whatson .nav ul#topnav li a.home,
body#about .nav ul#topnav li a.about,
body#theatres .nav ul#topnav li a.home,
body#venuehire .nav ul#topnav li a.venuehire,
body#signup .nav ul#topnav a.signup {
	color:#00529e;
	text-decoration:none;
	cursor:default;
}*/

li a.home{background:url('../../images/navigation/home_logo.jpg'); width:136px; height:24px; display:block; }
li a.home:hover{background:url('../../images/navigation/home_logo_hover.jpg'); width:136px; height:38px; display:block; margin-top:-7px;}

li a.about{background:url('../../images/navigation/about_logo.jpg'); width:94px; height:24px; display:block;}
li a.about:hover{background:url('../../images/navigation/about_logo_hover.jpg'); width:94px; height:24px; display:block;}

li a.theatres{background:url('../../images/navigation/theatres_logo.jpg'); width:123px; height:24px; display:block;}
li a.theatres:hover{background:url('../../images/navigation/theatres_logo_hover.jpg'); width:123px; height:24px; display:block;}

li a.venuehire{background:url('../../images/navigation/venuehire_logo.jpg'); width:138px; height:24px; display:block;}
li a.venuehire:hover{background:url('../../images/navigation/venuehire_logo_hover.jpg'); width:138px; height:24px; display:block;}

li a.signup{background:url('../../images/navigation/signup_logo.jpg'); width:71px; height:24px; display:block;}
li a.signup:hover{background:url('../../images/navigation/signup_logo_hover.jpg'); width:71px; height:24px; display:block;}


/* pre-selected sub-anv */
.subNav ul.sub1 li:first-of-type a,
.subNav ul.sub2 li:nth-of-type(6n+2) a,
.subNav ul.sub3 li:nth-of-type(6n+3) a,
.subNav ul.sub4 li:nth-of-type(6n+4) a,
.subNav ul.sub5 li:nth-of-type(6n+5) a {
	color:#00529e;
	text-decoration:none;
	cursor:default;
}

/*.nav ul#topnav li:hover a.home, .nav ul#topnav a.home:hover {
	background:#00529e;
	color:#fff !important;

	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}*/
.nav ul#topnav li ul {
	float:left;
	list-style:none;
	width:119px;
	margin-right:20px;
}
.nav ul#topnav li ul.titles {
	width:36px;
	margin-top:-5px;
}
.nav ul#topnav li ul:last-of-type {
	margin-right:0;
}
.nav ul#topnav li ul li {
	font-size:1em;
	float:none;
	width:100%;
	line-height:110%;
	background:none;
	color:#FFF;
}
.nav ul#topnav li ul li h3, .nav ul#topnav li ul li h4  {
	margin:0;
}


.nav ul#topnav li .sub {
	position: absolute;	
	top: 35px;
	width:870px !important; 
	z-index:30;
	left: -10px;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
		
	background-color: #00529e !important;
	padding: 20px 20px 5px 20px;
	float: left;
	display: none;
	
}
.nav ul#topnav li .sub li {
	color:#bcd2e6;
}

.nav ul#topnav li .row {
	clear: both; 
	float: left; 
	width: 100%; 
	margin-bottom: 5px;
}
.nav ul#topnav li .sub ul li a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
	text-transform:none;
	padding:0;
	margin:0;
	color:#bcd2e6 !important;
	font-size:1.1em !important;
	line-height:1.2em !important;
}

.nav ul#topnav li .sub li:nth-of-type(2), .nav ul#topnav li .sub li:nth-of-type(2) a {
	color:#fff !important;
}
.nav ul#topnav li .sub ul li a:hover {
	color:orange !important;
	cursor:pointer;
}



/*/////////////////////////////////// SUB-NAV ///////////////////////////////////*/
.subNav {
	float:left;
	width:585px;
	height:30px;
	margin:0;

}
.subNav ul {
	list-style:none;
	margin:0 auto;
	text-align:center;
}
.subNav ul li {
	display:inline-block;
	margin:0;
	background-image:url('../images/navigation/sub-star.gif');
	background-position:top right;
	background-repeat:no-repeat;
	font-size:1em;
	line-height:100%;
	color:#000;
	height:auto;
	/*background-color:red;*/
	padding:0 22px 0 0;
}
.subNav ul li a {
	padding:2px 5px;
	font-size:2.2em;
	text-decoration:none !important;
	
	-webkit-transition: color .25s;
	-moz-transition: color .25s;
	-o-transition: color .25s;
	transition: color .25s;
}