/* SCREEN.CSS
   This is where all styles for on-screen media are declaired
   --------------------------------------------------------------------------------------------------------------------------
   FILE INFO
   Revision number:  2.0.0
   Last updated:     October 2011
   Last updated by:  Andrew Jones
   ----------------------------------------------------------------------------------------------------------------------- */
  
   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,
   b, u, i, center,
   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;
     font-size: 100%; vertical-align: baseline; background: transparent; }
   body {
     line-height: 1; }
   ol, ul {
     list-style: none; }
   blockquote, q {
     quotes: none; }  
      /* turn off outline for clicked links, whilst leaving it on for keyboard navigation */
   a:active { outline: none; }
   /* remember to highlight inserts somehow! */
   ins {
     text-decoration: none; }
   del {
     text-decoration: line-through; }
   /* tables still need 'cellspacing="0"' in the markup */
   table {
      border-spacing: 0; border-spacing:3px; }
	td {border: 3px solid transparent;}
		
/* =global_reset | based on http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
	   ----------------------------------------------------------------------------------------------------------------------- */
                      
   body {
     font : 75%/1.5 Verdana, Helvetica, Ariel, Verdana, sans-serif; /*background-image:url(/assets/images/background.jpg);*/ background: #222; background-position: top center; 
	}
   html > body {
     font-size : 12px; }
   div, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   address, img, dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
     margin-bottom : 1.5em; }
   
   
   /* fix safari to stop it rendering fat text against dark backgrounds
   body { -webkit-text-stroke : 1px transparent; } */
   
/* =design | now the browser reset and basic typographic layout is done, lets get designing
   ----------------------------------------------------------------------------------------------------------------------- */
   
@font-face {
    font-family: 'Museo300';
    src: url('../fonts/museo300-regular-webfont.eot');
    src: url('../fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo300-regular-webfont.woff') format('woff'),
         url('../fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo300-regular-webfont.svg#Museo300') format('svg');
    font-weight: normal;
    font-style: normal;}
   
@font-face {
    font-family: 'Museo500';
    src: url('../fonts/museo500-regular-webfont.eot');
    src: url('../fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo500-regular-webfont.woff') format('woff'),
         url('../fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo500-regular-webfont.svg#Museo500') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'MuseoSans500';
    src: url('../fonts/museosans_500-webfont.eot');
    src: url('../fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans_500-webfont.woff') format('woff'),
         url('../fonts/museosans_500-webfont.ttf') format('truetype'),
         url('../fonts/museosans_500-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'Museo700';
    src: url('../fonts/museo700-regular-webfont.eot');
    src: url('../fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo700-regular-webfont.woff') format('woff'),
         url('../fonts/museo700-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo700-regular-webfont.svg#Museo700') format('svg');
    font-weight: normal;
    font-style: normal;}
   
/* =html =body */
   html {  }
   body { 
		/*background: url(../images/bg.gif) scroll;*/
		font: 16px/20px "Helvetica Neue", Arial, sans-serif; color: #fff;}
	            
/* =blockquote */
   blockquote {
     clear : both; }

/* =headings */     
   h1,h2,h3,h4,h5,h6 {font-family: 'Museo300', Arial; font-weight: normal;}
   h1 {font-size: 45px; line-height: 40px; margin-bottom: 20px;}
   h2 { font-size : 30px; line-height: 36px; margin-bottom: 14px; font-weight : normal;  }
   h3, h4, h5, h6 {
     font-size : 22px; line-height: 18px; margin-bottom: 18px; margin-top: 30px;
     font-weight : normal; }
     
   body.page #content_main h2 {margin-left: -10px; margin-top: 60px;}
     
/* =p */ 
	p {font-size: 15px; line-height: 23px;}     

/* =em =strong =del =ins =abbr =acronym =code */
   em          { font-style : italic; }
   strong      { font-weight : bold; }
   del         { text-decoration : line-through; }
   ins         { text-decoration : none; color : #006; }
   del[title],
   ins[title]  { cursor : help; }
   acronym,
   abbr        { text-decoration : none; border-bottom : none; font-style : italic; cursor : help; }
   code        { font-family : dialogue, 'Courier New', courier, serif; }
   sup         { vertical-align : super; font-size : .8333em; }
   sub         { vertical-align : sub; }
   
/* =address */
   address {  }

/* =dl =dt =dd */
   dl {  }
   dt {
     margin-bottom : 0;
     font-weight : bold; font-style : italic; }
   dd {
     margin-top : 0;
     border-left : .3em solid #ddd; padding : .5em 0 0 .7em; }
   
/* =ul */
   #content ul {
     margin-left : 2.5em;
     list-style : disc outside; }
  
/* =ol */
   #content ol {
     margin-left : 1.6em;
     list-style : decimal outside; }
/* =li */
   li {
     margin : .5em 0; font-size: 15px; line-height: 20px; }    
/* =img */
   img,
   img a { border : none; }
   
/* =hr */
   hr { display : none; }

/* =a */
   a:link    { text-decoration : none; }
   a:visited { text-decoration : none; }
   a:hover   { text-decoration : underline; }
   a:focus   { }
   a:active  { outline: none;}
   :target   { background-color : #333; }
   
   body.theatre a:link,
   body.theatre a:visited,
   body.theatre a:active {color: #009A93;}
   
   body.company a:link,
   body.company a:visited,
   body.company a:active {color: #E81717;}
   
   body.conferencing a:link,
   body.conferencing a:visited,
   body.conferencing a:active {color: #fff; font-weight: bold;}
   
   body.doc-cafe-bar a:link,
   body.doc-cafe-bar a:visited,
   body.doc-cafe-bar a:active {color: #E60064;}
     
/* =table */
   table {
     width : 100%; font-size: 15px; text-align: center; }
    table th {background: #c7c7c7; color: #333;  padding: 3px;}
     
/* =form */
   form {
     position : relative;
     width : 100%;
     overflow : hidden; }
   form > fieldset {margin-left: 30px;}
   label {margin-bottom: 15px; font-size: 14px;}
   label span {display: block; font-size: 16px; margin-bottom: 8px;}
   label input {padding: 4px; border: none; font-size: 16px; font-family: 'Museo', Arial; width: 100%;}
   label input[type="checkbox"] {width: 20px;}
   
   label input[type="submit"] {font-size: 14px; border: none; padding: 3px; font-family: 'Museo', Arial; margin-top: 15px;}
   
   textarea {width: 100%; height: 100px;}
   
   .hiddenFields {margin-bottom: 0;}

/* =fieldset */
/* =legend */   
/* =blockquote */
   blockquote { }

/* =label */
   label {
     position : relative; /* so we can absolutely position errors */
     display : block;
     overflow : hidden; /* so no collapsing float issues */ }
   
/* =select */
   label select {
     width : 100%; }

   
/* =layout-classes */
   .float-left {
     float : left;
     margin-right : 30px; }
   .float-right {
     float : right;
     margin-left : 20px; }
   .clear {
     clear : both; }
     
/* =inline images */
	.image img {margin-bottom: 5px;}
	span.caption {display: block;}

.clear-both {clear:both;}
     
/* ---------------------------------------------------------------------------------------------- 
   Used across the site - header, footer, nav 
------------------------------------------------------------------------------------------- */  
#container {
	margin: 0 auto; position: relative;
	width: 820px;}
#content {
	clear: both; overflow: auto;
	margin: 190px 0 0 0; padding: 20px 20px;
	background: #555555;}

/* =header */
#site_context  {
	height : 145px; margin-bottom : 0;
	background: #000; }
#site_context .company {
	position : absolute; top : 25px; left : 15px;
	display : block; width : 310px; height : 96px; margin : 0; padding : 0; }
#site_context .company a {
	position : absolute; top : 60px; left : 10px;
	display : block; width : 100%; height : 100%;
	color: #fff; font-family: Verdana, Arial; letter-spacing: 3px; text-transform: uppercase;
	text-transform: uppercase; font-weight: normal; font-size: 16px; line-height: 44px; }
#site_context .company a span {
	position : absolute; top : -60px; left : 0;
	display : block; width : 100%; height : 100%;
	background: url(../images/galeri_logo.jpg) no-repeat left center; }

/* =footer */
#site_info {
	height: 80px; margin-top: 0px; padding: 50px 10px 10px 80px;
	background: white;}
#site_info h2 {display: none;}
#site_info ul {list-style: none; margin: 0px}
#site_info ul li {display: inline;color: #c7c7c7; margin-right: 100px; position: relative;}
#site_info ul li span {position: absolute; top: -20px; left: 0;}
#site_info ul li.galeri_foot span {
	width: 100px; height: 100px;
	background: url(../images/galeri_footer.jpg) no-repeat;}
#site_info ul li.arts_council span {
	top: 0;
	width: 153px; height: 100px;
	background: url(../images/arts_council_footer.jpg) no-repeat;}
#site_info ul li.visit_wales span {
	top: 0;
	width: 153px; height: 100px;
	background: url(../images/visit_wales_footer.jpg) no-repeat;}
#site_info ul li.euro_footer span {
	top: 0;
	width: 153px; height: 100px;
	background: url(../images/euro_footer.jpg) no-repeat;}

/* =navigation */
#nav_main {
     position : absolute; top : 165px; left : 0;
     width: 780px;
     margin : 0; }
#nav_main h2 {
	z-index: 10;
	display: block; padding: 20px; margin-bottom: 0; width: 100%;
	font-family: 'Museo300', Arial; text-transform: uppercase; font-size: 30px;}

#nav_main ul {
	z-index: 2; clear: both; overflow: hidden;
	width: 800px; height: 50px; padding: 10px; margin: 0;
	background: #373737; 
	border-top: 1px solid #232; }
#nav_main ul li {
	display: block; float: left; position: relative;
	width: 90px; height: 40px; padding: 10px 3px 10px 7px; margin: 0 5px;}
#nav_main ul li a { 
	position: absolute; bottom: 8px; display: block;
	padding: 38px 0 0 0; width: 75px;
	color: #fff; font: 14px/14px 'Museo300', Arial;}
#nav_main ul li a:hover,
#nav_main ul li a:focus {color: #DDD; text-decoration: none;}

/* Navigation colors for different sections */
#nav_main h2.splash {background: #aa1127; border-bottom: 1px solid #860f20;}
#nav_main h2.theatre {background: #009a93; border-bottom: 1px solid #14524f;}
#nav_main h2.doc-cafe-bar {background: #e60064; border-bottom: 1px solid #680e36;}
#nav_main h2.company {background: #e81717; border-bottom: 1px solid #520808;}
#nav_main h2.conferencing {background: #427cae; border-bottom: 1px solid #215785; }

#nav_main ul.splash {border-bottom:#860f20 5px solid;}
#nav_main ul.doc-cafe-bar {border-bottom: 5px solid #e60064;}
#nav_main ul.doc-cafe-bar li {border-left: 3px solid #e60064;}
#nav_main ul.doc-cafe-bar li a:hover {color: #e60064; text-decoration: none;}
#nav_main ul.theatre {border-bottom: 5px solid #009a93;}
#nav_main ul.theatre li {border-left: 3px solid #009a93;}
#nav_main ul.theatre li a:hover {color: #009a93; text-decoration: none;}
#nav_main ul.company {border-bottom: 5px solid #e81717;}
#nav_main ul.company li {border-left: 3px solid #e81717;}
#nav_main ul.company li a:hover {color: #E81717; text-decoration: none;}
#nav_main ul.conferencing {border-bottom: 5px solid #427cae;}
#nav_main ul.conferencing li {border-left: 3px solid #427cae;}
#nav_main ul.conferencing li a:hover {color: #DDD; text-decoration: none;}

 
/* =change_language */
#language-select {
	position: absolute; top: 0; right: 20px;
	padding: 50px 10px 5px;
	background: #FF0000;}
#language-select h2 {display: none;}
#language-select a {color: #fff; font-weight: bold; text-transform: uppercase; }
#language-select a span {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;}


/* ---------------------------------------------------------------------------------------------- 
   The landing home pages works accross the site. 
------------------------------------------------------------------------------------------- */
#content_main {position: relative; float: left; width: 495px; margin-bottom: 0;}
#content_supp {position: relative; float: right; width: 252px; margin-bottom: 0;}
#extra_homepage_content {clear: both; overflow: auto; margin-bottom: 0;}

/* =content_main */
#main_feature {position: relative; background: #333; height: 410px;}
#main_feature img {display: block; margin-bottom: 0;}

/* =content_supp */
.content_box {clear:both; padding: 10px 20px;}
.content_box p {font:14px/20px 'Museo300', Arial;}

/* =blocks of content with colored headings and various elements */
.content_block {overflow: auto; position: relative; min-height: 100px;}
.content_block img {margin-bottom: 0; display: block;}
.content_block h3 {
	display: block; 
	padding: 20px 8px; margin:0 0 0 0; 
	background: #333; font:24px/18px 'Museo300', Arial;}
#content .content_block h3 a,
.content_block h3 span {
	padding:5px 15px 5px 10px; font-weight: normal;
	color: #fff; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.3);}
.content_block h3 a:hover {
	text-decoration: none;
	background: rgb(0, 0, 0); 
	background: rgba(0, 0, 0, 0.5); }
a.find_out_more span {
	display: none;
	position: absolute; bottom: 0; right: 0;
	padding: 15px 50px 15px 10px;
	font:14px/16px 'Museo300', Arial; color: #fff;
	background: rgb(0, 0, 0) url(../images/action_arrow.png) no-repeat 94% center;
    background: rgba(0, 0, 0, 0.8) url(../images/action_arrow.png) no-repeat 94% center;}
a.find_out_more:hover span {display: block;}
a.find_out_more_arrow span {
	width: 100%;
	position: absolute; bottom: 5px; right: 0;
	padding: 15px 0px 15px 10px;
	font:14px/16px 'Museo300', Arial; color: #fff;
	background: url(../images/action_arrow.png) no-repeat 94% center;
    background: url(../images/action_arrow.png) no-repeat 94% center;}

/* =set bg color to different parts of the site */
body.conferencing .content_block {background: #215785;}
body.theatre .content_block {background: #444;}
body.company .content_block {background: #444;}
body.doc-cafe-bar .content_block {background: #444;}

body.conferencing #content .content_block h3 {background: #427cae;}
body.theatre .content_block h3 {background: #009A93; margin-top: 0;}
body.doc-cafe-bar .content_block h3 {}

/* =entry downloads */
#entry_downloads {margin-left: 20px;}
#entry_downloads a {
	display: block;
	margin-left: 20px; 
	font-size: 18px;}
#entry_downloads img {
	margin-bottom: 15px; padding: 5px;
	border: 1px solid #777;}

/* =adverts 
   =for showing an opaque overlay on images rather than a coloured heading */
#container .advert {
	position: relative; float: left;
	margin-bottom: 15px;}
#container .advert a h3 {
	display: block;
	position: absolute; top: 5%; left: 3%; 
	width: 60%;padding: 1% 5% 1% 10px; margin-top: 0;
    line-height: 35px; color: #fff;
	background: rgb(40, 40, 40);
    background: rgba(14, 14, 14, 0.5);} 
#container .advert img {margin-bottom: 0;}

/* =options_menu, for styled list items for menus etc. */
#content .options_menu {list-style: none; margin: 7px 0 5px 2%;}
.options_menu li {
	display: block; position: relative; float: left;
	width: 44%;margin:0px 2% 5px 0; padding: 0 2%;
	background: rgb(0, 0, 0) url(../images/action_arrow.png) no-repeat 96% center; 
	background: rgba(0, 0, 0, 0.3) url(../images/action_arrow.png) no-repeat 96% center;}
.options_menu li:hover {
	background: rgb(0, 0, 0) url(../images/action_arrow.png) no-repeat 96% center; 
	background: rgba(0, 0, 0, 0.7) url(../images/action_arrow.png) no-repeat 96% center;}
.options_menu li a {
	display: block;
	padding: 14px 0;
	color: #fff; font:16px/18px 'Museo300', Arial;}
.options_menu li a:hover {text-decoration: none;}

/* =gallery */
body.gallery #content #content_main {width: 100%;}
body.gallery a {display: inline; position: relative; float: left;}
body.gallery img {position: relative; float: left; width: auto; display: inline; margin-right: 20px; }

/* =gmaps */
#map_canvas,
#map_canvas div {margin-bottom: 0;}
	
/* ---------------------------------------------------------------------------------------------- 
   Specific to each of the four sections
------------------------------------------------------------------------------------------- */

/* =theatre */
/* =------- */	
body.home.theatre #content_main {width: 460px;}
body.home.theatre #content_supp {width: 300px;}
body.home.theatre #main_feature {margin-bottom: 70px;}
body.home.theatre #main_feature h2 {margin-bottom: 0}
body.home.theatre #main_feature h2 a {
	z-index: 15;
	position: absolute; top: 0; left: 0; display: inline; 
	padding: 15px 10px;
	background: #3c6a67; border: 8px solid #009a93; color: #fff;
	font:24px/16px 'Museo300';}
body.home.theatre #main_feature #feature_title {
	z-index: 10;
	position: absolute; bottom: -18px; left: 0;
	display: inline; max-width: 390px;
	padding: 40px 35px 7px; width: 400px;
	background: rgb(182, 92, 100);
    background: rgba(182, 92, 100, 0.8);}
body.home.theatre #content #main_feature h3 {
	margin:0 0 3px 0;
	font:28px/28px 'Museo300', Arial;}
body.home.theatre #main_feature h3 a {color: #fff; display: block; padding-left: 30px;}
body.home.theatre #main_feature h3 a:hover,
body.home.theatre #main_feature h3 a:focus {}
body.home.theatre #main_feature h3 a span {
	position: absolute; top: 0px; left: 0;
	width: 460px; height: 100%;}
body.home.theatre #main_feature p {
	position: absolute; top: 0px; left: 0;
	padding: 5px 10px; margin-bottom: 0; width: 440px;
	background: #b65c64; font:16px/18px 'Museo300', Arial; text-transform: uppercase;}

/*=venue-hire*/
body.theatre.venue-hire-main .venues {
  overflow : hidden; }
body.theatre.venue-hire-main.venue {
  float: left;
  width: 22%; }
body.theatre.venue-hire-main .venue.v_1,
body.theatre.venue-hire-main .venue.v_2,
body.theatre.venue-hire-main .venue.v_3 {
  margin: 0 3% 0 0; }

body.theatre.venue-hire-main .venue a,
body.theatre.venue-hire-main .venue img {
  position : relative;
  display : block; margin-bottom : 0; }
body.theatre.venue-hire-main .venue span {
  position: absolute; bottom: 0;
  display: table; padding: 4px; width: 142px; height: auto;
  background-color: #000; background-color: rgba(0,0,0,.25); color: #fff; font: 16px/22px Museo300,Helvetica,Arial; }
body.theatre.venue-hire-main .venue a:hover span,
body.theatre.venue-hire-main .venue a:focus span {
  height: 50px;
  background-color: #000; }

/*=contact */
body.theatre.contact label {
  clear: both; overflow: hidden; }
body.theatre.contact label span {
  float : left;
  width : 8em; }
body.theatre.contact label input {
  width : 20em; }
body.theatre.contact label.boolean span {
  width : 20em; }
body.theatre.contact label.boolean input {
  float : left; margin-right : .5em;
  width: auto; }

/*=trailer */	
body.home.theatre #content #main_feature #play_trailer {
	position: absolute; bottom: 190px; right: 175px;
	padding: 3px;
    font:16px/16px 'Museo500';
    z-index: 10; cursor: pointer;}
body.home.theatre  #trailer {
	display: none;
	position: absolute; top: 0px; left: 0;
	height: 250px; width: 100%;
	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.8);
    z-index: 15}
body.home.theatre #trailer #close_trailer {
	display: block;
	padding: 5px 10px 5px 3px;
	text-align: right; color: #fff;
	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.8);}

/*=ticket search */	
body.home.theatre #main_feature #ticket_search {
	z-index: 2;
	position: absolute; bottom: -73px; left: 0;
	width: 400px; padding: 15px 30px 10px;
	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.8);}
body.home.theatre #main_feature #ticket_search h4 {
	margin-bottom: 10px; margin-top: 0; display: inline; margin-right: 10px; display: inline;
	font: 18px/20px 'Museo300';}
body.theatre #ticket_search form {display: inline;}
body.theatre #ticket_search form input[type="text"] {
	padding: 4px; width: 187px; height: 20px;
	border: 1px solid #222; font: 16px/16px 'Museo300', Arial; color: #fff;
	background: url(../images/search_button.jpg); }
body.theatre #ticket_search form input[type="submit"] {
	width: 29px; height: 25px; margin-left: -3px;
	border: none; text-indent: -9999px;
	background: url(../images/search_button.jpg) right center no-repeat; cursor: pointer;}

/*=galeri tv */	
body.home.theatre #galeri_tv {position: relative; margin-bottom: 11px;}
body.home.theatre #galeri_tv h3 {
	display: block; 
	padding: 20px 8px; margin-bottom: 0; margin-top: 0; 
	background: #009A93; font:24px/18px 'Museo300', Arial;}
body.home.theatre #galeri_tv h3 a {
	padding:5px 15px 5px 10px; 
	color: #fff; background: #3C6A67;}
body.home.theatre #galeri_tv iframe {margin: 0; display: block;}

/*=galeri news */	
#news {padding-bottom: 30px;}
#news .news_item {padding: 20px 10px 10px 10px; margin-bottom: 0;}
#news .news_item h4 {margin:0 0 5px 0;}
#news .news_item h4 a {font:18px/20px 'Museo700',Arial; color: #fff;}
#news .news_item p {margin-bottom: 5px; line-height: 14px;}
#news .news_item p.meta {font-style: italic; color:#009A93 }
#news .news_item p a {color:#009A93}

#news ul {background: #009A93; list-style: none; margin: 0; padding: 15px 5px;}
#news ul li {display: inline; background: #3C6A67; padding: 10px; margin: 0;}
#news ul li.selected {padding-bottom: 16px;}
#news ul li a {color: #fff; font-family: Museo300, Arial; font-size: 18px;}

.tweet { padding: 10px; font-family: Museo500, Arial; margin-bottom: 0; border-bottom: 1px dashed #fff;}
.tweet p { font-size: 13px; margin-bottom: 5px;} 
.tweet span {color: #DDD; margin-bottom: 10px;}
.hidden {display: none;}

#twitter_logo {position: absolute; top: 13px; right: 10px;}

#content_main .news_item {margin:0 0 40px 20px;}
#content_main .news_item h2 {margin-bottom: 0;}
#content_main .news_item p.meta {margin: 0; font-style: italic; color: #c9c9c9; font-size: 13px;}
#content_main .news_item p {margin: 0;}
 /* =adverts */
body.home.theatre #content_main .advert {margin-right: 20px;}
body.home.theatre #container #content_main .advert h3 {
	padding: 5px 20px 5px 5px;
	font-size: 20px; line-height: 28px;}
body.home.theatre #content_main .advert:nth-child(4),
body.home.theatre #content_main .advert:nth-child(7) { margin-right: 0;}

/*=whats on section 
body.theatre.whatson #content_supp {width: 227px;}	

body.theatre.whatson p.monthlinks {width: 100%; text-align: center; font-size: 18px; padding-top: 20px;}
body.theatre.whatson .whatson_list {border-collapse: collapse;}
body.theatre.whatson .whatson_list th {
	padding: 5px 20px 5px 15px;
	background: #009A93; color: #fff; text-align: left; 
	font-family: 'Museo', Arial; font-weight: normal; }
body.theatre.whatson .whatson_list td {
	padding: 5px 10px; vertical-align: middle; text-align: left;}
body.theatre.whatson .whatson_list td a {font-family: Museo300, Arial; font-size: 18px;}
body.theatre.whatson .whatson_list td img { margin-bottom: 0; padding: 3px; border: 1px solid #a7a7a7;}

body.theatre.whatson .calendar_blurb {position: relative; float: left; margin-top: 20px; margin-bottom: 40px;}
body.theatre.whatson .calendar {width: 100%;}
body.theatre.whatson .calendar p.monthlinks {text-align: center; margin-bottom: 10px;}
body.theatre.whatson .calendar table {background: #333;}
body.theatre.whatson .calendar table th {background: #009A93; color: #fff;}
body.theatre.whatson .calendar table th a {color: #fff; margin-bottom: 0;}
body.theatre.whatson .calendar table th .calendarMonthLinks {margin-bottom: 0;}
*/

body.theatre.whatson.single #main_feature {position: relative; background: #333; height: 496px;}

body.theatre.whatson #content {position: relative;}
body.theatre.whatson p.monthlinks {
	position: absolute; top: 36px; right: 50px; color: #fff;}
body.theatre.whatson p.monthlinks a {color: #fff; font-family: Museo300, Arial;}
body.theatre.whatson h1,
body.theatre.whatson h2,
body.theatre.whatson h3 {
	margin-bottom: 10px; padding: 10px 0 5px 20px; 
	font-size: 18px; font-weight: normal; background: #009A93; }
body.theatre.whatson h3 {padding: 10px 0 10px 20px; }

body.theatre.whatson .main_feature {
	position: relative; float: left; overflow: hidden;
	width: 450px; height: 390px; margin-bottom: 5px;}
body.theatre.whatson .feature_sub {
	position: relative; float: right;  overflow: hidden;
	width: 320px; height: 190px; margin-bottom: 10px;
	background: #333;}
body.theatre.whatson .feature_also {
	position: relative; float: left; overflow: hidden;
	width: 253px; height: 190px; margin-bottom: 10px; margin-right: 10px;
	background: #333;}
body.theatre.whatson .feature_also.last {
    margin-right: 0; }

body.theatre.whatson .feature_other {
	position: relative; float: left;
	width: 385px; overflow: auto; margin-bottom: 5px; 
	background: #222;}
body.theatre.whatson .feature_other:nth-child(odd) {margin-right: 10px;}

body.theatre.whatson .feature_other img {position: relative; float: left; margin: 10px;}
body.theatre.whatson .feature_other div {position: relative; float: left; padding: 0; margin: 0; width: 215px;}
body.theatre.whatson .feature_other div h3 {background: none; margin: 0; padding: 0; margin: 10px 10px 10px 0; font-size: 25px; line-height: 25px}
body.theatre.whatson .feature_other a {color: #fff; display: block; width: 100%; height: 130px; }
body.theatre.whatson .feature_other a:hover {text-decoration: none;}

body.theatre.whatson #ticket_search {position: relative; height: 30px;}
body.theatre.whatson #ticket_search h4 {display: none;}
body.theatre.whatson form {position:absolute; right:20px; width: 300px;}
body.theatre.whatson #ticket_search form input[type="text"] {
	background: #fff; font-size: 12px; width: 250px; 
	padding: 1px; border: none; color: #333; margin-right: 10px;}
body.theatre.whatson .main_feature p,
body.theatre.whatson .feature_sub p,
body.theatre.whatson .feature_also p {margin-bottom: 0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.8); display: inline; width: auto; padding: 7px 8px;}
body.theatre.whatson .main_feature div,
body.theatre.whatson .feature_sub div,
body.theatre.whatson .feature_also div {
	position: absolute; bottom: -40px; left: 0;
	margin-bottom: 0; width: auto;
	font-family: Museo300, Arial; font-size: 18px; line-height: 28px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
body.theatre.whatson .main_feature a:hover div,
body.theatre.whatson .feature_sub a:hover div,
body.theatre.whatson .feature_also a:hover div {bottom: 0; text-decoration: none;}
body.theatre.whatson .main_feature a:hover,
body.theatre.whatson .feature_sub a:hover,
body.theatre.whatson .feature_also a:hover  {text-decoration: none;}

body.theatre.whatson .main_feature h2,
body.theatre.whatson .feature_sub h2,
body.theatre.whatson .feature_also h3 {
	display: block; width: 96%; padding: 7px 8px;
	margin-bottom: 0px; margin-right: 10px; margin-top: 2px;
	line-height: 24px; font-size: 18px; 
	background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.8); }

body.theatre.whatson .main_feature a,
body.theatre.whatson .feature_sub a,
body.theatre.whatson .feature_also a {color: #fff;}
body.theatre.whatson .main_feature img,
body.theatre.whatson .feature_sub img,
body.theatre.whatson .feature_also img {margin-bottom: 0;}

body.theatre.whatson.single #content_main h1 {padding: 3px 0 3px 10px; margin-bottom: 0px; font-size: 27px;}
body.theatre.whatson.single #content_main {width: 780px;}
body.theatre.whatson.single #content_main p {margin-left: 20px; margin-right: 20px;}
body.theatre.whatson.single #content_supp {width:250px}

body.theatre.whatson.single #content #main_feature  {margin-bottom: 0;}
body.theatre.whatson.single #content ul.meta_data {
	position: absolute; top: -6px;
	margin: 10px 0 20px; position: relative;}
body.theatre.whatson.single #content ul.meta_data li {
	display: inline; 
	margin: 10px 4px 0 0; padding: 4px 10px 3px; font-family: Museo300, Arial; text-transform: uppercase; line-height: 30px;}
body.theatre.whatson.single #content ul.meta_data li.theatre-location {}
body.theatre.whatson.single #content ul.meta_data li.talks_an_evening_with {background: #0083a4;}
body.theatre.whatson.single #content ul.meta_data li.music {background: #00a5ad;}
body.theatre.whatson.single #content ul.meta_data li.location,
body.theatre.whatson.single #content ul.meta_data li.supper {background: #111;}
body.theatre.whatson.single #content ul.meta_data li.dance {background: #b692ae;}
body.theatre.whatson.single #content ul.meta_data li.workshop {background: #3a3635;}
body.theatre.whatson.single #content ul.meta_data li.play_theatre {background: #3a3635;}
body.theatre.whatson.single #content ul.meta_data li.circus,
body.theatre.whatson.single #content ul.meta_data li.comedy {background: #aac14e;}
body.theatre.whatson.single #content ul.meta_data li.film1 {background: #a05a5e;}
body.theatre.whatson.single #content ul.meta_data li.short_course {background: #b9244a;}
body.theatre.whatson.single #content ul.meta_data li.prima {background: #e8bb34; color: #222;}

body.theatre.whatson.single #content span.pas-pobol-peblig {background: url(../images/paspeblig.png) no-repeat; text-indent: -9999px; width:50px; height: 50px; display: block; position: absolute; right: 10px; top: 490px;}

body.theatre.whatson.single #content #tickets {width: 50%; margin-left: 50px; margin-top: 20px;}

body.theatre.whatson.single #play_trailer {position: absolute; top: 230px; left: 350px;}
body.theatre.whatson.single #trailer {position: absolute; top: 26px; left: 0; display: none}
body.theatre.whatson.single #close_trailer {float: right; color: #fff; font-size: 15px; margin-top: -13px; margin-bottom: 13px; margin-right: 10px;}

/* whats on icons */
body.theatre.whatson  .meta li {text-indent: -9999px; padding: 10px;}
body.theatre.whatson #content .meta_data .pg {
	background: url(../images/c-pg.gif) scroll no-repeat 0 0;padding: 5px 15px 10px 10px;}
body.theatre.whatson.single  #content .meta_data .u {
	background: url(../images/c-u.gif) scroll no-repeat 0 0;padding: 5px 15px 10px 10px;}
body.theatre.whatson.single #content .meta_data .c12_12a {
	background: url(../images/c-12.gif) scroll no-repeat 0 0;padding: 5px 15px 10px 10px;}
body.theatre.whatson.single  #content  .meta_data .c15 {
	background: url(../images/c-15.gif) scroll no-repeat 0 0;padding: 5px 15px 10px 10px;}
body.theatre.whatson.single #content  .meta_data .c18 {
	background: url(../images/c-18.gif) scroll no-repeat 0 0; padding: 5px 15px 10px 10px;}
body.theatre.whatson  .meta .doc_bar {
	background: url(../images/DocWhite-25x25.png) scroll no-repeat 0 0;}
body.theatre.whatson  .meta .theatre {
	background: url(../images/TheatreWhite-25x25.png) scroll no-repeat 0 0;}
body.theatre.whatson  .meta .play_theatre {
	background: url(../images/Play_TheatreWhite-25x25.png) scroll no-repeat 0 0;}
body.theatre.whatson  .meta .talks_an_evening_with {
	background: url(../images/Talk_EveningWhite-25x25.png) scroll no-repeat 0 0;}
body.theatre.whatson  .meta .music {
  background: url(../images/MusicWhite-25x25.png) scroll no-repeat 0 0;}
body.theatre.whatson  .meta .literature {
  background: url(../images/LiteratureWhite-25x25.png) scroll no-repeat 0 0;}
body.theatre.whatson .meta .film1 {
  background: url(../images/CinemaWhite-25x25.png) scroll no-repeat 0 0;}
body.theatre.whatson  .meta .dance {
  background: url(../images/DanceWhite-25x25.png) scroll no-repeat 0 0;}
body.theatre.whatson  .meta .art_space {
  background: url(../images/ArtspaceWhite-25x25.png) scroll no-repeat 0 0;}
body.theatre.whatson  .meta .prima {
  background: url(../images/PrimaYellow-25x25.png) scroll no-repeat 0 0;}
body.theatre.whatson  .meta .supper {
  background: url(../images/SupperWhite-25x25.png) scroll no-repeat 0 0;}    
body.theatre.whatson  .meta .workshop {
  background: url(../images/WorkshopWhite-25x25.png) scroll no-repeat 0 0;}
body.theatre.whatson  .meta .studio1 {
  background: url(../images/Studio1White-25x25.png) scroll no-repeat 0 0;}
body.theatre.whatson  .meta .studio_2 {
  background: url(../images/Studio2White-25x25.png) scroll no-repeat 0 0;}

body.theatre.page.directions #content_main {width: 200px;}
body.theatre.page.directions #content_supp {width: 385px;}

body.theatre.whatson #no_events {background: #333;margin: 200px 30px; padding: 30px; text-align: center; font-size: 20px; font-family: Museo500, Arial; border-radius: 40px}
body.theatre.whatson #no_events p.monthlinks {position: relative; text-align: center; width: 100%; right: 0;}

body.venue-hire-main #content_main {width: 695px;}

/* =doc cafe bar */
/* =------------ */	
body.doc-cafe-bar #content_main {
	position: relative; float: left; 
	width: 380px; margin-bottom: 0;}
body.doc-cafe-bar #content_supp {
	position: relative; float: right; 
	width: 220px; margin-bottom: 0;}
body.doc-cafe-bar #content_supp .content_block.about-us {
	padding: 10px; min-height: 502px;
	background: #B10550; border: 12px solid #e60064;
	font: 14px/22px 'Museo300', Arial;}
body.doc-cafe-bar #content_main .advert:nth-child(even) {margin-right: 20px;}
body.doc-cafe-bar #content_supp .advert:nth-child(-n+3) h4 {
	width: 77%; height: 75px;
	font-size: 22px;}


/* =company */
/* =------- */	
body.home.company #content_main {
	position: relative; float: left; 
	width: 460px; margin-bottom: 0;}
body.home.company #content_supp {
	position: relative; float: right; 
	width: 305px; margin-bottom: 0;}
body.home.company #content_supp .content_block.about-us  {
	padding: 10px;
	background: #814343; border: 12px solid #e81717;
	font: 14px/22px 'Museo300', Arial;}
body.home.company #extra_homepage_content {
	clear: both;
	padding: 20px; margin-bottom: 20px;
	background: #e81717; font: 16px/22px 'Museo300', Arial;}
body.home.company .advert:nth-child(4),
body.home.company .advert:nth-child(6),
body.home.company .advert:nth-child(7) {margin-right: 20px;}

body.company.properties #content_main {width: 700px;}

body.company.page.staff #content_main h2 {border-top: 1px dashed #c7c7c7; padding-top: 30px; }

body.company.properties #content_main {width: 100%;}
body.company.properties .property_category {
	margin-left: 40px; clear: both; overflow: auto; margin-bottom: 20px;}
body.company.properties #content_main .property_category h2 {margin: 0 0 20px;}
body.company.properties .property_category div {
	position: relative; float: left; margin-right: 10px; margin-bottom: 10px; width: 150px;
	overflow: hidden;}
body.company.properties .property_category div img {margin-bottom: 0px;}
body.company.properties .property_category div h3 {
	position: absolute; bottom: 5px; left: 0;
	display:inline; width: 140px;  margin: 0; padding: 5px 5px;
	font-size: 16px; color: #fff; font-weight: normal; font-family: Museo300, Arial;
	background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.8);}
body.company.properties .property_category div span {position: absolute; top: 0; right: 0; padding: 1px 6px; color: #fff; font-family: Museo300, Arial;}	
body.company.properties .property_category div span.Occupied {background: red;}
body.company.properties .property_category div span.Vacant {background: green;}

body.company.properties .property_category div a:hover h3 {height: 50px;}	
	
/* =conferencing */
/* =------------ */	

body.home.conferencing #content_main {position: relative; float: left; width: 380px; margin-bottom: 0;}
body.home.conferencing #content_supp {position: relative; float: right; width: 380px; margin-bottom: 0;}


body.conferencing #main_feature {height: auto;}
body.conferencing #content_main {position: relative; float: left; width: 380px; margin-bottom: 0;}
body.conferencing #content_supp {position: relative; float: right; width: 280px; margin-bottom: 0;}
body.conferencing #main_feature_intro {
	padding: 10px;
	background: #427cae;}
body.conferencing #main_feature_intro h2 {margin-bottom: 10px;}
body.conferencing #main_feature_intro p {
	margin-bottom: 0;
	font:14px/20px 'Museo300', Arial}
body.conferencing #extra_homepage_content .content_block {
	position: relative; float: left;
	width: 246px; margin-right: 20px;}
body.conferencing #extra_homepage_content #weddings {
	width: 339px;margin-right: 0;}
body.conferencing #extra_homepage_content #our_services,
body.conferencing #extra_homepage_content #photos {
	width: 200px; height: 360px;}
body.conferencing #extra_homepage_content .content_block .options_menu li {
	width: 94%}
body.conferencing #virtual_tour p {padding: 10px 10px 4px 10px; margin: 0; font: 14px/19px 'Museo300',Arial;}
body.conferencing #virtual_tour ul li {padding-right: 10px; font: 14px/20px 'Museo300',Arial;}

body.page.conferencing #content_main {position: relative; float: left; width: 480px; margin-bottom: 0;}


/* =cafe_bar */
/* =-------- */	
body.doc-cafe-bar #main_feature {height: 645px; width: 380px; overflow: hidden;}
body.doc-cafe-bar #content_supp {width: 380px; position: relative; float: right;}


/* 404 Page*/
/* =-------- */
body.error #content_main {margin: 50px 0 350px 50px;}

/* Splash Page*/
/* =-------- */
body.splash {
	margin:0px; padding:0px;
	background-color:#222222;}
body.splash #site_context {border-bottom: 50px #555555 solid; margin-bottom: 47px;}
body.splash #nav_main ul.splash { display : none; }
body.splash #background-left {float:left; width:90px; height:481px; background-color:#000000;}
body.splash #background-right { float:left; width:90px; height:481px; background-color:#000000;}

body.splash ul.where-you-go { overflow : hidden }
body.splash .splash_tile {position: relative; float: left; width:25%; height:481px;}
body.splash .splash_tile a {
	font-size: 14px; margin-bottom: 5px; min-width : 160px; padding : 2px 5px;
	color: #fff; font-family: Museo300, Arial, Serif;}
body.splash .splash_tile a.cymraeg {position: absolute; top: 73px; left: 20px;}
body.splash .splash_tile a.english {position: absolute; top: 20px; left: 20px;}
body.splash #background-the-company{background-image:url('../images/office.jpg');}
body.splash #background-theatre {background-image:url('../images/theatre.jpg');}
body.splash #background-bar-cafe {background-image:url('../images/food.jpg');}
body.splash #background-conferences{ background-image:url('../images/flowers.jpg');}

body.splash ul.where-you-go li { 
  display : block; margin : 0;
  overflow : hidden; box-shadow : 0 0 10px #000;
  -moz-transition : all .5s ease-in-out;
  -webkit-transition : all .5s ease-in-out;
  -o-transition : all .5s ease-in-out;
  -ms-transition : all .5s ease-in-out;
  transition : all .5s ease-in-out; }
  
body.splash ul li a {
  background-color : rgba(0,0,0,.5); }

body.splash ul.where-you-go:hover li {
  width : 10%; opacity : .4; }
body.splash ul.where-you-go:hover li:last-child {
  width : 70%; opacity : 1;} /* to avoid issues with all of them collapsing */
body.splash ul.where-you-go li:hover {
  width : 70%; opacity : 1; }
body.splash ul.where-you-go:hover li:hover ~ li {
  width : 10%; opacity : .4; }



body.splash #footer-nav {clear:both; height:20px; background-color:#555555; padding-left: 20px;}
body.splash #footer-nav a {color: #fff; font-family: Museo300, Arial; display: inline;}
body.splash #footer-nav a.about,
body.splash #footer-nav a.news,
body.splash #footer-nav a.opening {margin-right: 10px;}

body.splash #gubbins {position: absolute; top: 60px; right: 10px;}
body.splash #gubbins p {font-family: Museo300, Arial; font-size: 13px; line-height: 16px; position: relative; float: left; width: 200px; margin-right: 20px;}