/*-main*/
* {
	outline: none;
	}
body {
	margin: 0;
	padding: 0;
	background: #000 url(../images/bg.jpg) no-repeat top center;
	text-align: center;
	font-size: 62.5%;
	line-height: 1.2em;
	font-family: verdana, arial, sans-serif;
	color: #fff;
	}
	a {
		color: #fff;
		}
input, 
textarea
	{
	border: 1px solid #c0c0c0;
	overflow: auto;
	}
	
textarea
	{
	height: 80px;
	}
#error
	{
	color: #fc0012;
	}	
/*-layout*/
#wrapper {
	width: 976px;
	overflow: hidden;
	margin: 20px auto;
	text-align: left;
	padding: 0;
	position: relative;
	font-size: 1.1em;
	background: #191919;
	line-height: 1.7;
	}
	/*-header*/
	#header {
		
		}
		#header h2 {
			display: none;
			}
		#title {
			display: block;
			width: 366px;
			height: 78px;
			margin: 10px 0 10px 22px;
			background: url(../images/title.png) no-repeat center center;
			float: left;
			}
	ul#nav {
		list-style: none;
		padding: 1px 0 1px 5px;
		margin: 0;
		clear: both;
		width: 100%;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		height: 40px;
		}
		ul#nav li {
			padding: 0 7px;
			border-right: 1px solid #000;
			float: left;
			}
		ul#nav li a {
			display: block;
			height: 40px;
			text-indent: -999em;
			background: url(../images/nav.png) no-repeat;
			padding: 0 13px;
			}
			li#home a {
				width: 35px;
				background-position: 13px 15px !important;
				}
				li#home a:hover, li#home.on a {
					background-position: 13px -24px !important;
					}
			li#shows a {
				width: 64px;
				background-position: -34px 15px !important;
				}
				li#shows a:hover,
				li#shows.on a
				 {
					background-position: -34px -24px !important;
					}
			li#your-visit a {
				width: 66px;
				background-position: -110px 15px !important;
				}
				li#your-visit a:hover,
				li#your-visit.on a
				 {
					background-position: -110px -24px !important;
					}
			li#hospitality a {
				width: 77px;
				background-position: -188px 15px !important;
				}
				li#hospitality a:hover,
				li#hospitality.on a {
					background-position: -188px -24px !important;
					}
			li#about-us a {
				width: 61px;
				background-position: -278px 15px !important;
				}
				li#about-us a:hover,
				li#about-us.on a {
					background-position: -278px -24px !important;
					}
			li#contact-us a {
				width: 82px;
				background-position: -351px 15px !important;
				}
				li#contact-us a:hover,
				li#contact-us.on a {
					background-position: -351px -24px !important;
					}
			li#hiring a {
				width: 48px;
				background-position: -443px 15px !important;
				}
				li#hiring a:hover,
				li#hiring.on a {
					background-position: -443px -24px !important;
					}
	div#header ul#subnav {
		list-style: none;
		clear: both;
		width: 100%;
		border-bottom: 1px solid #000;
		height: 30px;
		padding: 0 0 0 2px;
		margin: 0;
		}
		div#header ul#subnav li {
			padding: 6px 24px;
			border-right: 0;
			color: #B4B4B4;
			float: left;
			text-decoration: none;
			border-right:1px solid #000;
			}
			div#header ul#subnav li em
			{
			font-weight: normal;
			font-style: normal;
			color: #F5BB00;
			}
			div#header ul#subnav li a
			{
			color: #B4B4B4;
			text-decoration: none;
			
			}
			div#header ul#subnav li a:hover,
			div#header ul#subnav li.on a 
				{
				color: #d3b300;
				}
#content {
	color: #b4b4b4;
	background: #141414;
	border-bottom: 1px solid #000;
	}
	#book-now {
		width: 168px;
		margin-bottom: -40px;
		height: 52px;
		display: block;
		float: right;
		background: url(../images/buy-tickets.png) no-repeat;
		position: absolute;
		right: 0;
		top: 23px;
		text-indent: -999em;
		right:21px;
		}
		.shows #book-now
		{
		display: none;
		}
		#book-now:hover {
			background: url(../images/buy-tickets.png) no-repeat 0 -52px;
			}
	#big-image {
		display: block;
		width: 926px;
		height: 378px;
		}
	.col-1 {
		width: 608px;
		float: left;
		overflow: hidden;
		}
	.col-2 {
		width: 286px;
		float: right;
		}
		#blog_cal {
			width: 286px;
			height: 255px;
			border: 1px solid #646464;
			text-align: center;
			}
			.col-2 input, .col-2 textarea {
				margin: 0 0 20px 0;
				width: 286px;
				}
#tfl {
	padding: 10px;
	}
	#tfl input, #tfl select {
		width: 200px;
		padding: 5px;
		}

.your-visit .col-1 {
	width: 900px;
	}	
	.your-visit .col-1 ul {
		list-style: none;
		margin: 30px 0 0 0;
		padding: 0;
		}
		.your-visit .col-1 ul li {
			display: inline;
			}
		.your-visit .col-1 ul li a {
			display: block;
			float: left;
			width: 200px;
			height: 35px;
			padding-top: 15px;
			margin-right: 10px;
			padding-left: 80px;
			}
			#icon-tickets {
				background: url(../images/icon-tickets.png) no-repeat;
				}
			#icon-find {
				background: url(../images/icon-find.png) no-repeat;
				}
			#icon-packages {
				background: url(../images/icon-packages.png) no-repeat;
				}
			
		
#footer {
	border-top: 1px solid #2b2b2b;
	padding: 24px;
	text-align: left;
	font-size: .8em;
	color: #787878;
	}
	#favicons a {
		display: block;
		text-align: left;
		text-indent: -999em;
		width: 28px;
		height: 28px;
		background: url(../images/favicons.png) no-repeat;
		float: right;
		margin: 0 0 8px 8px;
		}
		#favicons a:hover {
			border-top: 2px solid #191919;
			margin-bottom: 6px;
			}
		a#stumble-upon {
			background-position: 0 0;
			}
		a#digg {
			background-position: -36px 0;
			}
		a#delicious {
			background-position: -72px 0;
			}
		a#technorati {
			background-position: -109px 0;
			}
		a#twitter {
			background-position: -146px 0;
			}
		a#myspace {
			background-position: -183px 0;
			}
		a#facebook {
			background-position: -220px 0;
			}
	#footer-dlt {
		display: block;
		float: left;
		width: 62px;
		height: 19px;
		background: url(../images/dlt.png) no-repeat;
		}

#footer-starlogo {
		display: none;
		float: left;
		width: 50px;
		height: 50px;
		background: url(../images/starlogo.gif) no-repeat;
		position: relative;
		top: -5px;
		left: 20px;
		margin-bottom: -50px;
		}
div.lead-image {
	margin: -24px 0 0 0;
	width: 952px;
	padding-top: 13px;
	padding-left: 24px;
	position: relative;
	right: 24px;
	height: 288px;
/*	temp*/
	background: url(../images/lead-about.jpg) no-repeat 24px 24px;
	}	
h3 {
	color: #fff;
	font-weight: normal;
	font-size: 1.2em;
	}

/*-home*/
.small_boxes {
	margin: 24px 0 0 0;
	background: #141414;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 952px;
	padding-left: 24px;
	position: relative;
	right: 24px;
	}
	.small_boxes a {
		display: block;
		width: 260px;
		height: 180px;
		margin: 24px 0 24px 0;
		float: left;
		text-transform: uppercase;
		background-color: #232323 !important;
		font-size: 1.1em;
		padding: 10px 10px 10px 16px;
		text-decoration: none;
		}
		#feature-block-1, #feature-block-2 {
			margin-right: 34px;
			}

/*-helpers*/
.clear {
	clear: both;
	}
.left {
	float: left;
	}
.right {
	float: right;
	}
.none {
	display: none;
	}
hr {
	color: #c5c5c5;
	background-color: #c5c5c5;
	height: 1px;
	border: 0;
	}
img {
	border: none;
	}
strong {
	color: #d3b300;
	}

/*-slideshow*/
#slideshow {
	width: 606px;
	overflow: hidden;
	}
	#slideshow ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 1%; /* IE fix */
		}
		#slideshow ul:after {
			content: ".";
			clear: both;
			display: block;
			height: 0;
			visibility: hidden;
			}

/*-slides*/
#slideshow .slides {
	overflow: hidden;
	}
	#slideshow .slides ul {
		width: 2880px;
		overflow: hidden;
		}
		#slideshow .slides li {
			width: 606px;
			float: left;
			}
	#slideshow .slides h2 {
		margin-top: 0;
		}

/*-slides nav*/
#slideshow .slides-nav {
	}
	#slideshow .slides-nav li {
		float: left;
		}
		#slideshow .slides-nav li a {
			display: block;
			padding: 10px;
			outline: none;
			text-decoration: none;
			font-size: 2em;
			}
			.js #slideshow .slides-nav li.on,
			.js #slideshow .slides-nav li.on a {
				
				}
			#slideshow .slides-nav li.on a {
				color: #ac8300;
				}

/* My Comment */

#bloc_calendar
	{
	background: url(../images/buy-tickets/bg-top-calendar.png) repeat-x 0 -2px;
	display: none;
	}
	
@-moz-document url-prefix() 
	{
	#bloc_calendar
	{
	background: url(../images/buy-tickets/bg-top-calendar.png) repeat-x 0 -1px !important;
	}
	}
	

table#blog_cal
	{
	padding: 0 15px 15px 15px;
	}
	
table#blog_cal tr
	{
	.padding-left:15px;
	}

#blog_cal th a
	{
	display: block;
	height: 22px;
	background: red;
	text-indent: -999em;
	}

#blog_cal th.next a
	{
	background: url(../images/buy-tickets/calendar-arrows.png) -18px;
	}
	
#blog_cal th.prev a
	{
	background: url(../images/buy-tickets/calendar-arrows.png) 5px;
	}

#blog_cal th,
#blog_cal a
	{
	color: #F5BB00;
	text-decoration: none;
	}

#blog_cal td,
#blog_cal th
	{
	font-size: 18px;
	font-family: "Myriad Pro", arial;
	.padding:0 !important;
	}


#blog_cal th
	{
	background:#646464;
	padding: 10px 0;
	}

#blog_cal .head_day td
	{
	background:#646464;
	color: #000;
	}


#blog_cal .dates.top td
	{
	padding-top: 15px;
	}
	
#blog_cal .dates td
	{
	background: #191919;
	}

#blog_cal td.end_td_left,
#blog_cal td.end_th_left
	{
	.padding-left: 15px !important;
	}
	
#blog_cal td.end_td_right,
#blog_cal td.end_th_right
	{
	.padding-right: 15px !important;
	}
	
	
#blog_cal .last td
	{
	.padding-bottom: 15px !important;
	}

#col_upper,
#col_lower
	{
	padding: 24px 24px 0 24px;
	width:926px;
	}

#col_lower
	{
	border-top: 1px #000 solid;
	background: #141414;
	padding-bottom: 24px;
	}
#col_upper
	{
	background: #191919;
	}

h3.sub-title
	{
	margin-bottom: -2px !important;
	margin: 0;
	font-size: 14px !!important;
	}
	
.low {
	position: relative;
	top: 6px;
	}
	
.hiring h3 {
	color: #d4b000;
	}
.hiring .col-1 {
	width: 446px !important;
	}

#col_lower .col-2 div h3
	{
	color: #F5BB00;
	font-size: 11px;
	font-weight: bold;
	}

#col_upper.home
	{
	padding-bottom: 24px;
	}	
#col_lower.home
	{
	padding-top: 0;
	padding-bottom: 0;
	}
.small_boxes
	{
	margin: 0;
	border: 0;
	}

div.slides img
	{
	.padding-bottom:300px;
	margin-bottom: 300px;
	float:left;
	}
ul.slides-nav
	{
	position: absolute;
	top: 455px;
	}
.shows #col_upper
	{
	height: 321px;
	overflow: hidden;
	}
.shows #col_lower .col-1 {
	width: 446px;
	}
	
#loading_calendar
	{
	width: 286px;
	.height: 266px;
	min-height: 266px;
	background: url(/images/buy-tickets/ajax-loader.gif) no-repeat center center;
	}
	
	button
	{
	border: none;
	padding: 0;
	background: none;
	margin-top: -5px;
	.margin-left:-20px;
	cursor: pointer;
	}
	
	.contact form input,
	.contact form textarea
	{
	width: 224px;
	font-size: 11px;
	font-family: verdana;
	color: #323232;
	padding: 5px;
	}

	.next a,
	.prev a 
	{
	.width:30px;
	}
	
div#error_wrapper
	{
	padding: 15px;
	margin: 0 15px 25px 0px;
	border: 2px solid #f2310f;
	background: #ffc4d4;
	}

#error
	{
	color: #a4000b;
	font-weight: bold;

	}
#error.message
	{
	font-weight: normal;
	}
	
span#success
	{
	display: block;
	padding: 15px;
	margin: 0 0px 25px 0px;
	border: 2px solid #7fff7f;
	background-color: #dffede;
	color: #028300;
	font-weight: bold;
	}
	
label.hidden
	{
	display: none;
	}
	
#tooltip_wrapper
	{
	float: right;
	position: relative;
	z-index: 30000;
	width: 120px;	
	margin-bottom: -220px;
	margin-top: -39px;
	.margin-top: -40px;
	padding-left: 15px;
	background: url(../images/tooltip_arrow.png) no-repeat left top;
	}
#tooltip_wrapper.textarea
	{
	padding-left: 0;
	padding-top: 15px;
	background-image: url(../images/tooltip_arrow-ta.png);
	}
#tooltip_inner
	{
	padding: 10px;
	border: 1px solid #000;
	background: #f5bb00;
	color: #141414;
	text-align: left;
	}

/* Lead Image Styles */

.your-visit .lead-image
	{
	background-image: url(../images/sections/reception1.jpg);
	}
	
.fair-access .lead-image
	{
	background-image: url(../images/sections/access.jpg);
	}
	
.contact .lead-image
	{
	background-image: url(../images/main_feedback.jpg);
	}
	
.contact #hospitality
	{
	background: none;
	}
	
.hiring .lead-image
	{
	background-image: url(../images/main_hiring.jpg);
	}
	
	
	
.about-us .lead-image
	{
	background-image: url(../images/main_aboutus.jpg);
	}
	
.technical-detail .lead-image
	{
	background-image: url(../images/sections/seats3.jpg);
	}

.how-to-get-here .lead-image
	{
	background-image: url(../images/sections/howtogetthere.jpg);
	}
	
.history .lead-image
	{
	background-image: url(../images/sections/stalls2.jpg);
	}
	
.staff .lead-image
	{
	background-image: url(../images/main_staff.jpg);
	}
	
.vacancies .lead-image
	{
	background-image: url(../images/main_vacancies.jpg);
	}
	
	

.history .col-1,
.technical-detail .col-1
	{
	width: 100%;
	}
	
.history .col-1 table,
.technical-detail .col-1 table
	{
	width: 100%;
	}

.history .col-1 table thead tr td,
.technical-detail .col-1 table thead tr td,
.technical-detail .col-1 td.heading
	{
	background-color: #141414;
	color: #f5bb00;
	border-bottom: 1px solid #f5bb00;
	font-weight: bold;
	}

.col-1 table td
	{
	padding: 10px 15px;
	}

.col-1 .odd
	{
	background-color: #191919;
	}

.col-1 thead td.td_begin,
.col-1 thead td.td_end
	{
	border-right: none;
	border-left: none;	
	}
	
.col-1 td.td_begin
	{
	border-right: 1px solid #000;
	}
.col-1 td.td_end
	{
	border-left: 1px solid #000;
	}

.technical-detail td
	{
	border-right: 1px solid #000;
	}

.technical-detail thead td,
.technical-detail td.heading
	{
	border-right: none;
	}

#show_link
	{
	position: absolute;
	display: none;
	width: 100px;
	padding: 8px;
	background: #f5bb00;
	text-decoration: none;
	color: #000;
	text-align: right;
	left: 514px;
	margin-top: -44px;
	z-index: 1000;
	line-height: 14px;	
	}
	
.terms-and-conditions .col_1 table
	{
	width: 100%;
	}
.terms-and-conditions .col_1 table td
	{
	padding: 10px;
	}

.terms-and-conditions td.first_large
	{
	background: #f5bb00;
	color: #000;
	}
.terms-and-conditions td.odd
	{
	background: #191919;
	}
.contact .lead-image img,
.theatre-of-comedy .lead-image img
	{
	display: none;
	padding-top:24px;
	padding-left: 24px;	
	}

.theatre-of-comedy .lead-image 
	{
	background: none;
	}

.show-item {
	margin-bottom:15px;
}

#official-site
	{
	display: block;
	position: absolute;
	right: 0;
	margin-top: 295px;
	margin-right: 28px;
	width: 200px;
	height: 92px;
	text-indent: -999em;
	background: url(../images/hairspraysitelink.png) no-repeat center;
	display:none;
	}
	
	.advert-category {
		width:308px;
		float:left;
	}
	
	.advert {
		border:1px solid #333; 
		margin-right:20px;
		margin-bottom:20px;
		padding:5px 8px;
		min-height:220px;
	}
	
	.advert p {
		margin:0;
		padding:0;
	}
	
	.advert h4 {
		margin:0;
		padding:0;
	}
	.advert a {
		color:#D3B300;
	}