@charset "UTF-8";
/* CSS Document */

html { margin: 0px; text-align:center; min-width: 854px; font-size: 62.5%; height: 100%; }
body { background-color:#057172; margin: 0px; text-align:center; width:100%; height: 100%; font-size: 62.5%; }
body { color:#000303; font-family:Arial, Verdana, Helvetica, sans-serif; line-height:1.3em; font-size:1.2em; }
td { color:#000303; font-family:Arial, Verdana, Helvetica, sans-serif; line-height:1.3em; font-size:1em; }

/* Text */
h1 { margin: 0 auto; padding:0px; }
h2 { font-size:1.5em; margin: 0 auto; margin-bottom:1em; color:#d1bd05; }
h3 { margin: 0 auto; font-size:1.1em; margin-bottom:1em; color:#000000; text-align:left; }
h4 { margin: 0 auto; font-size:1.0em; margin-bottom:1em; }
p { margin: 0 auto; margin-bottom:1em; padding:0px; }

span {color:#1e9a93; font-size:12px; }
.bold { font-weight:bold; } 
.bold-white { color:#FFFFFF; font-weight:bold; }
.bold-medblue { color:#00aed9; font-weight:bold; }

.small { font-size: 0.9em; }
.highlight { color:#00aed9; font-size:1.3em; font-weight:bold; }
.small-name { font-size: 0.9em; color:#00aed9; }

.scroller { height:340px; overflow:auto; padding:0px 10px 0px 0px; }
.scroller-full { height:380px; overflow:auto; padding:0px 10px 0px 0px; float:right; width:382px; }
.scroller-cast { height:275px; overflow:auto; padding:0px 10px 0px 0px; }

/* Links & Navigation */

.navigation { padding:0px; margin:0px; list-style:none; }

a:link { color: #1f290f; text-decoration: none; font-weight:bold; }
a:visited { text-decoration: none; color: #1f290f; font-weight:bold; }
a:hover { text-decoration: none; color: #000; font-weight:bold; }
a:active { text-decoration: none; color: #1f290f; font-weight:bold; }

a.on { color:#3c3434; }
a.on:link, a.on:visited { color:#3c3434; }

a.white { color:#1f290f; }
a.white:link, a.white:visited { color:#ffffff; }

/* Layout */

#wrapper { width:100%; margin:0 auto; text-align:center; display:table; /* must put this in for FireFox. */ height:400px; /* Have to put something in here for the height for both browsers. Not a percentage. */ }
#container { margin:0 auto; text-align:center; position:relative; top:0; width:854px; }
#content { width:854px; position:relative; top:371px; z-index:11; background-color:#FFFFFF; background-image:url(../images/bkgrd-leftpanel.gif); background-repeat:repeat-y; }

#header { text-align:left; width:444px; position:absolute; top:0px; height:371px; z-index:12; }
#logo { width:854px; height:371px; text-indent:-9999px; text-align:left; background-image:url(../images/bkgrd3.jpg); background-position: top center; background-repeat:no-repeat; }
#section { text-indent:-9999px; }
#section-home { width:486px; height:729px; position:absolute; top:0px; z-index:10; margin-left:390px; }
#section-hirst { width:486px; height:729px; background-image:url(../images/bkgrd-hirst.jpg); background-repeat:no-repeat; position:absolute; top:0px; z-index:10; margin-left:390px; }
#section-spooner { width:486px; height:729px; background-image:url(../images/bkgrd-spooner.jpg); background-repeat:no-repeat; position:absolute; top:0px; z-index:10; margin-left:390px; }
#section-briggs { width:486px; height:729px; background-image:url(../images/bkgrd-briggs.jpg); background-repeat:no-repeat; position:absolute; top:0px; z-index:10; margin-left:390px; }
#section-foster { width:486px; height:729px; background-image:url(../images/bkgrd-foster.jpg); background-repeat:no-repeat; position:absolute; top:0px; z-index:10; margin-left:390px; }


#section-about { width:586px; height:729px; background-image:url(../images/bkgrd-about.jpg); position:absolute; top:0px; z-index:10; margin-left:303px; }
#section-photovideo { width:586px; height:729px; background-image:url(../images/bkgrd-photovideo.jpg); position:absolute; top:0px; z-index:10; margin-left:303px; }
#section-castcreative { width:586px; height:729px; background-image:url(../images/bkgrd-castcreative.jpg); position:absolute; top:0px; z-index:10; margin-left:303px; }
#section-usefulinfo { width:586px; height:729px; background-image:url(../images/bkgrd-usefulinfo.jpg); position:absolute; top:0px; z-index:10; margin-left:303px; }
#section-pressreviews { width:586px; height:729px; background-image:url(../images/bkgrd-pressreviews.jpg); position:absolute; top:0px; z-index:10; margin-left:303px; }
#section-bookinginformation { width:586px; height:729px; background-image:url(../images/bkgrd-bookinginformation.jpg); position:absolute; top:0px; z-index:10; margin-left:303px; }

.title-michaelgambon { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-michaelgambon.gif); background-repeat:no-repeat; }
.title-davidbradley { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-davidbradley.gif); background-repeat:no-repeat; }
.title-davidwalliams { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-davidwalliams.gif); background-repeat:no-repeat; }
.title-nickdunning { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-nickdunning.gif); background-repeat:no-repeat; }
.title-haroldpinter { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-haroldpinter.gif); background-repeat:no-repeat; }
.title-rupertgoold { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-rupertgoold.gif); background-repeat:no-repeat; }
.title-adamcork { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-adamcork.gif); background-repeat:no-repeat; }
.title-neilaustin { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-neilaustin.gif); background-repeat:no-repeat; }
.title-gilescadle { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-gilescadle.gif); background-repeat:no-repeat; }
.title-gatetheatredublin { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-gatetheatredublin.gif); background-repeat:no-repeat; }
.title-soniafriedman { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-soniafriedman.gif); background-repeat:no-repeat; }

.title-productionshots { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-productionshots.gif); background-repeat:no-repeat; margin-top:10px; }
.title-rehearsalpictures { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-rehearsalpictures.gif); background-repeat:no-repeat; margin-top:10px; }

.title-pressreviews { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-pressreviews.gif); background-repeat:no-repeat; }
.title-reviews { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-reviews.gif); background-repeat:no-repeat; }
.title-morereviews { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-morereviews.gif); background-repeat:no-repeat; }

.title-qanda { width:488px; height:51px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-castqanda.gif); background-repeat:no-repeat; }

.quote { width:488px; height:71px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/quote2.gif); background-repeat:no-repeat; }


.title-welcome { width:200px; height:31px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-welcome.gif); background-repeat:no-repeat; float: left; display: block; }

.title-cast { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-cast.gif); background-repeat:no-repeat; }
.title-creative { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-creative.gif); background-repeat:no-repeat; }
.title-performances { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-performances.gif); background-repeat:no-repeat; }
.title-locationtransport { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-locationtransport.gif); background-repeat:no-repeat; }
.title-promotionalpartners { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-promotionalpartners.gif); background-repeat:no-repeat; }
.title-boxoffice { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-boxoffice.gif); background-repeat:no-repeat; }
.title-ticketmaster { width:488px; height:30px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-ticketmaster.gif); background-repeat:no-repeat; }
.title-groupsales { width:488px; height:30px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-groupsales.gif); background-repeat:no-repeat; }
.title-ticketprices { width:488px; height:17px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-ticketprices.gif); background-repeat:no-repeat; }
.title-10weeksonly { width:488px; height:34px; text-indent: -5000px; padding:0px; overflow: hidden; background-image:url(../images/title-10weeksonly.gif); background-repeat:no-repeat; }


#footer { width:854px; height:84px; background-color:#057172;  text-indent:-9999px; background-image:url(../images/footer.gif); background-repeat:no-repeat;}
.footer-logo { background-image:url(../images/royal-court-logo.gif); background-repeat:no-repeat; float: left; }
.footer-season { text-indent:-9999px; background-image:url(../images/footer-season.gif); background-repeat:no-repeat; width:510px; height:34px; float:left; }
.footer-contact { text-indent:-9999px; background-image:url(../images/footer-contact.gif); background-repeat:no-repeat; background-position:right top; width:510px; height:30px; float:left; }
.footer-producers { text-indent:-9999px; background-image:url(../images/footer-producers.gif); background-repeat:no-repeat; width:854px; height:30px; float:right; }

.left-panel { position:relative; top:0; width:316px;  float:left; text-align:left; background-color:#fff598; }
.right-panel { width:488px; padding:0px 25px 25px 25px; float:left; text-align: justify; position:relative; overflow:visible; }
.right-panel1 { width:488px; padding:25px 15px 25px 25px; float:left; text-align: justify; position:relative; overflow:visible; }

/*promotion red banner*/

.red-box { width:488;  background-color:#ea1d24; color:#FFFFFF; font-size:28px; line-height:normal; text-align:center; font-weight:bold;}

.container-cast { padding-left:10px; }
.promo-box { margin-top:20px; }

.partners-supportedby { height:37px; float:left; padding-top:10px; padding-right:10px; }
.partners-grangehotels { height:37px; float:left; padding-top:10px; padding-left:10px; }

/* Titles */

#title-explore { background-image:url(../images/titles/title-explore.gif); background-repeat:no-repeat; width:498px; height:50px; text-indent: -5000px; margin:0px; padding:0px; }

/* Buttons */


#btn-podcast a, #btn-podcast a:visited {
 	width:201px; height:38px; text-indent: -5000px; display:block; padding:0px; overflow: hidden; margin-left:0px;
	background-image:url(../images/btn-podcast.gif); display:block; background-repeat:no-repeat; background-position:0px 0px;
}

#btn-podcast a:hover {
	width:201px; height:38px; text-indent: -5000px; padding:0px; overflow: hidden; margin-left:0px;
	background-image:url(../images/btn-podcast.gif); background-repeat:no-repeat; background-position:0px -38px;
}

#btn-home, #btn-about, #btn-castcreative, #btn-photovideo, #btn-pressreviews, #btn-booktickets, #btn-usefulinfo { margin-bottom:1px; }
#btn-home-on, #btn-about-on, #btn-castcreative-on, #btn-photovideo-on, #btn-pressreviews-on, #btn-booktickets-on, #btn-usefulinfo-on { margin-bottom:1px; }

#btn-home a, #btn-home a:visited {
 	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden;  list-style:none;
	 background-image:url(../images/btn-home.gif); background-color:#b6b7ba; background-repeat:no-repeat; background-position:0px 0px; margin-bottom:1px;
}
#btn-home a:hover, #btn-home a:active {
	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden; list-style:none;
	 background-image:url(../images/btn-home.gif); background-color:#7a7b7f; background-repeat:no-repeat; background-position:0px -54px; margin-bottom:1px;
}
#btn-home-on a, #btn-home-on a:visited, #btn-home-on a:hover {
	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden; list-style:none;
	 background-image:url(../images/btn-home.gif); background-color:#1f290f; background-repeat:no-repeat; background-position:0px -27px; margin-bottom:1px;
}

#btn-about a, #btn-about a:visited {
 	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden;  list-style:none;
	 background-image:url(../images/btn-about.gif); background-color:#b6b7ba; background-repeat:no-repeat; background-position:0px 0px; margin-bottom:1px;
}
#btn-about a:hover, #btn-about a:active {
	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden; list-style:none;
	 background-image:url(../images/btn-about.gif); background-color:#7a7b7f; background-repeat:no-repeat; background-position:0px -54px; margin-bottom:1px;
}
#btn-about-on a, #btn-about-on a:visited, #btn-about-on a:hover {
	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden; list-style:none;
	 background-image:url(../images/btn-about.gif); background-color:#00aed9; background-repeat:no-repeat; background-position:0px -27px; margin-bottom:1px;
}

#btn-castcreative a, #btn-castcreative a:visited {
 	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden;  list-style:none;
	 background-image:url(../images/btn-cast.gif); background-color:#b6b7ba; background-repeat:no-repeat; background-position:0px 0px; margin-bottom:1px;
}
#btn-castcreative a:hover, #btn-castcreative a:active {
	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden; list-style:none;
	 background-image:url(../images/btn-cast.gif); background-color:#7a7b7f; background-repeat:no-repeat; background-position:0px -54px; margin-bottom:1px;
}
#btn-castcreative-on a, #btn-castcreative-on a:visited, #btn-castcreative-on a:hover {
	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden; list-style:none;
	 background-image:url(../images/btn-cast.gif); background-color:#00aed9; background-repeat:no-repeat; background-position:0px -27px; margin-bottom:1px;
}

#btn-photovideo a, #btn-photovideo a:visited {
 	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden;  list-style:none;
	 background-image:url(../images/btn-photovideo.gif); background-color:#b6b7ba; background-repeat:no-repeat; background-position:0px 0px; margin-bottom:1px;
}
#btn-photovideo a:hover {
	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden; list-style:none;
	 background-image:url(../images/btn-photovideo.gif); background-color:#7a7b7f; background-repeat:no-repeat; background-position:0px -54px; margin-bottom:1px;
}
#btn-photovideo-on a, #btn-photovideo-on a:visited, #btn-photovideo-on a:hover {
	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden; list-style:none;
	 background-image:url(../images/btn-photovideo.gif); background-color:#00aed9; background-repeat:no-repeat; background-position:0px -27px; margin-bottom:1px;
}

#btn-pressreviews a, #btn-pressreviews a:visited {
 	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden;  list-style:none;
	 background-image:url(../images/btn-pressreviews.gif); background-color:#b6b7ba; background-repeat:no-repeat; background-position:0px 0px; margin-bottom:1px;
}
#btn-pressreviews a:hover {
	 height:22px; width:311px; text-indent:-9999px; display:block;  padding:5px 0px 0px 5px; overflow: hidden; list-style:none;
	 background-image:url(../images/btn-pressreviews.gif); background-color:#7a7b7f; background-repeat:no-repeat; background-position:0px -54px; margin-bottom:1px;
}
#btn-pressreviews-on a, #btn-pressreviews-on a:visited, #btn-pressreviews-on a:hover {
	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden; list-style:none;
	 background-image:url(../images/btn-pressreviews.gif); background-color:#00aed9; background-repeat:no-repeat; background-position:0px -27px; margin-bottom:1px;
}

#btn-booktickets a, #btn-booktickets a:visited {
 	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden;  list-style:none;
	 background-image:url(../images/btn-booktickets.gif); background-color:#b6b7ba; background-repeat:no-repeat; background-position:0px 0px; margin-bottom:1px;
}
#btn-booktickets a:hover {
	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden; list-style:none;
	 background-image:url(../images/btn-booktickets.gif); background-color:#7a7b7f; background-repeat:no-repeat; background-position:0px -54px; margin-bottom:1px;
}
#btn-booktickets-on a, #btn-booktickets-on a:visited, #btn-booktickets-on a:hover {
	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden; list-style:none;
	 background-image:url(../images/btn-booktickets.gif); background-color:#00aed9; background-repeat:no-repeat; background-position:0px -27px; margin-bottom:1px;
}

#btn-usefulinfo a, #btn-usefulinfo a:visited {
 	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden;  list-style:none;
	 background-image:url(../images/btn-usefulinfo.gif); background-color:#b6b7ba; background-repeat:no-repeat; background-position:0px 0px; margin-bottom:1px;
}
#btn-usefulinfo a:hover {
	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden; list-style:none;
	 background-image:url(../images/btn-usefulinfo.gif); background-color:#7a7b7f; background-repeat:no-repeat; background-position:0px -54px; margin-bottom:1px;
}
#btn-usefulinfo-on a, #btn-usefulinfo-on a:visited, #btn-usefulinfo-on a:hover {
	 height:22px; width:311px; text-indent:-9999px; display:block; padding:5px 0px 0px 5px; overflow: hidden; list-style:none;
	 background-image:url(../images/btn-usefulinfo.gif); background-color:#00aed9; background-repeat:no-repeat; background-position:0px -27px; margin-bottom:1px;
}

/* Misc */

.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.nospace { margin:0; padding:0; }


.reviews { font-weight:bold; color:#00aed9; font-size:1.3em; }
.fivestars { color:#00aed9; width:99px; height:25px; background-image:url(../images/5star.gif); background-repeat:no-repeat; text-indent:-9999px; display:block; }
.fourstars { color:#00aed9; width:99px; height:25px; background-image:url(../images/4star.gif); background-repeat:no-repeat; text-indent:-9999px; display:block;  }

.aka { font-size: 0.80em; color: #ffffff; background-color:#000303; text-align:right; height:30px;}
.aka a { text-decoration:none; }

#quote2 { clear: both; margin-left:635px; text-indent: -9999px; background-image:url(../images/book_tickets_btn.jpg); background-repeat:no-repeat; height:86px; margin-top: 280px; width:184px; }
.quotes3 { background-image:url(../images/quotes4.jpg); background-repeat:no-repeat; width: 452px; height: 102px; text-indent: -9999px;}
.booknow { background-image:url(../images/booknow.gif); float: left; background-repeat:no-repeat; width: 165px; height: 63px; text-indent: -9999px; display: block;} 
.booknowhome { background-image:url(../images/booknow.jpg); float: right; margin: 0px 0px 10px 15px; background-repeat:no-repeat; width: 165px; height: 63px; text-indent: -9999px; display: block;}

ul li {color: #1f290f; font-size:1.2em; background-color:#CCC;}
.bigbold {font-size:1.8em; font-weight:bold; text-align:center; display: block; }
.reviews {line-height: 1.2em; }

.facebook { top:8px; left:0px; margin-right:10px; float:right; position:relative; width:48px; height:48px; display:block; background-image:url(http://www.jerusalemtheplay.com/_global/images/facebook-icon.gif); background-repeat:no-repeat; }

.photos {text-align:left;}

.names {background-color:#2abab1; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}
