/* CSS Document */

*				{padding: 0;
			 	margin: 0;
			 	}

/* TO HIDE HEADING 1 */

h1 em			{
				position: absolute;
				left: -4000px;
				width: 900px;
				}

.hiddenpic		{display: none}
#newsbtn		{display: none}
.newsbtn2		{display: none}

body			{
				background: #ffffff;
			/**	background: #fff url('images/bg_cdpkids_gruffalo.jpg') no-repeat center bottom fixed; **/
				 }
				 

.datesline		{height: 2px; border-bottom: 1px solid #666; width: 150px; margin-left: 350px; margin-top: 15px; margin-bottom: 30px;}
.datesline2		{height: 2px; border-bottom: 1px solid #666; width: 40px; margin-left: 405px; margin-top: 30px; margin-bottom: 20px;}


.logo_covidsafe    {display: none}


.bodygruffalo		{
				background: #fff url('images/bg_cdpkids_gruffalo.jpg') no-repeat center bottom;
				 }

.body26storey	{
				background: #fff url('images/bg_cdpkids_26storey.jpg') no-repeat center bottom;
				 }

.body52storey	{
				background: #fff url('images/bg_cdpkids_52storey.jpg') no-repeat center bottom;
				 }


.bodysnugglepot	{
				background: #fff url('images/bg_snugglepot.jpg') no-repeat center bottom; min-height: 1020px
				 }
.bodyibeb		{
				background: #fff url('images/bg_cdpkids_ibeb.jpg') no-repeat center bottom; min-height: 900px;
				 }

.bodygruffalochild		{
				background: #fff url('images/bg_cdpkids_gruffalochild.jpg') no-repeat center bottom;
				 }

.bodymrstink		{
				background: #fff url('images/bg_mrstink.jpg') no-repeat center bottom;
				 }





/* HIDING THE SHOP */

#shopbtn        {display: none}
.shopbtn2        {display: none}

.accessicon			{width: 20px; padding-right: 5px; }

.access p			{line-height: 23px; font-size: 11px;}

img.accessicon	 	{margin-bottom: -2px;}

.accessicon2			{width: 40px; padding-left: 5px;  }

img.accessicon2 	{margin-bottom: -7px;}

.accessiondiv h3		{margin-top: -20px;}





#wrap				{margin: 0px auto;
					width: 930px;
					padding: 20px;
					}


.covidnotice		{margin: 0px auto;
					width: 830px;
					padding: 70px 80px 0px 80px;
					text-align:center
					}

.covidnotice h3		{font-size: 20px}


#wrap2				{margin: 0px auto;
					width: 730px;
					padding: 20px 80px;
					}

.wrap_color				{border-top: 1px solid #f3f3f3;
						background-color: #F7F7F7;
						margin-bottom: -17px;
						}


.infowrap			{width: 645px; margin-left: 285px; min-height: 460px; padding-bottom: 100px;}	

.socialbox_productions	{width: 200px; 
						float: left;
						margin-left: 26px;
						text-align:center;
						margin-top: 60px;
						z-index: 200;
						}

.socialbox_productions h5 a {font-weight: 500; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}


#production_wrap	{margin: 0px auto;
					padding: 20px;
					border-bottom: 1px solid #666
					}


.fbblock			{padding-top: 5px}

.topbar				{height: 360px; 
					}

.topbar2				{height: 50px;
					background: #eee url('images/bg_top.jpg') repeat;}

.header				{
					width: 950px; 
					margin: 0px auto; 
					}

.socials			{float: right; position: relative;
					margin: 30px 0px 0px 0px}

.socials a img		{padding: 0px 3px;}

.socials2			{float: right; position: relative;
					margin: 10px 23px 0px 0px}

.socials2 a img		{padding: 0px 0px;}


a.registertop 		{color: #888; 
					float: left;
					display: block;
					text-shadow: 1px 1px 1px #fff;
					font-weight: 600px;
					font-size: 14px;
					border: 1px solid #cecece;
					margin-right: 25px;
					margin-top: 3px;
					padding: 0px 11px 0px 11px;
					font-family: 'Open Sans', Arial, Helvetica, sans-serif;
					}

.newdates			{color: #39C; font-size:17px}

/*FILLED COLOUR2*/

.generalpublic		{color: #ffffff;
					background-color:rgba(0, 53, 78, 0.7);
					line-height:36px;
					border-radius: 8px;
					margin: 16px auto;
					padding: 4px 8px;
					}
					

.schools			{color: #ffffff;
					background-color: rgba(236, 0, 0, 0.7);
					line-height: 36px;
					border-radius: 8px;
					margin: 16px auto;
					padding: 4px 8px
					}		



/*FILLED COLOUR

.generalpublic		{color: #ffffff;
					background-color:#39C;
					line-height:36px;
					border-radius: 8px;
					margin: 16px auto;
					padding: 4px 8px;
					}
					

.schools			{color: #ffffff;
					background-color: #ff0000;
					line-height: 36px;
					border-radius: 8px;
					margin: 16px auto;
					padding: 4px 8px
					}		

*/

/*OUTLINED

.generalpublic		{font-weight: 500;
					border: 2px solid #39C;
					line-height:36px;
					border-radius: 16px;
					margin: 16px auto;
					padding: 4px 8px;
					}
	

.schools			{font-weight: 500;
					border: 2px solid #ff0000;
					line-height: 36px;
					border-radius: 16px;
					margin: 16px auto;
					padding: 4px 8px
					}		

*/

#logo				{margin-top: 0px; position: absolute; margin-left: 70px;}

#logo_home			{margin-top: 10px; position: absolute; margin-left: 180px; width: 580px;}


/* COVID SAFE LOGO */

img.logo_covidsafe	{width: 40px; height: 40px}

.logo_covidsafe		{ float: left; margin-top: -5px; margin-right: 5px;}



img.logo_covidsafe2	{width: 40px; height: 40px}

.logo_covidsafe2		{float: left; margin-top: -5px; margin-right: 20px;}




.navigationbar		{height: 65px;
					margin-bottom: 30px;
					margin: 0px auto;
					-moz-box-shadow:0 0 15px #ccc;
					-webkit-box-shadow:0 0 15px #ccc;
					box-shadow:0 0 15px #ccc;
					background: #555;
					border-bottom:1px solid #fff;
					border-top:1px solid #fff;
					}



/* CODE TO MAKE NAVBAR WORK AS FIXED */

#nav{left:0; right: 0px; width:100%; height: 65px; margin: 0px auto; border-bottom:1px solid #fff;
}

#nav.check-on-it .navbar		{margin: 0px auto; }

#nav.check-on-it{
position:fixed;
margin: 0px auto;
top: 0px;
background: #555;
-moz-box-shadow:0 0 15px #ccc;
-webkit-box-shadow:0 0 15px #ccc;
box-shadow:0 0 15px #ccc;
z-index:2000}



/* STICKY NAVIGATION - HOME PAGE*/

#top { height:0px; padding:0px 0 0 0;  }

#sticky_navigation_wrapper { width:100%; height:58px;  }

#sticky_navigation { z-index: 1000; width:100%; height:58px;  }





/* CODE TO MAKE NAVBAR WORK AS FIXED - INSIDE PAGE */

#nav2{left:0; right: 0px; width:100%; height: 65px; margin: 0px auto; border-bottom:1px solid #fff;
}

#nav2.check-on-it .navbar		{margin: 0px auto; }

#nav2.check-on-it{
position:fixed;
margin: 0px auto;
top: 0px;
background: #555;
-moz-box-shadow:0 0 15px #ccc;
-webkit-box-shadow:0 0 15px #ccc;
box-shadow:0 0 15px #ccc;
z-index:2000}


/* STICKY NAVIGATION - INSIDE PAGES*/

#top2 { height:0px; padding:0px 0 0 0;  }

#sticky_navigation_wrapper2 { width:100%; height:67px;  }

#sticky_navigation2 { z-index: 1000; width:100%; height:67px;  }




/* CODE TO MAKE PRODUCTION BAR WORK AS FIXED - PRODUCTIONS PAGES */

.navigationbar3		{
					margin-bottom: 0px;
					margin: 0px auto;
					top: 65px;
					-moz-box-shadow:0px 5px 10px 0px #ccc;
					-webkit-box-shadow:0px 5px 10px 0px #ccc;
					box-shadow:0px 5px 10px 0px #ccc;
					border-bottom:1px solid #ccc;
					background-color: #fff;
					}



#nav3{left:0; right: 0px; width:100%; height: 208px; margin: 0px auto;
}

#nav3.check-on-it .navigation3		{margin: 0px auto;}

#nav3.check-on-it{
position:fixed;
margin: 0px auto;
top: 65px; 
background: #fff;
border-bottom:1px solid #ccc;
-moz-box-shadow:0px 5px 10px 0px #ccc;
-webkit-box-shadow:0px 5px 10px 0px #ccc;
box-shadow:0px 5px 10px 0px #ccc;

}


/* STICKY PRODUCTION BAR - PRODUCTION PAGES*/

#top { height: 0; padding:0px;  }

#sticky_navigation_wrapper3 { width:100%; height:208px;  }

#sticky_navigation3 {width:100%; height:208px; 
					position:relative;
					z-index: 2;}


.productions_bar		{height: 208px;
						width: 950px; 
						margin: 0px auto;
						
						}
	
	
.waitlist			{float: none; clear: both}

		
.productions_banner		{padding: 0px; margin-left: 292px; }
	
.productions_banner img	{width: 650px; height: 207px; }

	
.booktickets2			{width: 160px; 
						padding: 10px 20px;
						text-align:center;
						margin-left: 9px;
						margin-top: 30px;
						text-shadow: 2px 2px 2px #fff;
						}

.height					{height: 1500px}
						
.booktickets2 a			{color: #666;
						line-height: 30px;
						font-size: 28px;
						font-weight: 500}
	
.booktickets2 a:hover	{color: #ed2124}	


/* Padding for fixed header */
#tickets			{display: block; position: relative; top: -348px; visibility: hidden;}
#nsw				{display: block; position: relative; top: -300px; visibility: hidden;}
#vic				{display: block; position: relative; top: -300px; visibility: hidden;}
#act				{display: block; position: relative; top: -300px; visibility: hidden;}
#qld				{display: block; position: relative; top: -300px; visibility: hidden;}
#sa					{display: block; position: relative; top: -300px; visibility: hidden;}
#wa					{display: block; position: relative; top: -300px; visibility: hidden;}
#tas				{display: block; position: relative; top: -300px; visibility: hidden;}
#nt					{display: block; position: relative; top: -300px; visibility: hidden;}
#nz					{display: block; position: relative; top: -300px; visibility: hidden;}
#past				{display: block; position: relative; top: -68px; visibility: hidden;}
#contactus			{display: block; position: relative; top: -300px; visibility: hidden;}
#nznorth			{display: block; position: relative; top: -300px; visibility: hidden;}
#nzsouth			{display: block; position: relative; top: -300px; visibility: hidden;}

/* Below is to make direct links push to top of screen  */
#accesslink			{display: block; position: relative; top: -500px; visibility: hidden;}
#gallerylink		{display: block; position: relative; top: -500px; visibility: hidden;}
#teamlink			{display: block; position: relative; top: -500px; visibility: hidden;}
#reviewslink		{display: block; position: relative; top: -500px; visibility: hidden;}
#shoplink		{display: block; position: relative; top: -500px; visibility: hidden;}



.book2					{font-size:40px; }

.book3					{font-size:35px; }


.booknow 				{margin-top: 120px}

.booknow 				{
						padding: 10px 20px;
						text-align:center;
						border: 1px solid #EDEDED;
						color: #fff;
						font-size: 18px;
						font-weight:400;
						background-color: #666;
						}
						
.booknow:hover			{background-color: #eee; color: #666}	
		
.soldout				{background-color:#fff; padding: 0px 10px; border: 1px solid #000}		
		
/* Register your interest button */
						
.registernow 				{margin-top: 40px; }

.registernow  				{
						padding: 4px;
						text-align:center;
						border: 1px solid #ccc;
						
						}

.registernow a			{font-weight:500;
						font-size: 16px;
						color: #666;
						padding: 4px;
						font-family: 'Open Sans', Arial, Helvetica, sans-serif;
						line-height: 22px; display: block;
						color: #666; background-color: #fff;}

						
.registernow a:hover		{background-color: #666; 
						color: #fff;}	
					

.credit					{font-size: 12px; color: #666}


.terms					{font-size: 11px; color: #666; text-align: right; }

.terms a				{font-weight:normal}

.postage					{font-size: 18px; color: #666; font-weight: 500 }

.postage a				{font-weight: 500}


.sidebar				{width: 214px;
						height: 165px;
						border-left: 1px solid #eee;
						border-right: 1px solid #eee;
						background: #fff;
						float: left;
						margin-left: 26px;
						text-align:center;
						padding: 23px 0px 20px 0px;
						-moz-box-shadow:0 0 15px #ccc;
						-webkit-box-shadow:0 0 15px #ccc;
						box-shadow:0 0 15px #ccc;
						position:relative;
						z-index: 2;
						
						}

.fb-like				{position:relative}

/* IPAY */

.ipaybanner				{border: 1px solid #CCC; padding: 8px;}	

/* SIDEBAR NAVIGATION */

.sidebar ul li				{width: 220px;
						list-style: none;
						margin-bottom: 0px;
						display: block;
						padding: 2px 20px;
						margin-left: -25px;
						}

.sidebar ul						{vertical-align: middle;
						height: 180px; }
						
												
.sidebar li a			{font-family: 'Open Sans', Arial, Helvetica, sans-serif;
						text-transform:uppercase;
						font-size: 16px;
						color: #666}						
	
.sidebar li a:hover		{background: #ed2124;
						list-style: none;
						display: block;
						color: #eee; 
						}






/* NAVIGATION HOME PAGE */


.navigation			{padding-top: 0px;
					width: 900px; 
					margin: 0px auto;
					}



.navigation ul		   {float:left;
					   list-style:none;
					   margin:0;
					   padding:0;
					   margin-left: 1.5%;
					   position: relative;
					   }

.navigation ul li		{float: left; 
						display:block;
						list-style: none; 
						margin: 0 auto;
						padding: 17px 12px 17px 6px;
						margin-top: 3px;
						border-right: 1px dotted #666;
						}

/*  #productionsbtn			{border-left: 1px dotted #666} */

#contactbtn			{border-right: none}


.navigation ul li a 	{font-family: 'Open Sans', Arial, Helvetica, sans-serif;
						color: #ffffff; 
						text-transform: uppercase;
						font-weight: 200;
						font-size: 19px;
						text-shadow: .5px .5px .5px rgba(0,0,0,3.0);
						outline: none;
						padding: 12px 8px 12px 8px;
						}

.navigation ul li a:hover

						{color: #ffffff;
						background: #ed2124;
						}

						
#bookticketsbtn 			{font-size:21px}

/* BOOK TICKETS TAB on NAVIGATION BAR */

ul li.booktickets 
						{color: #ffffff;
						background: #333;
						margin-top: -14px;
						padding: 26px 10px 23px 12px;
						width: 75px;
						margin-right: 0px;
						}
						
ul li.booktickets a		{padding: 0px; 
						text-align:center; 
						line-height: 20px;}


ul li.booktickets a:hover {color:#ed2124 ;
						background: none;
						padding: 0px; 
						text-align:center;
						}

.book					{font-size:26px; }



/* NAVIGATION INSIDE PAGES */


.navigation2			{padding-top: 0px;
						width: 950px; 
						height: 64px;
						margin: 0px auto;

					}




/* Logo Small */



.logosmall
						{border: 1px #eee solid;
						margin-top: -16px;
						margin-right: 15px;
						padding: 0px 0px 0px 0px;
						position: absolute;
						background-color: #fff;
						float: left;
						z-index: 1000;
						
						}




.logo_small li a:hover

						{
						margin: 0px;
						background-color: transparent;
						float: left; 
						padding: 0px 0px 0px 0px; 
						}
							
												
.navigation2 ul		   {float: right;
					   list-style:none;
					   margin:0;
					   padding:0;
					   margin-right: 7px;
					   position: relative;
					   height: 64px;
					   }

.navigation2 ul li		{float: left; 
						display:block;
						list-style: none; 
						margin: 0 auto;
						padding: 17px 6px 17px 6px;
						margin-top: 5px;
						border-right: 1px dotted #666;
						}


.navigation2 ul li a 	{font-family: 'Open Sans', Arial, Helvetica, sans-serif;
						color: #ffffff; 
						text-transform: uppercase;
						font-weight: 200;
						font-size:18px;
						text-shadow: .5px .5px .5px rgba(0,0,0,3.0);
						padding: 12px 5px 12px 5px;
						outline: none;
						border: none;
						}

.navigation2 ul li a:hover

						{color: #ffffff;
						background: #ed2124;
						}

.navigation2 ul li a.active

						{color: #fff;
						padding: 7px 11px 7px 11px;
						background: #e84a2c;
						margin-top: -10px;
						}


#digitalbtn a:hover 				{background: #39F;}
#educationbtn a:hover 				{background: #39F;}


						
/* TITLE BARS */
.title					{text-align:center;
						border-top: 1px solid #CCC;
						margin-top: 70px;
						height: 50px;
						}
		
.titleline				{
						margin-top: -22px; 
						}
						
.titletext				{background-color:#fff; 
						padding: 0px 80px;
						letter-spacing:2px; font-weight: 300}

.titletext_color		{background-color:#F7F7F7; 
						padding: 0px 80px;
						letter-spacing:2px; font-weight: 300}


.socialbar				{background: #3b3a3a; height: 40px; padding: 35px 0px 0px 0px ;
						}

.title_dark				{text-align:center;
						border-top: 1px solid #999;
						margin-top: 0px;
						height: 100px;
						
						}
		
.titleline_dark					{
						margin-top: -18px; 
						}
						
.titletext_dark			{background-color: #3b3a3a; 
						padding: 0px 80px;
						color: #ece9e9;
						margin-bottom: 0px;
						letter-spacing:3px; }
						
.titleline_dark h2		{font-size: 24px}

h2					{color:#333;
					font-family: 'Open Sans', Arial, Helvetica, sans-serif;
					font-size: 29px;
					margin-bottom: 11px;}


h3					{color: #e84a2c;
					font-family: 'Open Sans', Arial, Helvetica, sans-serif;
					font-size: 24px;
					margin-bottom: 15px; font-weight:500}

h3 a				{color: #666}

h3 a:hover			{color: #333}



h4					{color: #333;
					font-family: 'Open Sans', Arial, Helvetica, sans-serif;
					font-size: 22px;
					margin-bottom: 10px;
					line-height: 30px;}

h5					{color: #666;
					font-family: 'Open Sans', Arial, Helvetica, sans-serif;
					font-size: 15px;
					margin-bottom: 20px;
					line-height: 22px;
					font-weight: 500}

h6					{color: #666;
					font-family: 'Open Sans', Arial, Helvetica, sans-serif;
					font-size: 20px;
					margin-bottom: 20px;
					line-height: 22px;
					font-weight: 500}


.bold				{font-weight: 900}

h5 a				{color: #666; font-weight: 200}

p					{color: #555;
					font-family: Arial, Helvetica, sans-serif;
					font-size:14px;
					line-height: 23px;
					margin-bottom: 11px;}

.red				{color: #e84a2c;
					}

.words				{margin-top: 0px;
					width: 220px;
					position:absolute}
															
img					{border: none;
					outline: none}


a					{color:#333; font-family:Arial, Helvetica, sans-serif;  text-decoration:none; font-weight: bold}

a.newslink 			{color:#333; font-weight:400; 
					font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
					text-decoration:none; 
					background-color: #fff; 
					padding: 2px 6px; 					
					border: 1px solid #999; }


a.newslink:hover				{color:#fff; background-color: #666}

a:hover				{color: #e84a2c; }

a img				{outline: none}

.center				{text-align:center}


.news_socialbox		{height: 700px; margin-top: 20px;}

.twitternews		{float: right;
					position:relative; 
					width: 440px;
					height: 600px;
}


.facebooknews		{float: left;
					width: 440px;
					height: 578px;
					padding: 10px;
					margin-right: 5px;
					border: 1px solid #eee;
					}

.facebooknews_inner
						{margin: -5px -4px -5px -12px; position:relative;}


.imageslider_container		
					{background: #fff url(images/bg_slider_top.jpg) repeat-x;
					text-align: center;
					margin: 0px auto;
					}



.imageslider		{background: url(images/bg_slider_bottom.jpg) repeat-x bottom;
					height: 356px;
					width: 940px;
					width: auto;
					text-align: center;
					margin: 0px auto;
					}
					
.imageslider a img	{z-index: 2000;
					height: 356px;
					width: 940px;
}

.findoutmore		{margin: 10px 0px 0px 50px; float: left; position:absolute; }


.caption			{float: left; 
					width: 460px;
					margin-left: 520px;
					margin-top: 0px;
					padding: 0px 0px;
					text-align: center;
					position: absolute;
 }



.caption_inner		{height: 225px; margin-top: 20px; padding-top: 30px; }


.caption h3			{color: #374732;
					font-stretch: extra-expanded;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 34px; 
					padding-top:0px; 
					font-weight:600;
					text-align: center;
					text-shadow: 1px 1px 1px rgba(250,250,250,2.8);
					}


.caption h4			{color: #374732;
					font-stretch: extra-expanded;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 28px; 
					padding-top:0px; 
					font-weight:600;
					text-align: center;
					text-shadow: 2px 2px 2px rgba(250,250,250,0.8);
}
					

.caption h3 .light	{color: #fff;
					font-stretch: extra-expanded;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 34px; 
					padding-top:0px; 
					font-weight:800;
					text-align: center;
					text-shadow: 2px 2px 2px rgba(0,0,0,2.8);
					}


.caption h4 .light	{color: #fff;
					font-stretch: extra-expanded;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 28px; 
					padding-top:0px; 
					font-weight:800;
					text-align: center;
					text-shadow: 2px 2px 2px rgba(0,0,0,2.8);
 }

.caption2			{float: left; 
					margin-top: -53px;
					height: 13px;
					margin-left: 0px;
					padding: 12px;
					background-color:#fff
 }

.caption2 h3		{color: #333;
					font-stretch: extra-expanded;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px; 
					font-weight:500;
					text-align: left;
					}

.sliderlink			{background-color: #333;
					color: #fff;
					font-size: 30px;
					padding: 5px 30px;
					border: 1px solid #999;}

a.sliderlink:hover	{color: #ed2124}

.quote				{font-family: 'Open Sans', Arial, Helvetica, sans-serif;
					font-size:20px;
					}
					
.publication		{font-family: 'Open Sans', Arial, Helvetica, sans-serif;
					font-size:14px;
					margin-bottom: 24px;
					text-transform: uppercase
					}
					


/* HOME BANNER QUOTES */

.headerquotes		{
					width: 800px;
					height: 90px;
					margin: 0px auto;
					padding-top: 240px;
					}




blockquote p 	{ font-size:23px; 
				margin-bottom: 13px; 
				font-family: 'Open Sans', Arial, Helvetica, sans-serif;
				color: #333;
				line-height: 30px;
				text-align:center;
				letter-spacing:1px;
				font-weight:400;
				text-shadow: 0.02em 0.02em 0.02em #ccc;
				}
				
blockquote cite { font-style: normal; 
				color: #666;
				display: block; 
				text-align: center; 
				text-transform: uppercase; 
				font-size: 10px; 
				font-weight: bold; 
				letter-spacing: 1px; 
				font-family: Arial, Helvetica, sans-serif; }


.imagelink img{
				opacity:1;
				-webkit-transition: opacity 0.20s linear;
				-moz-transition: opacity 0.20s linear;  
				-o-transition: opacity 0.20s linear; 
				-ms-transition: opacity 0.20s linear;
				transition: opacity 0.20s linear;
				
}

.imagelink:hover img
				{opacity:0.5; }


#awardsbtn			{display: none}
.awardsbtn2			{display: none}


.teambiogbox			{margin: 40px 0px; height: 100%; }

.teambiog			{height: 100%; float:none; min-height: 220px;
					margin: 0px 0px 30px 0px; }
	
/* HOME PAGE */

.rightcollumn	{float: right;
				width: 420px;
				margin: 20px 0px 50px 0px;
				padding-right: 20px;
				}

.rightcollumn h3	{margin-bottom: 0px}

.leftcollumn	{
				width: 720px;
				margin: 20px 0px 70px 100px;
				padding: 0px 35px 10px 0px;
				/*border-right: 1px dashed #CCC;*/
				text-align:center}
	

.scroll			{overflow: auto;
				height: 220px;
				padding: 0px;}
				
				
.rightcollumn2	{float: right;
				width: 430px;
				margin: 20px 0px 50px 0px;
				overflow: auto;
				padding-right: 20px;
				}

	
.newsblock			{border-bottom: 0px dashed #CCC;
					padding: 5px 10px 5px 0px; }

.newsblock h4		{line-height: 22px}

	
.newsblock2			{border-bottom: 1px dashed #CCC;
					padding: 10px 10px 35px 0px;
					min-height: 110px;
					margin-bottom: 3% }
					
.newspic			{float: left; 
					margin: 0px 10px 0px 0px;
					border: 1px solid #CCC; 
					}
.newspic2			{float: right; 
					padding: 3px;
					margin: 0px 0px 10px 10px;
					border: 1px solid #CCC; }
					
.newspic1			{float: left; 
					padding: 3px;
					margin: 0px 10px 10px 0px;
					border: 1px solid #CCC; 
					}
					
				
	
		
/* SOCIAL SLIDER - HOME PAGE */


.socialnetwork			{
						background: #ece9e9 url(images/bg_social_top.jpg) repeat-x;
						}

.socialbottom			{background: url(images/bg_social_bottom.jpg) repeat-x bottom;
						min-height: 600px;
						}


		
.social_slider			{margin: 0px auto; width: 950px; padding-top: 50px; }

.socialinner            {width: 1050px}
.social_slider_collum	{
						float: left; 
						margin-left: 18px; 
						text-align:left;
						width: 450px;
						height: 525px;
						border-right: 2px dotted #CCC; 
						}
.social_slider_collum h2	{margin-bottom: 18px;}



.socialbox	
						{width: 430px; 
						height: 450px; 
						overflow: hidden; 
						position: relative; /* For IE7 Compatibility */}

.socialbox .inner
						{margin: -5px -4px -5px -12px; position:relative;}

.socialbox_twitter 		{width: 290px; 
						padding: 0px 0px 0px 0px; 
						height: 380px;
						}

#socialtwitterbtn       {display: none}


.social_slider_collum h2 a 
						{font-family: 'Open Sans', Arial, Helvetica, sans-serif;
						font-size: 25px;
						text-transform: uppercase; 
						color: #666; 
						margin-bottom: 12px;
						font-weight:300;
						outline: none;
						}

.social_slider_collum h2 a:hover	{color: #fff}



.bookings				{width: 850px; 
						margin: 0px auto;
						padding: 50px;
						text-align:center;
						}

.bookings p				{font-size: 14px; margin-bottom: 12px;}


.bookings h2			{font-weight: 300}

.bookings h3			{font-weight: 400; font-size: 26px;  color:#e84a2c; text-shadow: 1px 1px 1px rgba(250,250,250,3);}

.bookings h4			{font-weight: 300; font-size: 22px; margin-bottom: 5px; color:#e84a2c; text-shadow: 1px 1px 1px rgba(250,250,250,3);}

.bookingtab					{font-size: 13px; color: #666; text-transform: uppercase}


/* TICKETS / BOOKINGS STATE TABS */

.bookingstates			{font-size:25px; 
						padding: 20px; 
						margin: 20px 0px 30px 0px; 
						}

.bookingstates a		{font-family: 'Open Sans', Arial, Helvetica, sans-serif;
						padding: 14px 17px; 
						margin: 4px; 
						background-color:#333; 
						color:#eee;
						-moz-box-shadow:0 0 10px #999;
						-webkit-box-shadow:0 0 10px #999;
						box-shadow:0 0 10px #999;}

.bookingstates a:hover	{padding: 16px 16px; 
						margin: 5px; 
						background-color: #666; 
						color:#fff}


.instagramlogo	{float: left; margin-right: 10px; padding-top: 4px; margin-bottom: 0px;}

.enews_tabs	{float: right; margin-right: 40px; padding-top: 4px}



.headshot				{float: left;
						margin: 0px 15px 5px 0px;
						padding: 5px;
						border: 1px solid #eee;
						width: 180px;
						height: 215px;}
						
						
/* SHOP */
	
	
/* SHOP LINKS */
#gruffalo			{display: block; position: relative; top: -165px; visibility: hidden;}
#harriet			{display: block; position: relative; top: -165px; visibility: hidden;}
#oliverjeffers		{display: block; position: relative; top: -165px; visibility: hidden;}
#rotb				{display: block; position: relative; top: -165px; visibility: hidden;}
#snugglepot			{display: block; position: relative; top: -165px; visibility: hidden;}
#treehouse			{display: block; position: relative; top: -165px; visibility: hidden;}
#sets				{display: block; position: relative; top: -165px; visibility: hidden;}


.shoplinks				{font-size: 15px; text-align:center; margin-top: 50px;}
.shoplinks a			{color:#e84a2c}
.shoplinks a:hover		{color: #333}		
	
.viewcart				{margin-left: 810px; margin-bottom: 25px; margin-top: -20px;
						}
		
ul.shopitems			{list-style:none;
					   text-align:center;
					   margin: 0px;
						}
	
.shopitems li			{display: inline-block;
						list-style: none;
						margin: 0px; 
						}


.shop_product			{width: 260px; 
						min-height: 420px;
						float: left;
						border-right: dotted 1px #ccc;
						margin-right: 40px;
						margin-top: 0px;
						text-align:center;
						padding-right: 20px;
						}

.shopprice				{color:#F00; font-size: 30px; font-weight: bold}						


.shopblock			{border-bottom: 1px dotted #CCC;
					padding: 10px 10px 10px 0px;
					margin-bottom: 50px;
					min-height: 110px; }
					

.shop_info			{margin-left: 300px;}

.shopdetails			{margin-left: 130px;}


.shop_product_thumb 	{width: 210px;
						height: 400px; 
						float: left;
						margin-right: 7px;
						margin-left: 7px;
						margin-top: 0px;
						text-align:center;
						padding-right: 0px;
						background-color:#fff;
						border: 1px solid #ccc;
						text-align: center;
						margin-bottom: 40px;
						}

.shop_product_image		{height: 360px;}

.shopprice_thumb		{border-top: 1px solid #ccc; 
						padding: 5px 20px; margin-bottom: 25px; color: #333;  font-size: 20px; font-weight: 500 }						


.shopprice_thumb_sale		{border-top: 1px solid #ccc; background-color:#c4161b; 
						padding: 5px 20px; margin-bottom: 25px; color: #fff;  font-size: 20px; font-weight: 500 }						



.shoptitle				{background-color:#333; color: #fff; font-size: 25px; padding: 5px 8px; margin-bottom: 25px;
}

.shoptitle_thumb		{background-color:#333; width: 202px; color: #fff; font-size: 14px; padding: 6px 4px; margin-bottom: 5px;
}




.shop_index_wrap		{height: 500px; margin-top: 40px;}

.shop_index_wrap2		{margin-top: 0px; margin-left: 90px; }


.backbutton_shop		{float: right; margin-top: 3px;}

.backbutton_shop a		{color:#ccc;
						font-family: 'Open Sans', Arial, Helvetica, sans-serif;
						font-weight:400;
						outline: none;
						font-size:18px;
						border: 1px solid #ccc;
						padding: 15px 10px 17px 10px;
						background-color:#444 }

.backbutton_shop a:hover	{color: #eee;
							background-color:#333}

.backbutton_shop2		{float: right; margin-top: 40px;}

.backbutton_shop2 a		{color:#ccc;
						font-family: 'Open Sans', Arial, Helvetica, sans-serif;
						font-weight:400;
						outline: none;
						font-size:18px;
						border: 1px solid #ccc;
						padding: 10px 10px 12px 10px;
						background-color:#444 }

.backbutton_shop2 a:hover	{color: #eee;
							background-color:#333}


.shoplist li		{color: #555;
					font-family: Arial, Helvetica, sans-serif;
					font-size:14px;
					line-height: 12px;
					margin-bottom: 12px;
					margin-left: 35px;
					list-style: outside;
					}

/* FOOTER */

.footer			{margin-top: 0px;
				height: 180px;
				background: #eee /*url('images/bg_footer.jpg') repeat*/;
				
				}

.footerbar		{height: 60px; 
				margin-bottom: 20px;
				background: #4e4e4e; 
				border-bottom: 2px solid #fff;
				-moz-box-shadow:0 0 10px #ccc;
				-webkit-box-shadow:0 0 10px #ccc;
				box-shadow:0 0 10px #ccc;
				}

.socials_footer	{margin-top: -3px}

.socials_footer a img	{padding: 0px 4px}
	
	
.contactright		
				{float: right;
				width: 450px;
				}
	

.acknowledgement {font-size: 11px; margin-bottom: 20px; text-align: right; font-style:italic}
	
/* CONTACT PAGE **/
	
	
.contactdetails		{width: 400px;
					text-align:center;
					border: 1px solid #eee;
					padding: 30px 10px;
					-moz-box-shadow:2px 2px 2px #eee;
					-webkit-box-shadow:2px 2px 2px #eee;
					box-shadow:2px 2px 2px #eee;}
					
.form				{
					margin-left: 0px; 
					padding: 0px;
					width: 280px;}					
						
.registerbox	{
				border: 1px solid #eee;
				background-color: #fff;
				padding: 0px;
				-moz-box-shadow:2px 2px 2px #eee;
				-webkit-box-shadow:2px 2px 2px #eee;
				box-shadow:2px 2px 2px #eee;}
				
.registerbox h2	{color: #666; font-weight: 400px;}



						
.registerbox2	{
				border: 1px solid #eee;
				background-color: #F5F5F5;
				padding: 20px;
				-moz-box-shadow:2px 2px 2px #eee;
				-webkit-box-shadow:2px 2px 2px #eee;
				box-shadow:2px 2px 2px #eee;}
				
.registerbox2 h2	{color: #666; font-weight: 400px;}




					
.register		{float: right;
				margin-top: -6px;}

.register a		{font-family: 'Open Sans', Arial, Helvetica, sans-serif;
				color:#fff; 
				text-shadow: 1px 1px 1px rgba(0,0,0,1);
				font-size:20px;
				font-weight: 400;
				letter-spacing: 1px
				
				}
.register a:hover	{color: #999}
	
				
.bottomnav a	{padding: 0px 6px; 
				font-size:11px;
				color: #666;
				font-weight: 400;
				}
				
.bottomnav a:hover	{color: #333}		
		
.copyright		{float: right}

.copyright p	{font-size: 11px;}				

.copyright a	{font-weight: 500}

/* CUREENT PRODUCTIONS TABS */

.currentproductions_wrap	{height: auto;
							overflow:auto;
							padding-top: 5px;
							padding-bottom: 70px;
							width: 960px; margin: 0px auto;
							}
							
.currentproductions_wrap2	{
							min-height: 520px;
							padding: 5px;
							width: 960px; margin: 0px auto;
							}


.currentproduction	{padding: 10px;
					border: 1px solid #CCC;
					width: 430px;
					float: left;
					margin: 15px 10px;
					text-align:center;
					background-color: #FFF;
					-moz-box-shadow:0 0 2px #ccc;
					-webkit-box-shadow:0 0 2px #ccc;
					box-shadow:0 0 2px #ccc;
					/*background: #eee url('images/bg_pastproductions.jpg') center;*/
					}
					
.currentproduction a img	{margin-bottom: 8px; width: 430px; height: 137px;}

.currentproduction a	{font-size: 25px; 
						padding: 0px;
						display: block;
						font-family: 'Open Sans', Arial, Helvetica, sans-serif;
						padding-bottom: 0px;
						line-height: 50px;
						font-weight:400;
						}					

.currentproduction:hover	{color: #ccc;
							-moz-box-shadow:0 0 15px #ccc;
							-webkit-box-shadow:0 0 15px #ccc;
							box-shadow:0 0 15px #ccc;
							border: 1px solid #999}

.currentproduction a:hover	{color: #e84a2c;}




/* PAST PRODUCTIONS TABS */


.pastproductions_wrap	{height: 700px;
						padding: 5px;
						width: 960px;
						margin: 0px auto;
						/*background: #eee url('images/bg_pastproductions.jpg') no-repeat;*/
							}
							
.pastproduction		{padding: 9px;
					border: 1px solid #ccc;
					width: 285px;
					margin: 7px 7px 20px 7px;
					float: left;
					text-align:center;
					background-color: #fff;
					-moz-box-shadow:0 0 2px #ccc;
					-webkit-box-shadow:0 0 2px #ccc;
					box-shadow:0 0 2px #ccc;
					}
					
.pastproduction a img	{margin-bottom: 5px;}

.pastproduction a	{font-size: 20px; 
						padding: 0px;
						display: block;
						font-family: 'Open Sans', Arial, Helvetica, sans-serif;
						padding-bottom: 0px;
						line-height: 50px;
						font-weight:400;
						}					

.pastproduction:hover	{color: #ccc;
						-moz-box-shadow:0 0 10px #999;
						-webkit-box-shadow:0 0 10px #999;
						box-shadow:0 0 15px #ccc;
						border: 1px solid #999}

.pastproduction a:hover	{color: #e84a2c;}


/* AWARDS */

.awards_wrap				{height: 1200px;
							min-height: 450px;
							padding-top: 0px;
							}

.award				{padding: 25px 20px 20px 20px;
					border: 1px solid #eee;
					width: 400px;
					height: 150px;
					float: left;
					margin: 15px 10px;
					background-color: #f5f5f5;
					background: #fff url('images/bg_gray.jpg') repeat;
					text-align:center;
					-moz-box-shadow:2px 2px 2px #ccc;
					-webkit-box-shadow:2px 2px 2px #ccc;
					box-shadow:2px 2px 2px #ccc;
				}






.totop			{width: 50px; background-color: #999; padding: 4px 20px;
				margin: 0px auto; text-align:center}

.totop a		{color:#eee; font-weight: 400 }

.totop a:hover	{color: #000}




    /* STYLES FOR TABS ON PRODUCTION PAGES */
	
.etabs			{}

.etabs a.active {color:#fff; 
				background-color: #ed2124; 
				margin-top: 1px; }
	
.etabs 			{ margin-top: 15px; 
				padding: 0; 
				margin-left: 283px;}
    
.tab 			{display: inline-block; 
				zoom:1; *display:inline; 
				line-height: 2px; 
				margin-left: 1px; 
				margin-bottom: 0px; 
				border: solid 0px #999;
				margin-bottom: -20px;}
	
.tab a 			{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
				font-size: 19px; 
				color: #666; 
				display: block; 
				padding: 12px  9px; 
				outline: none;
				font-weight:400;
				text-transform: uppercase }
    
.tab a:hover 	{color: #999; 
				opacity:0.7;
}

    
.tab.active 	{ padding: 0px 0px 0 0px; 
				color: #ff7702; 
				margin-top: 0px; 
				top: 0px; 
				border-color: #ccc;   }
    
    
.backbutton		{float: right}

.backbutton a	{color:#333;
				font-family: 'Open Sans', Arial, Helvetica, sans-serif;
				font-weight:400;
				outline: none;
				font-size:18px;
				border: 1px solid #ccc;
				padding: 5px 10px; }

.backbutton a:hover	{color: #ccc}

.gallery ul 	{list-style: none;
}

.gallery a img	{border: 1px solid #CCC;
				padding: 4px;
				margin: 5px;
				}
				
				


/* CAST BIOG BLOCKS */

.block				{text-align: left; 
					border-bottom: 1px dashed #666; 
					margin-bottom: 80px; 
					width: 590px; 
					margin-right: 70px; 
					margin-left: 70px;
					}
					
.display			{margin-left: 70px; margin-right: 70px;
					margin-top: -70px;}					
		
					
/* CABARET PAGE */

.cabaret_poster_left	{padding-top: 0px; 
						width: 300px; 
						height: 550px; text-align:center; 
						margin-bottom: 30px;
						background-color:#fff; 
						border: 1px solid #ccc }

.cabaret_poster_right	{padding-top: 0px; 
						float: right; 
						width: 300px; 
						margin-left: 0px; 
						height: 550px;
						background-color:#fff;  
						text-align:center; 
						margin-bottom: 30px; 
						border: 1px solid #ccc;  }

.cabaret_poster_left h2		{margin-top: 20px; font-size: 20px;}
.cabaret_poster_right h2	{margin-top: 20px; font-size: 20px;}