/*************

Colors to go here:

Black:			rgb(51,51,51)		(body copy)

Pink: 			rgb(228,43,125)		**Shows section
Purple: 		rgb(86,33,124) 		**Booking section
Cyan: 			rgb(0,161,212) 		**Education section
Red: 				rgb(220,37,16)		**About us section
Blue: 			rgb(0,106,139)		**Show us the love section
Green:		 	rgb(0,124,48)			**Business buddies section
Lime: 			rgb(128,187,37)		**Contact us section
Orange: 		rgb(237,112,41)		**Legal and Error sections

Footer: 		rgb(230, 226, 220) (background color and footer swirls image color!)s


CONTENTS: --- this is probably bollocks by now! I've added so much it's ridiculous! 

	1: DEFAULTS
	2: COMMON
	3: 3 COL GENERAL
	4: SUB NAV
		4.A: SHOWS TERTIARY SUB NAV
	5: TAC BOXES
	6: PAST SHOWS DEV
	7: EDUCATION DEV
	8: CAST/TEAM PAGE DEV
	9: CONTACT FORM STYLE

*************/

/*********************
		1. DEFAULTS
*********************/

body
{
	font-family: arial, sans-serif;
	margin: 0;
	padding: 0;
}

p, ul, li, table
{
	color: rgb(51,51,51);
	font-size: 12px;
	line-height: 20px;
}


h1, h2, h3, h4
{
	color: rgb(51,51,51);
	font-weight: bold;
	text-decoration: none;
}

h2
{
	font-size: 18px;
}

h3
{
	font-size: 14px;
}

h3.no-space
{
	margin-bottom: 0 !important;
}

h4
{
	font-size: 12px;
	
}

h4 + p
{
	margin-top: 0;
}

a
{
	color: rgb(51,51,51);
	text-decoration: none;
}

a img
{
	border: none;
}

p.pdf-link
{
	margin: 0;
	margin-left: 10px;
	padding-top: 7px;
	padding-bottom: 20px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: top left;
}

body#business-buddies #container #main-content p.pdf-link  { background-image: url(/_assets/images/common/pdf-icons/pdf-download-green.jpg); }
body#show-us-the-love #container #main-content p.pdf-link  { background-image: url(/_assets/images/common/pdf-icons/pdf-download-blue.jpg); }
body#contact-us #container #main-content p.pdf-link  { background-image: url(/_assets/images/common/pdf-icons/pdf-download-lime.jpg); }
body#education #container #main-content p.pdf-link  { background-image: url(/_assets/images/common/pdf-icons/pdf-download-cyan.jpg); }

a#skiplink
{
	display: block;
	position: absolute;
	top: 0;
	left: -9999px;
	padding: 10px 20px;
	background-color: #008ebd;
	color: #fff;
}

/******************
		2. COMMON
******************/

#header
{
	height: 46px;
	background-image: url(/_assets/images/common/top-bar.gif);
	background-repeat: repeat-x;
	background-position: top left;
	width: 100%;	
	margin: 0;
	z-index: 999;
}

#header p#tab-container
{
	width: 980px;
	position: relative;
	margin: 0 auto;
}

#header p#tab-container a#book-now-tab
{
	position: absolute;
	top: 46px;
	right: 55px;
	background-position: top left;
	background-repeat: no-repeat;
	width: 192px;
	height: 109px;
	display: block;
	z-index: 0;
}

#header p#tab-container a#book-now-tab span
{
	display: none;
}

/***** SECTION SPECIFIC BOOK NOW TAB COLORS ******/

body#shows #header p#tab-container a#book-now-tab
{
	background-image: url(/_assets/images/common/book-now-button/book-now-pink.gif);
}
body#booking #header p#tab-container a#book-now-tab
{
	background-image: url(/_assets/images/common/book-now-button/book-now-purple.gif);
}
body#education #header p#tab-container a#book-now-tab
{
	background-image: url(/_assets/images/common/book-now-button/book-now-cyan.gif);
}
body#about-us #header p#tab-container a#book-now-tab
{
	background-image: url(/_assets/images/common/book-now-button/book-now-red.gif);
}
body#show-us-the-love #header p#tab-container a#book-now-tab
{
	background-image: url(/_assets/images/common/book-now-button/book-now-blue.gif);
}
body#business-buddies #header p#tab-container a#book-now-tab
{
	background-image: url(/_assets/images/common/book-now-button/book-now-green.gif);
}
body#contact-us #header p#tab-container a#book-now-tab
{
	background-image: url(/_assets/images/common/book-now-button/book-now-lime.gif);
}
body#error #header p#tab-container a#book-now-tab, body#legal #header p#tab-container a#book-now-tab
{
	background-image: url(/_assets/images/common/book-now-button/book-now-orange.gif);
}
/****** DROP DOWN SECTION COLOURS *****/

ul#main-nav li#mn-shows:hover a { color: rgb(228,43,125); }
ul#main-nav li#mn-booking:hover a { color: rgb(86,33,124); }
ul#main-nav li#mn-education:hover a { color: rgb(0,161,212); }
ul#main-nav li#mn-about-us:hover a { color: rgb(220,37,16); }
ul#main-nav li#mn-show-us-the-love:hover a { color: rgb(0,106,139); }
ul#main-nav li#mn-business-buddies:hover a { color: rgb(0,124,48); }
ul#main-nav li#mn-contact-us:hover a { color: rgb(128,187,37); }

ul#main-nav li ul#dd-shows li a:hover { 	background-color: rgb(228,43,125); }
ul#main-nav li ul#dd-booking li a:hover { 	background-color: rgb(86,33,124); }
ul#main-nav li ul#dd-education li a:hover { 	background-color: rgb(0,161,212); }
ul#main-nav li ul#dd-about-us li a:hover { 	background-color: rgb(220,37,16); }
ul#main-nav li ul#dd-show-us-the-love li a:hover { 	background-color: rgb(0,106,139); }
ul#main-nav li ul#dd-business-buddies li a:hover { 	background-color: rgb(0,124,48); }
ul#main-nav li ul#dd-contact-us li a:hover { 	background-color: rgb(128,187,37); }

/****** HOME LOGO PART OF NAV ******/

ul#main-nav li#home-link a
{
	/* Actual background image is set in the next section of the stylesheet! */
	position: absolute;
	width: 269px;
	height: 167px;
				
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0;
	padding: 0;
	top: 0;
	left: -35px;
	z-index: 99999;
	border: none;
}

ul#main-nav li#home-link a:hover
{
	background-color: transparent;
	border: none;
}

ul#main-nav li#home-link span
{
	display: none;
}

#container
{
	width: 980px;
	margin: 0 auto;
}

#container .bordered
{
	margin-top: 10px;
	padding-top: 8px;
	border-top: 1px dashed rgb(230, 226, 220);
}

#footer-swirls
{
	width: 100%;
	height: 155px;
	clear: both;
	margin: 0;
	padding: 0;
	background-image: url(/_assets/images/common/footer-swirls.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#footer
{
	width: 100%;
	float: left;
	margin: 0;
	background-color: rgb(230, 226, 220);
}

#footer #footer-container
{
	width: 800px;
	height: 70px;
	padding: 20px 0px 20px 180px;
	margin: 0px auto;
	background-repeat: no-repeat;
	background-position: top left;
	
}

#footer #footer-container p
{
	font-size: 11px;
	line-height: 16px;
	margin: 2px 0;
}

#footer #footer-container p#top-row-footer
{
	font-weight: bold;
}

#footer a
{
	color: rgb(228,43,125);
}

/*****************************
		2.a. LOGO/COLOR SETTINGS
*****************************/

/*body#home ul#main-nav li#home a { background-image: url(/_assets/images/common/logos/pink-single-colour.png); }
body#home #footer #footer-container { 	background-image: url(/_assets/images/common/footer-logos/footer-purple-multicolour-logo.gif); }
*/

body#shows ul#main-nav li#home-link a,body#past-shows ul#main-nav li#home-link a { background-image: url(/_assets/images/common/logos/pink-multiple-colour.png); }
body#shows #footer #footer-container,body#past-shows #footer #footer-container { 	background-image: url(/_assets/images/common/footer-logos/footer-magenta-multicolour-logo.gif); }
body#shows #container #main-content h1, body#past-shows #container #main-content h1, body#shows #container #main-content a, body#past-shows #container #main-content a, body#past-shows #footer a, body#shows #footer a { color: rgb(228,43,125); }

body#booking ul#main-nav li#home-link a { background-image: url(/_assets/images/common/logos/purple-multiple-colour.png); }
body#booking #footer #footer-container { 	background-image: url(/_assets/images/common/footer-logos/footer-purple-multicolour-logo.gif); }
body#booking #container #main-content h1, body#booking #container #main-content a, body#booking #footer a { color: rgb(86,33,124); }

body#about-us ul#main-nav li#home-link a { background-image: url(/_assets/images/common/logos/red-multiple-colour.png); }
body#about-us #footer #footer-container { 	background-image: url(/_assets/images/common/footer-logos/footer-red-multicolour-logo.gif); }
body#about-us #container #main-content h1, body#about-us #container #main-content a, body#about-us #footer a { color: rgb(220,37,16); }

body#business-buddies ul#main-nav li#home-link a { background-image: url(/_assets/images/common/logos/green-multiple-colour.png); }
body#business-buddies #footer #footer-container { 	background-image: url(/_assets/images/common/footer-logos/footer-green-multicolour-logo.gif); }
body#business-buddies #container #main-content h1, body#business-buddies #container #main-content a, body#business-buddies #footer a { color: rgb(0,124,48); }

body#show-us-the-love ul#main-nav li#home-link a { background-image: url(/_assets/images/common/logos/blue-multiple-colour.png); }
body#show-us-the-love #footer #footer-container { 	background-image: url(/_assets/images/common/footer-logos/footer-blue-multicolour-logo.gif); }
body#show-us-the-love #container #main-content h1, body#show-us-the-love #container #main-content a, body#show-us-the-love #footer a { color: rgb(0,106,139); }

body#education ul#main-nav li#home-link a { background-image: url(/_assets/images/common/logos/cyan-multiple-colour.png); }
body#education #footer #footer-container { 	background-image: url(/_assets/images/common/footer-logos/footer-cyan-multicolour-logo.gif); }
body#education #container #main-content h1, body#education #container #main-content a, body#education #footer a { color: rgb(0,161,212); }

body#contact-us ul#main-nav li#home-link a { background-image: url(/_assets/images/common/logos/lime-multiple-colour.png); }
body#contact-us #footer #footer-container { 	background-image: url(/_assets/images/common/footer-logos/footer-lime-multicolour-logo.gif); }
body#contact-us #container #main-content h1, body#contact-us #container #main-content a, body#contact-us #footer a { color: rgb(128,187,37); }

body#error ul#main-nav li#home-link a,body#legal ul#main-nav li#home-link a  { background-image: url(/_assets/images/common/logos/orange-multiple-colour.png); }
body#error #footer #footer-container,body#legal #footer #footer-container { 	background-image: url(/_assets/images/common/footer-logos/footer-orange-multicolour-logo.gif); }
body#error #container #main-content h1, body#error #container #main-content a,body#legal #container #main-content h1, body#legal #container #main-content a, body#error #footer a, body#legal #footer a { color: rgb(237,112,41); }


/*****************************
	3. THREE COLUMN GENERAL
*****************************/

/**
AO:
As all of the columns in the 3 col layout are aligned at the top equal distance from the main nav 
the margin is set here...
This might be a problem but as the stylesheets are going to be separate this shouldn't be a problem 
**/

#container
{
	margin-top: 140px;
}

#container #sub-nav
{
	float: left;
	width: 225px;
	margin-right: 23px;
}

#container #main-content
{
	float: left;
	width: 470px;
	margin-right: 23px;
	padding: 0;
}

#container #main-content h1 
{
	font-size: 30px;
	line-height: 32px;
	margin-top: 0;
	margin-bottom: 15px;
}

#container #main-content p.intro
{
	font-weight: bold;
	font-size: 14px;
	margin-top: 15px;
}

#container #main-content em
{
	color: rgb(130, 126, 120);
}

#container #main-content hr
{
	margin: 15px 0;
	border: none;
	border-top: 1px dashed rgb(230, 226, 220);
}

#container #rhs-tac-boxes
{
	float: left;
	width: 225px;
}
	
/**********************
			4. SUB NAV
**********************/

#sub-nav ul
{
	list-style: none;
	margin: 0 0 50px 0;
	padding: 0;
}

#sub-nav ul li
{
	padding: 0;
	margin: 0;
	border-top: 1px dashed rgb(230, 226, 220);
}

#sub-nav ul li a
{
	padding: 6px 15px;
	margin: 3px 0;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	background-color: #fff;
}

#sub-nav ul li a:hover
{
	background-color: rgb(245,243,240);
		
	-moz-transition: background-color 0.2s;  /* FF3.7+ */
  -o-transition: background-color 0.2s;  /* Opera 10.5 */
  -webkit-transition: background-color 0.2s;  /* Saf3.2+, Chrome */
	transition:background-color 0.2s;  
}

#sub-nav ul li a.active
{
	background-color: rgb(230, 226, 220);
}

#sub-nav ul li a.active
{
	background-repeat: no-repeat;
	background-position: 200px 11px;
}

body#show-one #container #sub-nav ul#shows-subnav li h2 a#show-one,
body#show-two #container #sub-nav ul#shows-subnav li h2 a#show-two
{
	background-color: rgb(230, 226, 220);
	background-repeat: no-repeat;
	background-position: 195px 11px;
	
	background-image: url(/_assets/images/common/nav-arrows/grey-arrow-down.gif);
}

#sub-nav ul li#second-show-subnav.empty
{
	border: none;
}

#sub-nav ul li ul.tertiary-sub-nav li.empty 
{
	display: none !important;
}

#sub-nav ul li h2
{
	margin: 0;
}

#sub-nav ul li ul.tertiary-sub-nav
{
	border: none;
	margin: 0;
}

#sub-nav ul li ul.tertiary-sub-nav li
{
	border-bottom: none;
	border-top: 1px dashed rgb(230, 226, 220);
}

body#shows #sub-nav ul li ul#shows-show-two.tertiary-sub-nav,
body#show-one #sub-nav ul li ul#shows-show-two.tertiary-sub-nav,
body#show-two #sub-nav ul li ul#shows-show-one.tertiary-sub-nav
{
	/* height: 0px;*/
}

body#shows #sub-nav ul li ul#shows-show-two.tertiary-sub-nav li,
body#show-one #sub-nav ul li ul#shows-show-two.tertiary-sub-nav li,
body#show-two #sub-nav ul li ul#shows-show-one.tertiary-sub-nav li
/*,
body#past-shows #sub-nav ul li ul.tertiary-sub-nav li*/
{
	/* display: none; */
}

#sub-nav ul li ul.tertiary-sub-nav li a
{
	font-size: 10px;
	padding-left: 30px;
}


/****** 4.A. SUBNAV COLOURS ******/

body#shows #sub-nav ul li a:hover, body#past-shows #sub-nav ul li a:hover, body#shows #sub-nav ul li a.active, body#past-shows #sub-nav ul li a.active {	color: rgb(228,43,125); }
body#booking #sub-nav ul li a:hover, body#booking #sub-nav ul li a.active {	color: rgb(86,33,124); }
body#about-us #sub-nav ul li a:hover, body#about-us #sub-nav ul li a.active {	color: rgb(220,37,16); }
body#education #sub-nav ul li a:hover, body#education #sub-nav ul li a.active {	color: rgb(0,161,212); }
body#business-buddies #sub-nav ul li a:hover, body#business-buddies #sub-nav ul li a.active {	color: rgb(0,124,48); }
body#show-us-the-love #sub-nav ul li a:hover, body#show-us-the-love #sub-nav ul li a.active {	color: rgb(0,106,139); }
body#contact-us #sub-nav ul li a:hover, body#contact-us #sub-nav ul li a.active {	color: rgb(128,187,37); }

body#shows #sub-nav ul li a.active, body#past-shows #sub-nav ul li a.active {	background-image: url(/_assets/images/common/nav-arrows/pink-arrow.gif); }
body#booking #sub-nav ul li a.active {	background-image: url(/_assets/images/common/nav-arrows/purple-arrow.gif); }
body#about-us #sub-nav ul li a.active {	background-image: url(/_assets/images/common/nav-arrows/red-arrow.gif); }
body#education #sub-nav ul li a.active {	background-image: url(/_assets/images/common/nav-arrows/cyan-arrow.gif); }
body#business-buddies #sub-nav ul li a.active {	background-image: url(/_assets/images/common/nav-arrows/green-arrow.gif); }
body#show-us-the-love #sub-nav ul li a.active {	background-image: url(/_assets/images/common/nav-arrows/blue-arrow.gif); }
body#contact-us #sub-nav ul li a.active {	background-image: url(/_assets/images/common/nav-arrows/lime-arrow.gif); }

/** SOCIAL MEDIA NAV **/

ul#social-media-subnav
{
	margin-top: 0px;
}

ul#social-media-subnav li
{
	border: none;
}

ul#social-media-subnav li a
{
	width: 201px;
	display: block;
	padding: 10px 12px 8px 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(51,51,51);
	background-repeat: no-repeat;
	background-position: 185px 5px;
	border-top: 1px dashed rgb(230, 226, 220);
}

ul#social-media-subnav li a#mailing-list-link
{
	background-image: url(/_assets/images/common/social-media-icons/mailing-list.jpg);
}
ul#social-media-subnav li a#facebook-link
{
	background-image: url(/_assets/images/common/social-media-icons/facebook.jpg);
}
ul#social-media-subnav li a#twitter-link
{
	background-image: url(/_assets/images/common/social-media-icons/twitter.jpg);
}

ul#social-media-subnav li a:hover
{
	background-color: #fff;
}	
	
/**********************
			5. TACTICAL 	
**********************/

#rhs-tac-boxes .tacinfo
{
	background: url(/_assets/images/common/box-office-phone-icon.gif) center left no-repeat;
	border-top: 1px dashed rgb(230, 226, 220);
	border-bottom: 1px dashed rgb(230, 226, 220);
	padding: 9px 5px 9px 33px;
}
	
#rhs-tac-boxes .tacinfo p
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
}

.tacbox
{
	width: 225px;
	height: 150px;
	overflow: hidden;
	position: relative;
	margin: 9px 0 15px 0;
}

.tacbox .background
{
	background-color: #fff;
	width: 225px;
	height: 85px;
	position: absolute;
	top: 121px;
	left: 0;
	z-index: 0;
}

.tacbox .overlay
{
	width: 201px;
	height: 85px;
	position: absolute;
	top: 121px;
	left: 0;
	padding: 0 12px;
	z-index: 99;
}

.tacbox .background:hover
{
	top: 65px;
}

.tacbox .background:hover h2
{
	color: rgb(228,43,125);
}

.tacbox .overlay h2
{
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0;
	text-transform: uppercase;
}

.tacbox .overlay p
{
	margin: 0;
	line-height: 18px;
}

/* AO: NEED TO ADD IN SECTION SPECIFIC COLORS!

.tacbox .overlay h2.active
{
	color: 	rgb(228,43,125);
}
 */
body#shows .tacbox .overlay h2.active a, body#past-shows .tacbox .overlay h2.active a { color: rgb(228,43,125); }
body#booking .tacbox .overlay h2.active a { color: rgb(86,33,124); }
body#education .tacbox .overlay h2.active a { color: rgb(0,161,212); }
body#about-us .tacbox .overlay h2.active a { color: rgb(220,37,16); }
body#show-us-the-love .tacbox .overlay h2.active a { color: rgb(0,106,139); }
body#business-buddies .tacbox .overlay h2.active a { color: rgb(0,124,48); }
body#contact-us .tacbox .overlay h2.active a { color: rgb(128,187,37); }


/*** HOME STYLE TAC BOXES FOR SHOWS TIMELINE PAGE ***/

#home-tac-boxes
{
	clear: both;
	padding-top: 30px;
}

#home-tac-boxes .tacbox
{
	float: left;
	margin-right: 20px;
}

#home-tac-boxes .tacbox.end-row
{
	margin-right: 0;
}


/**************************
		6. PAST SHOWS DEV
**************************/

body#shows #container #main-content h1 /* This h1 is for the past shows page */ 
{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed rgb(230, 226, 220);
	color: rgb(228,43,125); /* Set uniquely per section? */
}
	
body#shows #container #main-content h2 /* This h2 is for the past shows page */ 
{
	font-size: 14px;
	margin: 0;
}

body#shows #container #main-content.base-border
{
	padding-bottom: 10px;
	border-bottom: 1px dashed rgb(230, 226, 220);
}
	
body#shows #container #main-content img.half-width,
body#show-one #container #main-content img.half-width,
body#show-two #container #main-content img.half-width
{
	float: left;
	margin: 0 20px 15px 0;
} 

body#shows #container #main-content p.date,
body#show-one #container #main-content p.date,
body#show-two #container #main-content p.date,
body#shows #container #main-content p.venue,
body#show-one #container #main-content p.venue,
body#show-two #container #main-content p.venue
{
	text-transform: uppercase;
	margin: 0;
	font-weight: bold;
}

body#shows #container #main-content p.date,body#show-one #container #main-content p.date,body#show-two #container #main-content p.date
{
	color: rgb(228,43,125);
}

/***** PAST SHOWS SUBNAV *****/

body#past-shows #container #sub-nav #accordion
{
	border-top: 1px dashed rgb(230, 226, 220);
}

body#past-shows #container #sub-nav #accordion h3
{
	padding: 0px;
	border-bottom: 1px dashed rgb(230, 226, 220);
	margin: 0;
}

body#shows #container #sub-nav #accordion h3 a
{
	padding: 6px 15px;
	margin: 3px 0;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	background-color: #fff;
}

body#shows #container #sub-nav #accordion h3 a:hover
{
	background-color: rgb(230, 226, 220);
		
	-moz-transition: background-color 0.2s;  /* FF3.7+ */
  -o-transition: background-color 0.2s;  /* Opera 10.5 */
  -webkit-transition: background-color 0.2s;  /* Saf3.2+, Chrome */
	transition:background-color 0.2s;  

}

body#shows #container #sub-nav #accordion div ul.tertiary-sub-nav
{
	margin-top: 0;
}

body#shows #container #sub-nav #accordion div ul.tertiary-sub-nav li
{
	border-top: none;
	border-bottom: 1px dashed rgb(230, 226, 220);
}

body#shows #container #sub-nav #accordion div ul.tertiary-sub-nav li a
{
	font-size: 10px;
	padding-left: 30px;	
}

/**************************
		7. EDUCATION DEV
**************************/

body#education #container #main-content h1 
{
	color: rgb(0,161,212); /* Set uniquely per section? */
}

body#education #container #main-content h2 
{
	font-size: 18px;
	margin: 0;
}

body#education #container #main-content h2.emphatic
{
	font-size: 16px;
	text-transform: uppercase;
}

body#education #container #main-content h3  
{
	font-size: 14px;
	margin: 0;
}

body#education #container #main-content img.full-width
{
	margin: 0 0 20px 0;
}

body#education #container #main-content a
{
	color: rgb(0,161,212);
}

/**************************************
			8. CAST/TEAM PAGE DEV
				 will also give general styles to the shows section!
**************************************/
/*
body#show-one #container #main-content h1 
{
	color: rgb(0,161,212); /* Set uniquely per section? 
}
*/
body#show-one #container #main-content h2 + p
{
	margin-top: 5px;
}

body#show-one #container #main-content div.cast-member
{
	background-color: rgb(233,232,227);
	padding: 10px 10px 15px 10px;
	margin: 10px 0 15px 0;
}

body#show-one #container #main-content div.cast-member img
{
	float: left;
	margin-right: 10px;
}

body#show-one #container #main-content div.cast-member h3
{
	font-size: 13px;
	margin: 7px 0 0 0;
}

body#show-one #container #main-content div.cast-member h4
{
	font-size: 13px;
	margin: 2px 0 0 0;
	color: rgb(228,43,125);
}

body#show-one #container #main-content div.cast-member p
{
	margin: 3px 0;
	font-size: 12px;
	line-height: 16px;
}

body#show-one #container #main-content div.cast-member a
{
	color: rgb(228,43,125);
}

/**************************************
			9. CONTACT FORM STYLE
**************************************/

body#contact-us #container #main-content form fieldset
{
	border: none;
	margin: 0;
	padding: 0;
}

body#contact-us #container #main-content form fieldset legend
{
	display: none;
}

body#contact-us #container #main-content form p
{
	margin: 0;
	padding: 10px 10px;
}
	

body#contact-us #container #main-content form p.odd
{
	background-color: rgb(245,243,240);
}

body#contact-us #container #main-content form fieldset label
{
	width: 190px;
	font-weight: bold;
	display: block;
	float: left;
}

body#contact-us #container #main-content form fieldset input,
body#contact-us #container #main-content form fieldset select
{
	width: 250px;
}

body#contact-us #container #main-content form fieldset textarea
{
	width: 250px;
}

body#contact-us #container #main-content form fieldset input.zemSubmit
{
	width: 100px;
	float: right;
	margin-right: 12px;
}


/**********************************************
			10. BOOKING & TRANSPORT PAGE STYLE
**********************************************/

#container.how-to-get-there #main-content iframe 
{
	margin: 10px 0;
}

body#show-one #container.how-to-get-there #main-content div,
body#show-two #container.how-to-get-there #main-content div,
body#booking #container.how-to-book #main-content div,
body#contact-us #container.mailing-list #main-content div,
body#contact-us #container.contact #main-content div
{
	padding-top: 15px;
	padding-left: 70px;
	padding-bottom: 10px;
	border-top: 1px dashed rgb(230, 226, 220);
	background-repeat: no-repeat;
	background-position: 10px 18px;
}

body#show-one #container.how-to-get-there #main-content div ul,
body#show-two #container.how-to-get-there #main-content div ul,
body#booking #container.how-to-book #main-content div ul,
body#contact-us #container.mailing-list #main-content div ul
{
	padding-left: 18px;
}

body#contact-us #container.mailing-list #main-content div
{
	padding-bottom: 10px;
	padding-top: 0;
	margin-top: 0px;
	background-position: 10px 13px;
}

body#booking #container.how-to-book #main-content div
{
	padding-top: 5px;
	padding-bottom: 5px;
}

body#booking #container.how-to-book #main-content div p
{
	margin-top: 0;
}

body#booking #container.how-to-book #main-content div h3
{
	margin-bottom: 0;
}

body#show-one #container.how-to-get-there #main-content div.car,
body#show-two #container.how-to-get-there #main-content div.car
{
	background-image: url(/_assets/images/booking/transport-icons/car.gif);
}
body#show-one #container.how-to-get-there #main-content div.bus,
body#show-two #container.how-to-get-there #main-content div.bus
{
	background-image: url(/_assets/images/booking/transport-icons/bus.gif);
}
body#show-one #container.how-to-get-there #main-content div.train,
body#show-two #container.how-to-get-there #main-content div.train
{
	background-image: url(/_assets/images/booking/transport-icons/train.gif);
}
body#show-one #container.how-to-get-there #main-content div.disabled,
body#show-two #container.how-to-get-there #main-content div.disabled
{
	background-image: url(/_assets/images/booking/transport-icons/disabled-parking-icon.jpg);
}

body#booking #container.how-to-book #main-content div.book-online
{
	background-image: url(/_assets/images/booking/booking-icons/book-online-icon.gif);
}
body#booking #container.how-to-book #main-content div.telephone
{
	background-image: url(/_assets/images/booking/booking-icons/telephone-icon.gif);
}
body#booking #container.how-to-book #main-content div.info-centre
{
	background-image: url(/_assets/images/booking/booking-icons/information-icon.gif);
}
body#booking #container.how-to-book #main-content div.turn-up
{
	background-image: url(/_assets/images/booking/booking-icons/turn-up-icon.gif);
}
body#booking #container.how-to-book #main-content div.need-to-know
{
	background-image: url(/_assets/images/booking/booking-icons/what-you-need-to-know-icon.gif);
}
body#booking #container.how-to-book #main-content div.concessions
{
	background-image: url(/_assets/images/booking/booking-icons/concessions-discounts-icon.gif);
}
body#booking #container.how-to-book #main-content div.groups
{
	background-image: url(/_assets/images/booking/booking-icons/groups-icon.gif);
}

/* comp */
body#contact-us #container.mailing-list #main-content div.mailing-list,
body#contact-us #container.contact #main-content div.online
{
	background-image: url(/_assets/images/contact-us/email.gif);
}
/* post */
body#contact-us #container.mailing-list #main-content div.email,
body#contact-us #container.contact #main-content div.post
{
	background-image: url(/_assets/images/contact-us/print.gif);
}

/* pone */
body#contact-us #container.contact #main-content div.phone
{
	background-image: url(/_assets/images/contact-us/phone-icon.gif);
}

body#contact-us #container.contact #main-content div h2
{
	margin-top: 8px;
	color: rgb(128,187,37);
}

body#contact-us #container.contact #main-content div h3
{
	margin-bottom: 0;
}

body#contact-us #container.contact #main-content div p
{
	margin-top: 0;
}

body#contact-us #container.contact #main-content div h3 a
{
	font-size: 12px;
	color: rgb(51,51,51);
	font-weight: normal;
}



/***********************************
			11. PAST SHOWS TIMELINE NAV
***********************************/

body#shows #container #timeline-nav
{
	width: 960px;
	height: 200px;
	background-color: rgb(230, 226, 220);
	margin-bottom: 30px;
	display: block;
	position: relative;
	overflow: auto;
	padding: 0;
	background-image: url(/_assets/images/shows/past-shows-slim-background.gif);
}

body#shows #container #timeline-nav #list-container
{
	width: 804px;
	margin-left: 78px;
	position: relative;
	overflow: hidden;
}

body#shows #container #timeline-nav ul#timeline
{
	list-style: none;
	margin: 0;
	padding: 25px 0;
}

body#shows #container #timeline-nav .arrow-wrapper
{
	position: absolute;
	top: 0;
	width: 78px;
	height: 200px;
	z-index: 999;
	margin: 0;
}


body#shows #container #timeline-nav .arrow-wrapper a
{
	position: absolute;
	background-position: top left;
	background-repeat: no-repeat;
	width: 33px;
	height: 34px;
	display: block;
	top: 80px;
}

body#shows #container #timeline-nav .arrow-wrapper a span
{
	display: none;
}

body#shows #container #timeline-nav .arrow-wrapper a.noJS
{
	display: none;
}

body#shows #container #timeline-nav .arrow-wrapper a:hover
{
	background-position: 0 -35px;
}

body#shows #container #timeline-nav #l.arrow-wrapper
{
	left: 0;
}
body#shows #container #timeline-nav #r.arrow-wrapper
{
	right: 0;
}

body#shows #container #timeline-nav .arrow-wrapper a#mvRight
{
	right: 22px;
	background-image: url(/_assets/images/home/timeline/arrow-right.gif);
}

body#shows #container #timeline-nav .arrow-wrapper a#mvLeft
{	
	left: 22px;
	background-image: url(/_assets/images/home/timeline/arrow-left.gif);
}

body#shows #container #timeline-nav ul#timeline.noJS
{
	width: 805px;
}

body#shows #container #timeline-nav ul#timeline li
{
	float: left;
	position: relative;
}

body#shows #container #timeline-nav  ul#timeline li a span
{
	display: none;
}

body#shows #container #timeline-nav  ul#timeline li a:hover span
{
	position: absolute;
	top: 55px;
	left: 15px;
	width: 86px;
	color: #fff;
	text-align: center;
	line-height: 15px;
	display: block;
}

body#shows #container #timeline-nav  ul#timeline li a:hover span.BG
{
	position: absolute;
	top: 9px;
	left: 10px;
	background-color: #000;
	width: 95px;
	height: 134px;
	
	display: block;
}

body#shows #container #timeline-nav ul#timeline li a img.tl-test
{
	height: 155px;
	width: 115px;
}

/***************************************
			TIMELINE DOCK NAVIGATION
***************************************/

#container #timeline-bg
{
	float: left;
	width: 960px;
	height: 400px;
	background-image: url(/_assets/images/common/timeline-background.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: rgb(230, 226, 220);
	display: block;
	padding: 0;
	position: relative;
	margin-bottom: 40px;
	overflow: hidden;
}

#container #timeline-bg a.TLcontrols
{
	position: absolute;
	background-position: top left;
	background-repeat: no-repeat;
	width: 33px;
	height: 34px;
	top: 349px;
}

#container #timeline-bg a.TLcontrols span
{
	display: none;
}

#container #timeline-bg a.TLcontrols:hover
{
	background-position: 0 -35px;
}

#container #timeline-bg a.TLcontrols#scrollRight
{
	right: 19px;
	background-image: url(/_assets/images/home/timeline/arrow-right.gif);
}
#container #timeline-bg a.TLcontrols#scrollLeft
{
	left: 17px;
	background-image: url(/_assets/images/home/timeline/arrow-left.gif);
}

#container #home-timeline-container
{
	width: 960px;
	height: 350px;
	margin: 0;
	overflow: hidden;
}

#container #home-timeline-container #home-timeline
{
	margin-top: 105px;
	/*margin: 95px 85px 0 85px;
	margin-left: -1352px;*/
}

#container #home-timeline-container #home-timeline .jqDockLabel
{
	top: 180px !important;
	background-image: url(/_assets/images/common/timeline-indicator.png);
	background-repeat: no-repeat;
	background-position: top center;
	font-size: 11px;
	text-align: center;
	color: #fff;
	width: 97px;
	height: 47px;
	padding: 10px 5px 0px 5px;
	white-space: normal;
}

#container #home-timeline-container #home-timeline a img
{
	margin: 0;
	padding: 0 2px;
}

/********* JAVASCRIPT FREE SOLUTION *********/

#container #timeline-bg a.TLcontrols.noJS
{
	display: none;
}

#container #home-timeline-container.noJS
{
	width: 905px;
	height: 400px;
	margin: 0 0 0 55px;
	overflow: hidden;
}

#container #home-timeline-container.noJS #home-timeline
{
	width: 875px;
	height: 315px;
	margin: 0 60px 0 0px;
	padding-top: 90px;
	padding-left: 30px;
	overflow-y: scroll;
}

#container #home-timeline-container.noJS #home-timeline a img
{
	width: 151px;
	height: 195px;
	border: none;
	margin: 0;
}

#container #home-timeline-container.noJS #home-timeline a span
{
	display: none;
}


/*****************************
		ARTISTIC TEAM & CAST
*****************************/

body#show-one #container.artistic-team-and-cast #main-content .cast
{
	width: 130px;
	padding: 10px 8px;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	background-color: rgb(230, 226, 220);
}

body#show-one #container.artistic-team-and-cast #main-content .cast img
{
	padding: 0;
}

body#show-one #container.artistic-team-and-cast #main-content .cast h3
{
	color: rgb(228,43,125);
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 0;
}

body#show-one #container.artistic-team-and-cast #main-content .cast p
{
	margin: 0;
	font-size: 11px;
}

body#show-one #container.artistic-team-and-cast #main-content .cast a
{
	font-size: 11px;
}


/**********************
		OUR TEAM PAGE
**********************/

body#about-us #container.our-team #main-content .team-member
{
	background-color: rgb(230, 226, 220);
	padding: 15px;
	margin-bottom: 20px;
	float: left;
	width: 440px;
}

body#about-us #container.our-team #main-content .team-member img
{
	float: left;
	display: block;
	margin-right: 10px;
	padding-bottom: 10px;
}

body#about-us #container.our-team #main-content .team-member h2,
body#about-us #container.our-team #main-content .team-member h3,
body#about-us #container.our-team #main-content .team-member p
{
	padding-left: 110px;
}

body#about-us #container.our-team #main-content .team-member h2
{
	margin: 0;
}

body#about-us #container.our-team #main-content .team-member h3
{
	margin: 0;
	color: rgb(220,37,16);
}


/**********************
		SPONSORS PAGE
**********************/

#container.sponsorship #main-content ul.sponsor-list
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#container.sponsorship #main-content ul.sponsor-list li
{
	padding: 10px 7px 15px 7px;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	border: 1px solid rgb(195,186,172);
	width: 96px;
	height: 150px;
}

#container.sponsorship #main-content ul.sponsor-list li img
{
	margin: 0px;
}

#container.sponsorship #main-content ul.sponsor-list li p
{
	font-size: 11px;
	line-height: 16px;
	margin: 3px 0;
}

body#business-buddies #container.sponsorship #main-content ul.sponsor-list li a
{
	color: rgb(51,51,51);
}

/*******************************
		DRAMA CLUB FAQ QUESTIONS
*******************************/

/*
body#education #container.drama-club-faq #main-content h3,
body#testing #container.drama-club #main-content h3,
body#education #container.holiday-workshops #main-content h3,
body#contact-us #container.join-us #main-content h3
*/
#main-content #content-slider
{
	margin: 15px 0;
}

#main-content #content-slider h3
{
	border-top: 1px dashed rgb(230, 226, 220);
	padding: 8px 0;
	margin: 0;
}

/*
body#education #container.holiday-workshops #main-content h3:hover,
body#testing #container.drama-club #main-content h3:hover,
body#education #container.drama-club-faq #main-content h3:hover
*/
body#education #main-content #content-slider h3:hover
{
	color: rgb(0,161,212);
}

/*
body#contact-us #container.join-us #main-content h3:hover
*/
body#contact-us #main-content #content-slider h3:hover
{
	color: rgb(128,187,37);
}

/*
body#education #container.drama-club-faq #main-content h3 span,
body#testing #container.drama-club #main-content h3 span,
body#education #container.holiday-workshops #main-content h3 span,
body#contact-us #container.join-us #main-content h3 span
*/
#main-content #content-slider h3 span
{
	font-size: 12px;
	color: rgb(195,186,172);
}

/*
body#education #container.drama-club-faq #main-content div.answer,
body#testing #container.drama-club #main-content div.answer,
body#education #container.holiday-workshops #main-content div.answer,
body#contact-us #container.join-us #main-content div.answer
*/
#main-content #content-slider div.answer
{
	width: 470px;
	margin: 0;
	padding: 0;
}

#main-content #content-slider div.answer h4
{
	padding: 0 0 20px 0;
	font-size: 13px;
}

/*********************************
			SHOWS SCHEDULE PAGE
*********************************/
#container.schedule #main-content .sch-month
{
	float: left;
	width: 230px;
	margin-right: 10px;
}

#container.schedule #main-content .sch-month.endrow
{
	margin-right: 0;
}


#container.schedule #main-content table
{
	border-collapse: collapse;
	width: 360px;
}

#container.schedule #main-content table tr
{
	width: 230px;
}

#container.schedule #main-content table tr.even
{
	background-color: rgb(230, 226, 220);
}

#container.schedule #main-content table tr td
{
	padding: 3px 7px;
}

#container.schedule #main-content table tr td.month
{
	width: 70px;
}

#container.schedule #main-content table tr td.book-now
{
	text-align: right;
}


/**********************************
				SITE MAP STYLING
**********************************/

body#legal #container.site-map #main-content h2#shows-title { color: rgb(228,43,125); border-color: rgb(228,43,125); }
body#legal #container.site-map #main-content h2#booking-title { color: rgb(86,33,124); border-color: rgb(86,33,124); }
body#legal #container.site-map #main-content h2#education-title { color: rgb(0,161,212); border-color: rgb(0,161,212); }
body#legal #container.site-map #main-content h2#about-us-title { color: rgb(220,37,16); border-color: rgb(220,37,16); }
body#legal #container.site-map #main-content h2#show-us-the-love-title { color: rgb(0,106,139); border-color: rgb(0,106,139); }
body#legal #container.site-map #main-content h2#business-buddies-title { color: rgb(0,124,48); border-color: rgb(0,124,48); }
body#legal #container.site-map #main-content h2#contact-us-title { color: rgb(128,187,37); border-color: rgb(128,187,37); }

body#legal #container.site-map #main-content h2
{
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	margin-bottom: 15px;
}

body#legal #container.site-map #main-content ul
{
	clear: left;
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

body#legal #container.site-map #main-content ul.show-subnav
{
	padding-left: 20px;
}

body#legal #container.site-map #main-content ul li
{
	margin: 3px 0;
}

body#legal #container.site-map #main-content h3
{
	margin-bottom: 0;
}

body#legal #container.site-map #main-content h3 a,
body#legal #container.site-map #main-content ul li a
{
	color: rgb(54,54,54);
}