html {
	background:#ffcd00 url(../images/backgrounds/calendar_gradient_sht.jpg) 0 0 repeat-x;
	height:100%; 
	margin:0; 
	padding:0; 
	width:100%;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	font-weight:normal;
	background: url(../images/backgrounds/calendar_tile.jpg) center top repeat-y;
	text-align:center;
	margin:0;
	color:#493833;
}
body#Promo {
	background:none;
	margin:20px 0;
}
body#Splash {
	background:none;
	margin: 0;
}





/*/////////////////////////////////// LINKS ///////////////////////////////////*/
a {
	text-decoration:underline;
	cursor:pointer;
	color:#000;
}
a:focus {
	outline:0;
	/*-moz-outline:0;*/
	/*outline-offset:0;*/
}
a:hover {
	text-decoration:none;
}
a img, img {
	border:0;
} 
.PixLeft {
	margin-right:10px;
	margin-bottom:7px;
	float:left;
	border: none;
}
.PixRight {
	margin-left:10px;
	margin-bottom:7px;
	float:right;
	border: none;
}

.padding10L {
	padding-left:10px;
}





/*/////////////////////////////////// LAYOUT ///////////////////////////////////*/
div#wrapper {
	background: transparent url(../images/backgrounds/calendar_bottom.jpg) bottom center no-repeat;
	margin:0;
	padding:0;
	width:100%;
	border-top:10px solid #f9a801;
}
body#Promo div#wrapper {
	background: none;
}
div#wrapper div#container {
	background: url(../images/backgrounds/calendar_top_sht.jpg) top center no-repeat;
	margin:0;
	padding:0;
	border-bottom:1px solid #ffcd00;
	width:100%;
}
div#minHack {
	float:right;
	width:0;
	/*height:1475px;*/
	height:940px;
}
div#main {
	margin:0;
	float:left;
	width:100%
}
div#content {
	width:948px;
	background:none;
	margin:0 auto;
	text-align:left;
	padding:0;
	clear:both;
}
div#shadow {
	background:url(../images/backgrounds/content_sides.png) no-repeat;
	width:789px;
	clear:both;
	padding:0;
	margin:0 0 0 81px;

}
div#gradient {
	background:#f8cf11 url(../images/backgrounds/content_gradient.jpg) repeat-x;
	width:757px;
	clear:both;
	padding:0 12px 20px 12px;
	margin:0 0 0 4px;
}
div#gradient h2 {
	font-size:3.5em;
	color:#493833;
	margin:0 0 15px 0;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
}
div#gradient h3 {
	font-size:2em;
	color:#493833;
	margin:0 0 10px 0;
	font-weight:bold;
}
div#gradient h4 {
	font-size:1.7em;
	color:#493833;
	margin:0 0 10px 0;
	font-weight:bold;
}
div#gradient h5 {
	font-size:1.5em;
	color:#493833;
	margin:0 0 10px 0;
	font-weight:bold;
}
div#gradient h6 {
	font-size:1.2em;
	color:#493833;
	margin:-10px 0 10px 0;
	font-weight:bold;
}
div#gradient p, div#gradient li, div#gradient td {
	font-size:1.2em;
	color:#493833;
	margin-top:0;
	line-height:1.4em;
}
div#gradient li ul {
	margin:0;
	padding-left:15px;
}
div#gradient li li, div#gradient li li li {
	font-size:1.0em;
	}
div#gradient .Col {
	float:left;
	width:365px;
	margin: 0 25px 0 0;
}
div#gradient .Last {
	border:none;
	margin:0;
	padding:0;
}
div#gradient .Note {
	font-size:0.85em;
	font-style:italic;
	margin:0;
	line-height:120%;
}
div#gradient .small {
	font-size:0.65em;
	margin:0;
	line-height:120%;
}
div#gradient h4.Buy {
	background:url(../images/buttons/buy.gif) no-repeat;
}
div#gradient h4.Buy a {
	font-weight:normal;
	font-size:0.9em;
	text-decoration:none;
	line-height:100%;
	padding:5px 0 0 5px;
	color:#fff;
	width:146px;
	height:22px;
	display:block;
	background:none;
}
div#gradient h4.Buy a:hover {
	background:url(../images/buttons/buy_ovr.gif) no-repeat;
}
div#gradient ol {
	list-style:upper-latin;
}


/* for home page flash only */
body#Home div#flashcontent {
	height:530px;
	margin:0 0 0 14px;
	width:920px;
	background:url(../images/backgrounds/flash.jpg) 67px bottom no-repeat;
}
body#Home div#NoFlash {
	height:551px;
	margin:0;
	width:920px;
	text-align:center;
	background:url(../images/photos/homepage_02.jpg) 80px 26px no-repeat;
	font-size:1.2em;
}
body#Promo div#NoFlash {
	height:551px;
	margin:0 auto;
	width:980px;
	text-align:center;
	background:url(../images/photos/homepage_02.jpg) center bottom no-repeat;
	font-size:1.2em;

}
body#Home div#shadow {
	background-position:0 -200px;
}
body#Home div#gradient {
	background-position:0 -530px;
}





/*/////////////////////////////////// CONTENT BOXES ///////////////////////////////////*/
div.Box {
	width:auto;
	float:left;
	margin: 0 0 15px 0;
	background:url(../images/backgrounds/filler.gif) top center repeat-y;
}
div.Narrow {
	width:188px;
}
div.Mid {
	width:558px;
	float:right;
}
div.Half {
	width:373px;
}
div.Full {
	width:757px;
}
div.Box p.Cnr {
	background-repeat:no-repeat;
	width:49.5%;
	height:9px;
	float:left;
	margin:0;
	padding:0;
	line-height:0.1em;
	font-size:0.1em;
	background-image:url(../images/backgrounds/corners.gif);
}
div.Box p.LT {
	background-position:left top;
}
div.Box p.RT {
	background-position:right top;
	float:right;
}
div.Box div.Text {
	margin:0;
	padding:0 12px;
	text-align:left;
	background:#fbffd4;
	border-top:3px solid #fbffd4;
	border-bottom:12px solid #fbffd4;
	overflow:visible;
	clear:both;	
}





/*/////////////////////////////////// CAST and CREATIVE LISTS ///////////////////////////////////*/
div.Box div.Text ul.TwoColList {
	border-top: 1px solid #cad86a;
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
div.Box div.Text ul.TwoColList li {
	border-bottom: 1px solid #cad86a;
	float:left;
	margin:0;
	padding:0;
	width:100%;
}
div.Box div.Text ul.TwoColList li a {
	display:block;
	float:left;
	width:97%;
	padding:5px 1.5%;
	text-decoration:none;
	color:#493833;
}
div.Box div.Text ul.TwoColList li.noLink {
	display:block;
	float:left;
	width:97%;
	padding:5px 1.5%;
	background:none;
	text-decoration:none;
}
div.Box div.Text ul.TwoColList li a:hover {
	text-decoration:none;
	background:#cad86a;
	color:#493833;
}
div.Box div.Text ul.TwoColList li span.ListRight {
	text-align:left;
	float:right;
	width:45%;
	font-style:italic;
	font-weight:normal;
}





div.Box div.Text div.transport {
	padding-left:80px;
	height:40px;
	vertical-align:middle;
	background-position:top left;
	background-repeat:no-repeat;
	text-align:left;
	padding-top:20px;
	margin:0;
}
div.Box div.Text div.train {background-image:url(../images/logos/train.gif);}
div.Box div.Text div.tube {background-image:url(../images/logos/tube.gif);margin-bottom:7px;}
div.Box div.Text div.ncp {background-image:url(../images/logos/ncp.gif);}
div.Box div.Text div.tfl {background-image:url(../images/logos/tfl.gif);}
div.Box div.Text div.bus {background-image:url(../images/logos/buses.gif);}


div.Box div.Text .indent {
	text-align:left;
	float:right;
	width:50%
}





/*/////////////////////////////////// ACCESSIBILITY ///////////////////////////////////*/
.hiddenItems {
	display:none;
	text-align:left;
}
.clear {
	margin:0;
	padding:0;
	line-height:0;
	font-size:0; 
	clear:both; 
	height:0;
	overflow: hidden;
}
div.Box div.Text div.s5 {
	height:.5em;
	font-size:1.0em;
}

div.Box div.Text div.s10 {
	height:1.0em;
	font-size:1.0em;
}
div.Box div.Text div.s15 {
	height:1.5em;
	font-size:1.0em;
}




/*/////////////////////////////////// FOR IMAGES ///////////////////////////////////*/
img, a img {
	border:none;
}



/*/////////////////////////////////// HEADER ///////////////////////////////////*/
div#header {
	margin:0 0 0 85px;
	padding:0;
	clear:both;
}
div#header h1 {
	background:url(../images/logos/logo.gif) no-repeat;
	width:441px;
	height:152px;
	margin:72px 0 0 0;
	display:block;
	float:left;
	font-weight:normal;
	text-indent:-9999px;
}
div#header h1 a {
	width:441px;
	height:152px;
	margin:0;
	display:block;
	font-size:0.1em;
}
div#header h2 {
	float:left;
	font-family:"Times New Roman", Times, serif;
	color:#b8aca9;
	font-size:3.4em;
	width:210px;
	font-weight:normal;
	line-height:109%;
	display:block;
	margin:70px 0 0 20px;
}
div#header h2.BuyNow {
	font-size:0.1em;
	width:156px;
	height:230px;
	line-height:100%;
	margin:10px 0 0 10px;
	text-indent:-9999px;
}
div#header h2.BuyNow a {
	width:156px;
	height:230px;
	display:block;
}





/*///////////////////////////////////  MENU ///////////////////////////////////*/
div#Menu {
	width:790px;
	height:39px;
	clear:both;
	margin:35px 0 0 81px;
	padding:0
}
div#Menu ul {
	list-style:none;
	margin:0;
	padding:0;
	height:39px;
}
div#Menu ul li {
	margin:0;
	padding:0;
	float:left;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	height:39px;
	width:auto;
}
div#Menu ul li.Last {
	margin:0;
}
div#Menu ul li a {
	padding:8px 0 0 0;
	height:31px;
	text-align:center;
	font-size:1.55em;
	white-space:nowrap;
	line-height:100%;
	display:block;
	text-decoration:none;
	background-position:top left;
	background-repeat:no-repeat;	
	color:#281700;
}



/* original menu */
/*div#Menu ul li.item01 a {width:71px;background-image:url(../images/navigation/nav_1.gif);}
div#Menu ul li.item02 a {width:131px;background-image:url(../images/navigation/nav_2.gif);}
div#Menu ul li.item03 a {width:131px;background-image:url(../images/navigation/nav_3.gif);}
div#Menu ul li.item04 a {width:134px;background-image:url(../images/navigation/nav_4.gif);}
div#Menu ul li.item05 a {width:157px;background-image:url(../images/navigation/nav_5.gif);}
div#Menu ul li.item06 a {width:124px;background-image:url(../images/navigation/nav_6.gif);}
*/

div#Menu ul li.item01 a {width:66px;background-image:url(../images/navigation/nav_1.gif);}
div#Menu ul li.item02 a {width:128px;background-image:url(../images/navigation/nav_2.gif);}
div#Menu ul li.item03 a {width:123px;background-image:url(../images/navigation/nav_3.gif);}
div#Menu ul li.item04 a {width:126px;background-image:url(../images/navigation/nav_4.gif);}
div#Menu ul li.item05 a {width:158px;background-image:url(../images/navigation/nav_5.gif);}
div#Menu ul li.item06 a {width:72px;background-image:url(../images/navigation/nav_6.gif);}
div#Menu ul li.item07 a {width:116px;background-image:url(../images/navigation/nav_7.gif);}



div#Menu ul li a:hover {
	color:#281700;
	text-decoration:none;
	background-position: 0px -39px;
}
body#Home div#Menu ul li.item01 a, body#Home div#Menu ul li.item01 a:hover,
body#Story div#Menu ul li.item02 a, body#Story div#Menu ul li.item02 a:hover,
body#Cast div#Menu ul li.item03 a, body#Cast div#Menu ul li.item03 a:hover,
body#Creative div#Menu ul li.item04 a, body#Creative div#Menu ul li.item04 a:hover,
body#Leukaemia div#Menu ul li.item05 a, body#Leukaemia div#Menu ul li.item05 a:hover,
body#Gallery div#Menu ul li.item06 a, body#Gallery div#Menu ul li.item06 a:hover,
body#Tour div#Menu ul li.item07 a, body#Tour div#Menu ul li.item07 a:hover {
	background-position:bottom left;
	cursor:default;
	color:#281700;
	text-decoration:none;
}
/*///////////////////////////////////  GENERAL ///////////////////////////////////*/
.Center {
	text-align:center;
}
.TnC {
	font-size:.9em;
	font-style:italic;
	margin-bottom:-5px;
}
.Credit {
	font-size:0.8em;
	font-style:italic;
}
.Right {
	text-align:right;
	float:right;
	font-weight:normal;
}



/*///////////////////////////////////  THEATRE ///////////////////////////////////*/
div#theatre {
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	clear:both;
	margin:0;
	padding:40px 0 80px 0;
	background:url(../images/backgrounds/content_bottom.png) no-repeat;
}
div#theatre h3 {
	margin:0;
	font-size:2.5em;
	line-height:110%;
	/*text-transform:uppercase;*/
}
div#theatre p {
	margin:0;
	font-size:1.4em;
	line-height:100%;
}




/*///////////////////////////////////  FOOTER ///////////////////////////////////*/
#Footer {
	margin:0;
	padding:0 0 15px 0;
	background:#ffcd00;
	width:100%;
	font-size:0.9em;
	clear:both;
}
body#Promo #Footer {
	padding-top:15px;
}
#Footer div {
	width:920px;
	margin:0 auto;
}
#Footer a, #Footer a:hover {
	color:#000;
}
#Footer #Copyright {
	margin:0;
	text-align:left;
	float:left;
	padding:0;
}
body#Promo #Footer #Copyright {
	text-align:center;
	float:none;
}
#Footer #FootLinks {
	float:right;
}
body#Promo #Footer #FootLinks {
	display:none;
}
#Footer ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#Footer ul li {
	border-right:1px solid #493833;
	margin:0 4px 0 0;
	padding:0 4px 0 0;
	float:left;
}
#Footer ul li.Last {
	border:none;
	margin:0;
	padding:0;
}






body#Promo h3 {
	font-size:1.2em;
	line-height:140%;
	font-weight:normal;
}




/*///////////////////////////////////  VIDEO PAGE  ///////////////////////////////////*/


body#Video {
	color:#000000;
	background: #fff;
}

#Video #container {
	width: 960px;
	height: 800px;
	margin: 0 auto;
	background: url(../images/video_splash/video_splash-bg.jpg) center top no-repeat;
}
#videoContainer {
	background: url(../images/video_splash/video_splash-frame2.jpg) no-repeat;
	width: 655px;
	height: 402px;
	margin: 90px auto;
	padding-top:40px;

}
#Video h1 {
	background: url(../images/video_splash/video_splash-logo.gif) center top no-repeat;
	width: 950px;
	height: 92px;
	text-align:center;
	font-size: 2px;
	color:#ffffff;
}


#Video #container p {
	margin-top:100px;
}

/*///////////////// SPLASHPAGE ////////////*/

body#Splash #wrapper {
	background: none;
	margin: -10px 0 10px 0;
}
body#Splash #wrapper #NoFlash {
	background: none;
}