@charset "UTF-8";
/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; color:#4f4c4c; margin:0; font-size:12px; background-image:url(../images/black-grainy-bg.jpg); background-repeat:repeat-x; background-position:top; background-color:#000000; text-align:left;  }
html { margin:0px; text-align:center; min-width: 748px; min-height:100%; font-size: 61.5%; height:auto; line-height:1.9em;}


h1 {font-size:1.4em; color:#000000;  margin-bottom:0; padding:0;}
h2 {font-size:1.4em; color:#FFFFFF; margin-bottom:1.3em; padding:0; font-family:"Trebuchet MS", arial, sans-serif; margin:0.1em 0 0 0;}
h3 {font-size:1.4em; color:#403e3f; margin-bottom:0; margin-top:0; padding:0; line-height:1.2em; font-family:"Trebuchet MS", arial, sans-serif;}
h4 {font-size:1.4em; color:#9e257c; margin-bottom:0.5em; margin-top:0; padding:0; line-height:1.2em; font-family:"Trebuchet MS", arial, sans-serif; margin:0.1em 0 0 0;}
h5 {font-size:1.2em; color:#9e257c; margin-bottom:0.5em; margin-top:0; padding:0; line-height:1.2em; font-family:"Trebuchet MS", arial, sans-serif;}

p {font-size:1.1em; color:#4f4c4c; margin-bottom:0.9em; padding:0; line-height:1.3em; margin-top:0; }
span {font-family:Arial, Helvetica, sans-serif; color:#4f4c4c; margin:0; font-size:12px; }

/*****links******/
a:link {color:#9e257c;}
a:visited {color:#9e257c;}
a:hover {color:#9e257c;}

.breadcrumb-trail a {color:#8a888a; font-family:"Trebuchet MS", arial, sans-serif;}
.breadcrumb-trail a:visited {color:#8a888a; font-family:"Trebuchet MS", arial, sans-serif;}
.breadcrumb-trail a:hover {color:#9e257c; font-family:"Trebuchet MS", arial, sans-serif;}

.staff-name a, .cast-name a {color:#8a888a; text-decoration:none; font-family:"Trebuchet MS", arial, sans-serif;}
.staff-name a:visited, .cast-name a:visited {color:#403e3f;  font-family:"Trebuchet MS", arial, sans-serif;}
.staff-name a:hover, .cast-name a:hover {color:#9e257c;  font-family:"Trebuchet MS", arial, sans-serif;}

.reviews a {color:#403e3f; font-family:"Trebuchet MS", arial, sans-serif;}
.reviews a:visited {color:#403e3f; font-family:"Trebuchet MS", arial, sans-serif;}
.reviews a:hover {color:#9e257c; font-family:"Trebuchet MS", arial, sans-serif;}

.moreInfoLink{font-family:"Trebuchet MS", arial, sans-serif; font-weight:bold;}

/*****styles  and fonts*****/
.latestnews-copy {line-height:1.4em;}
.latestnews-copy a { text-decoration:none; }
.newspaper {font-size:12px; float:left; }
.greyline-pagetop {border-top:2px solid #ececec; margin:10px 0 20px 0;}
.greyline {border-top:1px solid #ececec; margin:10px 0 10px 0;}
.greyline-short {border-top:1px solid #ececec; margin:10px 5px 10px 5px;}
#cast-creative .greyline {margin:6px 0 6px 0;}
#reviews .greyline {margin:12px 0 12px 0;}
.clear {clear:both;}
.gap {height:4px;}
.left {float:left}
.right {float:right;}
.bold {font-weight:bold;}
.date {font-size:12px; color:#403e3f; font-weight:bold; font-family:"Trebuchet MS", arial, sans-serif;}
.blue {color:#3b5998;}
.production-copy p {margin-top:0.1em;}
.production-copy h4 {margin-bottom:0.2em; font-size:1.5em; font-family:"Trebuchet MS", arial, sans-serif;}
.production-copy h4 a { text-decoration:none; }
.cast-name h4 {color:#403e3f; font-size:1.1em;}
.staff-name h5 {color:#403e3f; font-size:1.1em; margin:0; padding:0;}
.tab-content h3 {margin:0; color:#9e257c;}
.review {font-weight:bold; font-style:italic; color:#403e3f; font-size:14px;}
.boldpurple {color:#9e257c; font-weight:bold;}
.lightgrey-castrole {color:#978f95; font-size:1.0em;}
.darkgrey {color:#403e3f; }
.margintop10 {margin-top:10px;}
.support-left p {line-height:1.6em;}
.tab-content .title h3 {font-family:"Trebuchet MS", arial, sans-serif; }
.tab-content .reviews p {font-family:"Trebuchet MS", arial, sans-serif; }
.bottom-right h5 {color:#ffffff; font-size:19px; margin-bottom:0.2em; }
.bottom-date {font-size:1.0em; color:#FFFFFF;  margin-bottom:1.2em;}
.bottom-right p {color:#ffffff; font-size:16px; margin:10px 0 0 0; font-weight:bold; font-style:italic; color:#d3d3d3;}
.bottom-right .newspaper {color:#FFFFFF;}

/********all divs ***********/

#top-image {position:absolute; top:0; left:0;  background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-position:top center; height:491px; margin:auto 0; width:100%; z-index:1;}
#wrap {width:1000px; margin:0 auto; padding:0; z-index:10; position:relative;}
#top {width:950px; height:186px; margin:0 0 10px 0; padding:30px 25px 0 25px; z-index:10; }
#top-left {float:left; margin:0; padding:0; width:372px; }
#top-right {float:right; width: 300px; height: 26px; margin:77px 0 0 0; padding:0; height: 33px; text-align: center; color:#FFFFFF; background-image: url(../images/topright.png); font-size: 14px; line-height: 33px;}
#navigation {width:970px; height:35px; margin:30px 0 0 0; padding:0; }
#main-content-container {width:945px; margin:0 auto; padding:7px 0 0 0; background-color:#FFFFFF;  }
#top-carousel {width:919px; margin:0 5px 20px 7px; padding:0;}
#main-content {width:908px; margin:0 auto; padding:7px 8px 0 8px;}
#left-content {float:left; width:590px; margin:0; padding:0; }
#right-content {float:right; margin:0; padding:0; width:305px;   }

#footer-bar {width:933px; margin:0 auto; padding:0 0 10px 0; text-align:center; }
.footerbar-copy { text-align:center; margin:0 auto; width:320px; font-size:14px; font-weight:bold; padding-top:3px; }
.footerbar-copy ul {margin:0; display:inline; padding:0; list-style-type:none;}
.footerbar-copy li {margin:0 7px 0 0; display:inline; padding:0; list-style-type:none;}
.footerbar-ace { float:right; padding-right:20px; }


#footer {width:933px; margin:0 auto; padding:25px 0 15px 0;}
.footer-left {float:left; margin:0; padding:0; width:324px; }
.footer-right {float:right; margin:0; padding:13px 0 0 0; width:602px; font-weight:bold; color:#FFFFFF; text-align:right; }
.footer-right a { color:#FFFFFF; text-decoration:none; }
.footer-right a:hover { text-decoration:none; }
.footer-right ul {margin:0; display:inline; padding:0; list-style-type:none;}
.footer-right li {margin:0 7px 0 0; display:inline; padding:0; list-style-type:none;}

#latestnews-box {width:590px; margin:0; padding:0;  }
.latestnews-image {float:left; margin:0; padding:0; width:156px; height:96px;  }
.latestnews-copy {float:right; padding:0; margin:0; width:442px;  }
.rss-tools {width:87px; margin:0; padding:0; float:right;}
.rss-tools a { text-decoration:none; }
.rss-tools img {border:none; }
#tools {width:910px; margin:0 0 40px 0; padding:0; height:10px;}
.breadcrumb-trail {float:left; margin:0; padding:0; width:840px; color:#9e257c; font-family:"Trebuchet MS", sans-serif; }
.youarehere {color:#333333; font-weight:bold; float:left; margin:0 5px 0 0;}
.rss {float:right; margin:0; padding:0; width:56px; text-align:right; }
.rss a { text-decoration:none; }
.rss img {border:none; }

/******home page******/
#carousel {
	width:936px;
	height:314px;
	margin:0 auto;
	overflow:hidden;
}
#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:931px;
	height:314px;
	border:none;
	line-height:1.6em;
}

#top-carousel a { color:#FFFFFF } 
#top-carousel .GreyBar { float:right; background-color:#000000; filter:alpha(opacity=70); -moz-opacity: 0.7;  opacity: 0.7; width:326px; height:292px;  padding-left:22px; padding-right:22px; padding-top:22px;  } 
#top-carousel .SlideText { filter:alpha(opacity=100); -moz-opacity: 100;  opacity: 100; color:#FFFFFF;  }
#top-carousel .GreyDates { padding-bottom:10px; }
#top-carousel .GreyTitle { font-size:22px; font-weight:bold; padding-bottom:10px; }
#top-carousel .GreyText { }
#top-carousel .GreyReadMore { padding-top:20px; font-weight:bold; }
#top-carousel .SlideNumber { float:right; width:106px; text-align:right;  }
/******production page******/

#production-container {width:450px; margin:0 0 20px 0; padding:0; float:left;}
.production-image {float:left; width:166px; margin:0 14px 0 0; padding:0; float:left;}
.production-image img {border:none; }

.production-copy {float:left; width:263px; margin:0; padding:0 0 5px 0;}
.production-links {width:263px; margin:0; padding:0; font-family:"Trebuchet MS", sans-serif; font-weight:bold;}
.viewall-btn {float:left; margin:0 0 0 10px; padding:0;}
#hidden-shows {width:908px;}

#top-pink-bar-container {width:945px; margin:0 auto; padding:0; height:37px; }
.top-pink-bar-top {width:945px; margin:0; padding:0; height:4px; background-image:url(../images/toppinkbar.png); background-repeat:no-repeat; font-size:0; }
.top-pink-bar-content {width:925px; margin:0; padding:2px 10px 0 10px; background-color:#c74bab; background-image:url(../images/toppinkbar-bg.jpg); background-repeat:repeat-y; min-height:31px; }
* html .top-pink-bar-content{  height:31px;} /***ie 6 min height hack***/

#bottom-strip {width:945px; margin:60px 0 0 0; padding:0; background-color:#0f0e0e; }
.bottom-left {float:left; margin:0; padding:0; width:505px; }
.bottom-right {float:left; margin:15px 0 0 5px; padding:0; width:363px; font-family:"Trebuchet MS", arial, sans-serif; }
.bottomtitle { float:left; width:240px; }
.bottomSlideNumber { color:#FFFFFF; float:left; width:105px; padding-left:10px; text-align:right; padding-top:2px; }
.bottomSlideNumber a { color:#FFFFFF; }



.tabs {position:relative; margin:0 0 0 0;}
.main-production-image {position:absolute; left:0; top:0px;}
.tab-content {width:470px; margin:0 0 0 440px; min-height:400px;}
* html .tab-content {  height:500px;} /***ie 6 min height hack***/

.tab-content .top {width:470px; margin:0; padding:0;}
.tab-content .title {float:left; width:361px; margin:0; padding:0; }
.tab-content .book-btn {float:right; width:96px; margin:0; padding:0;}
.tab-content .reviews {width:470px; margin:0; padding:0;}
.tab-content .info {margin:0; padding:0;}

/***review tab*****/
.review-newspaper {float:left; margin:0 0 0 5px; padding:0; width:80px;}
.review-copy {float:left; margin:0; padding:0;}
.review-newspaper-image {width:140px; float:left; height:84px; margin:0 10px 10px 0; padding:0; border:1px dotted #c4c3c3;}
.fivestars {background-image:url(../images/5stars.gif); background-repeat:no-repeat; width:56px; height:20px; text-indent:-5000px; margin:0 0 0 5px; padding:0; display:block; float:left;}
.fourstars {background-image:url(../images/4stars.gif); background-repeat:no-repeat; width:46px; height:20px; text-indent:-5000px; margin:0 0 0 5px;  padding:0; display:block; float:left;}
.threestars {background-image:url(../images/3stars.gif); background-repeat:no-repeat; width:35px; height:20px; text-indent:-5000px; margin:0 0 0 5px;  padding:0; display:block; float:left;}
.fourstars-black {background-image:url(../images/4blackstars.gif); background-repeat:no-repeat; width:42px; height:20px; text-indent:-5000px; margin:0 0 0 5px;  padding:0; display:block; float:left;}
.fivestars-black {background-image:url(../images/4blackstars.gif); background-repeat:no-repeat; width:53px; height:20px; text-indent:-5000px; margin:0 0 0 5px;  padding:0; display:block; float:left;}
.threestars-black {background-image:url(../images/3blackstars.gif); background-repeat:no-repeat; width:31px; height:20px; text-indent:-5000px; margin:0 0 0 5px;  padding:0; display:block; float:left;}

/******cast tab******/
.tab-content.cast-name {margin:0; padding:0;}
.tab-content .cast {margin:0 0 30px 0; padding:0;}
.tab-content .creative {margin:0 0 30px 0; padding:0;}

/*****gallery tab*****/

.gallery-thumb {float:left; margin:0 15px 10px 0; border:2px solid #8a888a;}

/*****supportus****/
.support-left {float:left; margin:0; padding:0; width:657px;}
.support-right {float:right; margin:0; padding:0; width:245px;}


/******about us *******/
#headlong-logo {float:left; margin:0 10px 10px 0; padding:0; width:230px;}
#headlong-copy {float:left; width:650px; padding:15px 0 0 0; margin:0;}
.arrow {width:10px; height:14px; float:left; margin:0 5px 0 0;}
.staff-name {float:left; margin:0; padding:0;}
.staff-photo {float:left; margin:0 0 0 5px; padding:0; width:125px;}
.staff-copy {float:left; margin:0; padding:0; width:765px;}
/*******titles*******/

#headlong-title {width:372px; height:114px; margin:0; padding:0; background-image:url(../images/titles/logo.png); background-repeat:no-repeat; text-indent:-5000px;}

#headlong-pink-title {width:372px; height:63px; margin:0; padding:0; background-image:url(../images/titles/headlong-purple.gif); background-repeat:no-repeat; text-indent:-5000px;}

/********buttons *******/
/*try it on btn*/
#more-button {padding:0; margin:5px 0 0 0; text-indent:-5000px; width:35px; height:13px; overflow:hidden;  }
.more {width:35px; height:13x; background-image:url(../images/btns/more-btn.gif); background-repeat:no-repeat; background-position: 0 0; display:block; overflow:hidden; }
.more a {width:35px; height:13px; background-image:url(../images/btns/more-btn.gif); background-repeat:no-repeat; background-position: 0 0; display:block;}
.more a:hover {background-position:0px -13px; cursor:pointer;}
.more a:active {background-position:0px -13px;}

#booknow-button {padding:0; margin:5px 0 0 0; text-indent:-5000px; width:85px; height:24px; overflow:hidden;  }
.booknow {width:85px; height:24px; background-image:url(../images/btns/booknow-btn.gif); background-repeat:no-repeat; background-position: 0 0; display:block; overflow:hidden; }
.booknow a {width:85px; height:24px; background-image:url(../images/btns/booknow-btn.gif); background-repeat:no-repeat; background-position: 0 0; display:block;}
.booknow a:hover {background-position:0px -24px; cursor:pointer;}
.booknow a:active {background-position:0px -24px;}

/******** Signup/Change Background *******/
#ml-link { color: #ffffff; text-decoration: none; font-weight: bold; }
#toggler{ color: #ffffff; text-decoration: none; }
div#signup { position: absolute; right: 25px; top: 135px; text-align: right; width: 240px; background-color: #ffffff; color: #000000; z-index: 100; text-align: left; padding: 10px; }
div#signup label { display: block; font-weight: bold; }
div#signup input.text { width: 220px;}
div#signup input.error { border: 2px solid #ff0000; }
div#signup div.close { text-align: right; }

/* ----------- EDUCATION TABLE ----------------- */
table.education{
border: 1px #eeecec solid;
border-collapse: collapse;
border-spacing: 0px; margin-top:1em;
}


td.education{
border: 1px #eeecec solid;
}

td.education_pack_heading{
background-color:#d157b5; color:#fff;
}

a.pack_download{
text-decoration:none; color:#173e6f;
}
/* ----------- /EDUCATION TABLE ----------------- */
 
