html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; 
}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

body { font: 14px/1.5 'Georgia', arial, helvetica, sans-serif; color: #000; margin: 0 auto 0; text-align: center; }

a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
p { margin: 0 0 .75em; }
strong { font-weight: bold; }
em { font-style: italic; }

ul { margin: 1em 0; }
ul li { margin: 0 0 .25em 1.5em;}

h1 { font-size: 32px; margin: 32px 0 16px; color:#fff; }
h2 { font-size: 24px; margin: 24px 0 12px; }
h3 { font-size: 17px; margin: 17px 0 8px; }
h4 { font-size: 15px; margin: 15px 0 7px; font-weight: bold; }

blockquote { margin: 0 0 0 10px; padding: 0 0 0 8px; background: url(../i/ui/quote.gif) no-repeat top left; }
cite { line-height: 2; font-style: italic; }
cite img { margin: 0 0 0 10px; vertical-align: text-bottom; }

p.box { border: 1px solid #ddd; padding: 5px 10px; margin: 1em 0; }

a.download { font-size: 1.285714286em; border: 1px solid #ddd; padding: 5px 10px; margin: 1.5em 0; display: block; }


#container { width: 900px; margin: 0 auto; text-align: left; }
#header { height: 185px; width: 900px; background: #151215; margin: 0 0 20px; position: relative; }

#header h1 { position: relative; height: 185px; width: 400px; overflow: hidden; line-height: 190px; color: #fff; font-size: 32px; margin: 0 auto 0 0; text-align: center; }
#header h1 b { display: block; position: absolute; height: 100%; width: 100%; top:0; left:0; background: url(../i/ui/logo.png) no-repeat bottom left; }

#navigation { width: 450px; text-align: right; position: absolute; bottom: 26px; left: 420px; margin: 0; }
#navigation a { font: 500 18px/30px 'Lucida Grande', arial, helvetica, sans-serif; text-decoration: none; color: #fff; white-space: nowrap; margin: 0 0 0 20px; }

#slideshow { height: 175px; width: 900px; background: #151215; margin: 0 0 20px; }
#slideshow.loading { background: #000 url(../i/loader-blk.gif) no-repeat 50% 50%; }
#slideshow img { display: block; }
#slideshow a { display: block; }

#content { overflow: hidden; padding: 0 0 20px; }
#content #column-1 { width: 630px; float: left; margin: 0 20px 0 0; overflow: hidden; }
#content #column-2 { width: 250px; float: left; margin: 0; overflow: hidden; }

#links #content #column-2 { background:#151215; width:230px; padding:0 20px 0 0; }
#links #content #column-2 ul.linklist li { list-style:none; background: url(../i/ui/list-star.gif) no-repeat 0 5px;}
#links #content #column-2 ul.linklist a { color:#fff; margin-left:15px;}

#productions #content #column-1 { width: 360px; }
#productions #content.single #column-1 { width: 630px; float: left; margin: 0 20px 0 0; }
#productions #content #column-2 { width: 250px; margin: 0 20px 0 0; }
#productions #content.single #column-2 { margin: 0; }
#productions #content #column-3 { width: 250px; float: left; }

#content .excerpt, #content .article { margin: 0 0 20px; padding: 0; overflow: hidden; }
#content .excerpt h2, #content .article h2 { color: #fff; background-color: #151215; margin: 0 0 10px; padding: 0 20px 0 0; font-weight: normal; }
#content .excerpt h2 a, #content .article h2 span { display: block; padding: 1.5em 5px .5em 10px; font-size: 18px; line-height: 21px; color: #fff; text-decoration: none; border-right: 25px solid red; }
#content .excerpt h2 a em, #content .article h2 span em { margin: -1.2em 0 .2em; display: block; color: #999; font-size: 13px; line-height: 13px; font-style: normal; }
#content .excerpt p, #content .article p { margin-left: 10px; margin-right: 10px; }

#content .article h2 span { font-size: 28px; line-height: 32px; }
#content .article h2 span em { font-size: 18px; line-height: 18px; margin: -1.6em 0 .4em; }

#content .article h3 { font-size: 21px; letter-spacing: 1px; }

#content .excerpt p.read-more { margin: .2em 0 0 0; float: left; }
#content .excerpt p.read-more a { padding: 2px 13px 2px 10px; font-weight: bold; text-decoration: none; text-transform: uppercase; float: left; }
#content .excerpt p.read-more a:hover { color: #fff; background: #151515; text-decoration: none; }
#content .excerpt p.read-more a span { margin-right: .2em; font-family: "Hiragino Kaku Gothic Pro", "Osaka", "Zapf Dingbats"; display: none; }
#content .excerpt p.read-more a:before { content: "\2605"; font-family: "Hiragino Kaku Gothic Pro", "Osaka", "Zapf Dingbats"; } /*★*/

#content .article p.back { margin: 1em 0 0 0; }
#content .article p.back a { font-weight: bold; text-transform: uppercase; text-decoration: none; }
#content .article p.back a:hover { color: #fff; background: #151515; text-decoration: none; }

#content .excerpt h3, #content .article h3,
#content .excerpt h4, #content .article h4 { margin-left: 10px; }

#default #content #intro { margin: 0 0 20px; font-size: 16px; }
#default #content #intro p { margin-left: 10px; margin-right: 10px; }
#default #content #intro h2 { color: #fff; background-color: #151215; margin: 0 0 10px; padding: 0 20px 0 0px; font-weight: normal; font-size: 32px; line-height: 36px; }
#default #content #intro h2 a { font-size: 28px; line-height: 32px; }
#intro h2, #intro h3, #intro h4, #intro h5 { margin-left: 10px; }


#content .article .rightimg { float: right; margin-right: 25px; }



/* Colours 

productions red - #c00 / #f00
opportunities magenta - #f39
reviews bluegreen - #3C9
gallery orange - #f90
links yellow - #fc0
about blue - #2B74C0
support purple - #906 / #C06
contact green - #6C0 / #9F0
*/

#navigation a.home:hover  { color: #ccc; } 

#productions #navigation a.productions, #navigation a.productions:hover  { color: #F00; } 
#content .productions a, #content .article.productions h3 { color: #c00; }
#content .excerpt h2.productions a, #content .article h2.productions span { border-color: #c00; }

#opportunities #navigation a.opportunities, #navigation a.opportunities:hover, 
#content .opportunities a, #content .article.opportunities a { color: #f39; }
#content .excerpt h2.opportunities a, #content .article h2.opportunities span { border-color: #f39; }

#gallery #navigation a.gallery, #navigation a.gallery:hover { color: #3F9; } 
#content .gallery a, #content .article.gallery a { color: #3C9; }
#content .excerpt h2.gallery a, #content .article h2.gallery span { border-color: #33CC99; }

#links #navigation a.links, #navigation a.links:hover { color: #F90; } 
#content .links a, #content .article.links a { color: #f60; }
#content .excerpt h2.links a, #content .article h2.links span { border-color: #f60; }

#about #navigation a.about, #navigation a.about:hover { color: #39F; }
#content .about a, #content .article.about a { color: #2B74C0; }
#content .excerpt h2.about a, #content .article h2.about span { border-color: #2B74C0; }

#support #navigation a.support, #navigation a.support:hover { color: #C06; }
#content .support a, #content .article.support a { color: #906 }
#content .excerpt h2.support a, #content .article h2.support span { border-color: #906; }
.angelsno { background: #906; color: #fff; font-size: 16px; padding: 2px; margin: 3px; }


#contact #navigation a.contact, #navigation a.contact:hover { color: #66FF00; }
#content .contact a, #content .article.contact a { color: #66CC00; }
#content .excerpt h2.contact a, #content .article h2.contact span { border-color: #66CC00; }



/* FOOTER RULES */
#footer { width: 900px; background: #151215; text-align: left; padding: 1px 0 10px; }
#footer a { color: #fff; }
#footer ul#logos { width: 870px; overflow: hidden; margin: 30px 0 30px 30px; list-style: none; }
#footer ul#logos li { float: left; margin: 0 30px 0 0; width: 75px; height: 80px; }
#footer ul#logos li a { display: block; text-indent: -9999px; height: 80px; }
#footer ul#logos li.briscc { background: url(../i/ui/bristol-cc.gif) no-repeat; }
#footer ul#logos li.artsce { width: 81px; background: url(../i/ui/artscouncil-en.gif) no-repeat; }
#footer ul#logos li.herilf { width: 450px; background: url(../i/ui/heritagelotteryfund.gif) no-repeat; }
#footer p.copyright { color: #ccc; font-size: 10px; margin: 0 0 0 30px; }
#footer p.reg { color: #ccc; font-size: 10px; margin: 0 0 0 30px; }






/* Forms */


/*
#enquiry-form form br { display: none; }
#enquiry-form form label { display: block; line-height:1.3; text-transform: uppercase; }
#enquiry-form form label.zemRequired { font-weight: bold; }
#enquiry-form form input { 
	width: 300px;
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-bottom-color: #DDD;
	background: #fff url(../i/ui/input-bg.gif) 0 0 repeat-x;
	margin: 2px 0 5px; padding: 4px 0;
	font-size: 16px !important;
}

#enquiry-form form textarea { 
	width: 300px; overflow: auto;
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-bottom-color: #DDD;
	background: #fff url(../i/ui/input-bg.gif) 0 0 repeat-x;
	font-family: 'Helvetica Neue', arial, helvetica, sans-serif; 
	font-size: 16px !important;
	margin: 0 0 5px;
}
#enquiry-form form input#phoneme { display: inline; width: auto; margin: 0 5px 0 0; background: transparent; border:0; }
#enquiry-form form label.phoneme { display: inline;  }
*/


/* FORM ERROR 
#enquiry-form ul.zemError { width: 260px; margin: 0 0 10px 0; padding: 10px 15px 10px 25px; background: #FFDEE4; color: #c00; }

#enquiry-form form label.zemRequirederrorElement, 
body.contact-bookings #enquiryform form input.zemRequirederrorElement, 
body.contact-bookings #enquiryform form textarea.zemRequirederrorElement { font-weight: 500; color: #c00; }
*/

/* FORM SUCCESS 
#enquiry-form div.zemThanks { width: 300px; padding: 10px 10px 10px 15px; background: #C9FFBF; }
*/


/* Contact Form */

.zemContactForm { width: 610px; margin: 2em 10px; }
.zemContactForm legend { display: none; }
#content .article .zemContactForm p { float: left; margin: 0 10px 8px 0; }
.zemContactForm label { font-size: 12px; line-height: normal; display: block; margin: 0; }
.zemContactForm br { display: none; }

.zemContactForm p input { display: block; width: 160px; font-size: 14px; border: 1px solid #c3c3c3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: #f9f9f9; margin: 2px 0 0; padding: 2px; }
.zemContactForm p.subject input { width: 512px; }
.zemContactForm label.zemTextarea { clear: both; width: 100%; display: block; }
.zemContactForm textarea { width: 512px; margin: 2px 0 5px; padding: 2px; overflow: auto; border: 1px solid #c3c3c3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: #f9f9f9; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#content .article .zemContactForm p.hidden { visibility: hidden; height: 0; width: 0; overflow: hidden; float: none; display: block; margin: 0; padding: 0; }
.zemContactForm input.zemSubmit { margin: 1em 0; }


.zemContactForm label.zemRequirederrorElement { color: #900; }
.zemContactForm input.zemRequirederrorElement, 
.zemContactForm textarea.zemRequirederrorElement { border: 1px solid #c00; }

ul.zemError { list-style: square outside; font-size: 12px; color: #900; }
ul.zemError li { margin: 0 0 .3em 1.5em; }

.zemThanks { font-size: 14px; }


#signup { margin: 1em 10px; }
#signup legend, #signup br { display: none; }
#signup fieldset { overflow: hidden; margin: 0 0 .5em; }
#signup label { float: left; margin: 0 10px 8px 0; font-size: 12px; line-height: normal; }
#signup label input { display: block; width: 160px; font-size: 14px; border: 1px solid #c3c3c3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: #f9f9f9; margin: 2px 0 0; padding: 2px; }



/* PHOTO GALLERY */

#gallery #column-1 h3 { clear:left;}
#gallery ul.photo-gallery { width: 630px; }
#gallery ul li { width: 100px; float:left; list-style:none; margin: 0 10px 10px 5px;}

/* ============ */
/* = THICKBOX = */
/* ============ */

#TB_overlay { position: fixed; z-index:100; top: 0; left: 0; width: 100%; height: 100%; background-color:#000; -moz-opacity: 0.8; opacity: 0.8; }
#TB_window { position: fixed; top: 40%; left: 50%; z-index: 102; display:none; text-align:left; background: #fff; border: 10px solid #FFF; }
#TB_window img { display: block; margin: 0; }
#TB_caption { padding: 0; margin: 10px 0 0; width: 100%; color: #003; font-size: 20px; line-height: 1.5; font-weight: 800; }
#TB_caption #TB_secondLine { font-size: 14px; font-weight: 200; margin: .5em 0 0; position: relative; float: left; width: 100%; }
#TB_caption #TB_secondLine span#TB_count { line-height: 30px; margin: 0 0 0 10px; }
#TB_caption #TB_secondLine span#TB_prev, #TB_caption #TB_secondLine span#TB_next { height: 33px; width: 40px; float: left; }
#TB_caption #TB_secondLine span#TB_next { margin-right: 25px; }
#TB_caption #TB_secondLine span#TB_prev a, #TB_caption #TB_secondLine span#TB_next a { display: block; height: 33px; width: 40px; background: url(/images/arrows.png) no-repeat; padding: 0; }
#TB_caption #TB_secondLine span#TB_next a { background-position: -60px 0px; }
#TB_caption #TB_secondLine span#TB_prev a:hover { background-position: 0px -50px; }
#TB_caption #TB_secondLine span#TB_next a:hover { background-position: -60px -50px; }
#TB_closeWindow { position: absolute; right: 0; bottom: 0; }
#TB_closeWindow a { display: block; width: 70px; height: 33px; color: #06C; background: url(/images/close.png) no-repeat 0 0; text-decoration: none; cursor: pointer; padding: 0; }
#TB_closeWindow a:hover { background-position: 0px -40px; }
/* hide text bits */
span#TB_prev a b, span#TB_next a b, #TB_closeWindow a b { display: none; }
#TB_closeAjaxWindow { padding: 5px 10px 7px 0; margin-bottom: 1px; text-align: right; float: right; }
#TB_ajaxWindowTitle { float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }
#TB_title{ background-color: #e8e8e8; height: 27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; top: 50%; left: 50%; margin: -50px 0 0 -50px; display: none; height: 100px; width: 100px; z-index: 101; }
#TB_HideSelect { z-index: 99; position:absolute; top: 0; left: 0; background-color: #fff; border: none; -moz-opacity: 0; opacity: 0; }
#TB_iframeContent { clear:both; border:none; margin-bottom: -1px; margin-top: 1px; }