body {
    margin: 0;
	padding: 0;
	background: url(../_ui/background.jpg);
	background-attachment: scroll;
	}
	
	
body.video {
	    margin: 0;
		padding: 0;
		background: url(../_ui/background.jpg) repeat-x;
		background-attachment: scroll;
		}

#bodycontainer {
    margin: 0 auto;
	padding: 0 0 0 0;
	width: 928px;
    }
	
#bodybackground {
    margin: 0 auto;
	padding: 0 0 0 0;
	width: 928px;
	height: 1127px;
	background: url(../_ui/explore_scrolls_bg.png) no-repeat;
    }	
	
#homebackground {
    margin: 0 auto;
	padding: 0 0 0 0;
	width: 928px;
	height: 926px;
	background: url(../_ui/home-scrolls-bg.png) no-repeat;
    }
	
#gallerybackground {
    margin: 0 auto;
	padding: 0 0 0 0;
	width: 928px;
	height: 804px;
	background: url(../_ui/gallery-background.png) no-repeat;
    }

#videobackground {
	    margin: 0 auto;
		padding: 0 0 0 0;
		width: 928px;
		height: 1236px;
		background: url(../_ui/story-background.png) no-repeat;
	    }
	
#explorebackground {
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 928px;
	height: 1475px;
	background: url(../_ui/explore-background.png) no-repeat;
}
#UserRegister {
    margin: 0 auto;
	padding: 0 0 0 0;
	width: 928px;
	height: 1475px;
	background: url(../_ui/explore-background.png) no-repeat;
    }	
	
#storybackground {
    margin: 0 auto;
	padding: 0 0 0 0;
	width: 928px;
	height: 1475px;
	background: url(../_ui/story-background.png) no-repeat;
    }
	
#historybackground {
    margin: 0 auto;
	padding: 0 0 0 0;
	width: 928px;
	height: 1317px;
	background: url(../_ui/history-background.png) no-repeat;
    }
	
/* --------------------------------------------------------------------
HEADER + GLOBAL NAVIGATION
-------------------------------------------------------------------- */

.logo { width: 928px; text-align: center; margin-bottom: -45px; }

.header {
    width: 928px;
	height: 100px;
	margin-top: 20px;
	}
	
.header span { 
    display: none; 
	}
	
#navigation {
    float: left;
	width: 928px;
	}


/* Navigation Sprites */

#home                { float: left; width: 104px; height: 65px; margin-top: 35px; margin-left: 7px; }
#explore             { float: left; width: 189px; height: 50px; margin-top: 35px; }
#booking_info        { float: left; width: 152px; height: 50px; margin-top: 35px; }
#history             { float: left; width: 218px; height: 50px; margin-top: 35px; }
	
/* Navigation End Bar */
#nav-end {
    float: left;
	background: url(../_ui/header/navigation-sprites.png) no-repeat;
	background-position: -683px -20px;
	width: 249px;
	height: 63px;
	margin-top: 35px;
	}	
	
/* Home Sprite */	
a:link.home, a:visited.home {
	background: url(../_ui/header/navigation-sprites.png) no-repeat;
	background-position: -20px -20px;
	width: 104px;
	height: 65px;
	display: block;
	}

a:hover.home {
	background-position: -20px -90px;
	}
	
a:link.home_On, a:visited.home_On {
	background: url(../_ui/header/navigation-sprites.png) no-repeat;
	background-position: -20px -160px;
	width: 104px;
	height: 65px;
	display: block;
	}
	
/* Explore Sprite */
a:link.explore, a:visited.explore {
	background: url(../_ui/header/navigation-sprites.png) no-repeat;
	background-position: -124px -20px;
	width: 189px;
	height: 50px;
	display: block;
	}

a:hover.explore {
	background-position: -124px -90px;
	}
	
a:link.explore_On, a:visited.explore_On {
	background: url(../_ui/header/navigation-sprites.png) no-repeat;
	background-position: -124px -160px;
	width: 189px;
	height: 50px;
	display: block;
	}
	
/* Booking Info Sprite */
a:link.booking, a:visited.booking {
	background: url(../_ui/header/navigation-sprites.png) no-repeat;
	background-position: -313px -20px;
	width: 152px;
	height: 50px;
	display: block;
	}

a:hover.booking {
	background-position: -313px -90px;
	}
	
a:link.booking_On, a:visited.booking_On {
	background: url(../_ui/header/navigation-sprites.png) no-repeat;
	background-position: -313px -160px;
	width: 152px;
	height: 50px;
	display: block;
	}
	
/* History of Pantomime Sprite */
a:link.history, a:visited.history {
	background: url(../_ui/header/navigation-sprites.png) no-repeat;
	background-position: -465px -20px;
	width: 218px;
	height: 50px;
	display: block;
	}

a:hover.history {
	background-position: -465px -90px;
	}
	
a:link.history_On, a:visited.history_On {
	background: url(../_ui/header/navigation-sprites.png) no-repeat;
	background-position: -465px -160px;
	width: 218px;
	height: 50px;
	display: block;
	}
	
/* --------------------------------------------------------------------
MID SECTION
-------------------------------------------------------------------- */

.mid {
	float: left;
	width: 928px;
	height: 336px;
	margin-top: 25px;
	}
	
.slideshow {
    float: left;
	width: 454px;
	height: 332px;
	margin-left: 50px;
	margin-top: -20px;
	}
	
/* Buy Tickets Section */	
.ticket-holder {
    float: right;
	width: 312px;
	height: 260px;
	margin-right: 75px;
	margin-top: 20px;
	}
	
.ticket-header {
    float: left;
	text-align: center;
	width: 312px; 
	height: 23px;
	margin-bottom: 6px;
	}
	
.ticket {
    float: left;
	background: url(../_ui/ticket-date-bg.png) no-repeat;
	width: 312px;
	height: 34px;
	margin-bottom: 4px;
	}
	
.ticket span { 
    display: none; 
	}
	
.ticket_date {
    float: left;
	width: 95px;
	height: 34px;
	}
	
.ticket_time {
    float: left;
	width: 110px;
	height: 34px;
	}
	
.buy_tickets {
    float: left;
	width: 94px;
	height: 22px;
	margin-top: 5px;
	margin-left: 12px;
	}	
	
.ticket h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin-top: 8px;
	}
	
.ticket h2 {
    font-family: Georgia, "Hoefler Text", "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	margin-top: 8px;
	margin-left: 10px;
	}
	
/* By Tickets Button Sprite */
a:link.buytickets, a:visited.buytickets {
	background: url(../_ui/buytickets-sprite.png) no-repeat;
	background-position: -20px -20px;
	width: 94px;
	height: 22px;
	display: block;
	}

a:hover.buytickets {
	background-position: -119px -20px;
	}
	
/* Coming Soon Button Sprite */
a:link.comingsoon, a:visited.comingsoon {
	background: url(../_ui/comingsoon-sprite.png) no-repeat;
	background-position: -29px -23px;
	width: 96px;
	height: 22px;
	display: block;
	}

a:hover.comingsoon {
	background-position: -29px -52px;
	}

	
/* --------------------------------------------------------------------
WELCOME AREA
-------------------------------------------------------------------- */

.welcome {
    float: left;
	width: 928px;
	margin-top: -10px;
	}
	
.welcome_header {
    float: left;
	width: 928px;
	height: 62px;
	text-align: center;
	padding-top: 10px;
	}
	
.welcome_details {
    float: left;
	width: 928px;
	margin-bottom: 5px;
	}
	
.welcome_info {
    float: left;
	width: 355px;
	height: 140px;
	margin-left: 65px;
	margin-top: 25px;
	}

.welcome_info p {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	color: #605340;
	}
	
/* Standard Ticket */

#standard-ticket {
    float: right;
	width: 385px;
	height: 65px;
	margin-right: 80px;
	margin-top: 20px;
	}
	
.standard-ticket-header h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-weight: normal;
	font-size: 18px;
	}
	
.standard-ticket-info p { 
    font-family: Arial, Helvetica, sans-serif;
	color: #877559;
	line-height: 16px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0;
	}
	
#standard-ticket .price {
    float: left;
	width: 57px;
	height: 34px;
	padding-top: 14px;
	}
	
.standard-ticket-header {
    float: left;
	width: 305px;
	height: 20px;
	margin-left: 22px;
	margin-bottom: 3px;
	}
	
.standard-ticket-info {
    float: left;
	width: 305px;
	margin-left: 22px;
	}
	
/* Family Ticket */

#family-ticket {
    float: right;
	width: 385px;
	height: 65px;
	margin-right: 80px;
	margin-top: 20px;
	}
	
.family-ticket-header h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-weight: normal;
	font-size: 18px;
	}
	
.family-ticket-info p { 
    font-family: Arial, Helvetica, sans-serif;
	color: #877559;
	line-height: 16px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0;
	}
	
#family-ticket .price {
    float: left;
	width: 57px;
	height: 34px;
	padding-top: 14px;
	}
	
.family-ticket-header {
    float: left;
	width: 305px;
	height: 20px;
	margin-left: 22px;
	margin-bottom: 3px;
	}
	
.family-ticket-info {
    float: left;
	width: 305px;
	margin-left: 22px;
	}
	
/* --------------------------------------------------------------------
HOMEPAGE - bottom links
-------------------------------------------------------------------- */

#bottom {
    float: left;
	width: 928px;
	padding-bottom: 85px;
	}
	
.home_explore {
    float: left;
	width: 928px;
	}
	
.hdr_explore {
    background: url(../_ui/home-sprites.png) no-repeat;
	background-position: -50px -50px;
	width: 375px;
	height: 31px;
	margin-left: 270px;
	margin-top: 20px;
	}
	
.cast_hm {
    float: left;
	width: 354px;
	height: 113px;
	margin-top: 30px;
	margin-left: 85px;
	}
	
.story_hm {
    float: left;
	width: 354px;
	height: 113px;
	margin-top: 30px;
	margin-left: 35px;
	}
	
/* Meet the Cast - Homepage Sprite */	
a:link.hmCast, a:visited.hmCast {
	background: url(../_ui/home-sprites.png) no-repeat;
	background-position: -50px -130px;
	width: 354px;
	height: 113px;
	display: block;
	}

a:hover.hmCast {
	background-position: -409px -130px;
	}	
	
/* Explore the Story - Homepage Sprite */	
a:link.hmStory, a:visited.hmStory {
	background: url(../_ui/home-sprites.png) no-repeat;
	background-position: -50px -293px;
	width: 354px;
	height: 113px;
	display: block;
	}

a:hover.hmStory {
	background-position: -409px -293px;
	}
	
/* --------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------- */

#footer {
    float: left;
	width: 650px;
	height: 150px;
	margin-left: 140px;
	}

#footer p {
    font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	color: #e45922;
	}
	
#footer-links {
    float: left;
	width: 650px;
	margin-top: 20px;
	margin-left: 75px;
	margin-bottom: 15px;
	}

#footer-sep {
    float: left;
	background: url(../_ui/home-sprites.png) no-repeat;
	background-position: -752px -445px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 4px;
	width: 11px;
	height: 10px;
	}

#fHome {
    float: left;
	width: 44px;
	height: 15px;
	}
	
#fExplore {
    float: left;
	width: 122px;
	height: 19px;
	}
	
#fBooking {
    float: left;
	width: 90px;
	height: 18px;
	}
	
#fHistory {
    float: left;
	width: 153px;
	height: 17px;
	}
	
/* Footer Home */	
a:link.fHome, a:visited.fHome {
	background: url(../_ui/home-sprites.png) no-repeat;
	background-position: -50px -422px;
	width: 44px;
	height: 15px;
	display: block;
	}

a:hover.fHome {
	background-position: -50px -445px;
	}	
	
/* Explore the Show */	
a:link.fExplore, a:visited.fExplore {
	background: url(../_ui/home-sprites.png) no-repeat;
	background-position: -128px -422px;
	width: 122px;
	height: 19px;
	display: block;
	}

a:hover.fExplore {
	background-position: -128px -445px;
	}
	
/* Booking Info */	
a:link.fBooking, a:visited.fBooking {
	background: url(../_ui/home-sprites.png) no-repeat;
	background-position: -284px -422px;
	width: 90px;
	height: 18px;
	display: block;
	}

a:hover.fBooking {
	background-position: -284px -445px;
	}
	
/* History */	
a:link.fHistory, a:visited.fHistory {
	background: url(../_ui/home-sprites.png) no-repeat;
	background-position: -409px -422px;
	width: 153px;
	height: 17px;
	display: block;
	}

a:hover.fHistory {
	background-position: -409px -445px;
	}

/* --------------------------------------------------------------------
EXPLORE THE SHOW
-------------------------------------------------------------------- */

.explore_header {
    float: left;
	width: 928px;
	}    

.explore_header span { 
    display: none; 
	}
	
/* Explore the Show — Header Sprites */

#explore_headers {
    float: left;
	width: 720px;
	margin-left: 190px;
	margin-top: 10px;
	}

.btm_sep {
    float: left;
	width: 727px;
	margin-top: 20px;
	margin-left: 105px;
	height: 1px;
	}

.star_sep {
    float: left;
	background: url(../_ui/explore/star.png) no-repeat;
	width: 20px;
	height: 33px;
	}

#the_cast {
    float: left;
	width: 89px;
	height: 33px;
	}
	
#the_story {
    float: left;
	width: 96px;
	height: 33px;
	margin-left: 6px;
	}
	
#the_songs {
	    float: left;
		width: 96px;
		height: 33px;
		margin-left: 6px;
		}
	
#photo_gallery {
    float: left;
	width: 139px;
	height: 33px;
	margin-left: 6px;
	}
	
#downloads {
	display:none;
    float: left;
	width: 202px;
	height: 33px;
	}
	
/* The Cast Sprite */
a:link.the_cast, a:visited.the_cast {
	background: url(../_ui/explore/explore_header_sprites.png) no-repeat;
	background-position: -20px -19px;
	width: 89px;
	height: 33px;
	display: block;
	}

a:hover.the_cast {
	background-position: -20px -72px;
	}
	
a:link.the_cast_On, a:visited.the_cast_On {
	background: url(../_ui/explore/explore_header_sprites.png) no-repeat;
	background-position: -20px -125px;
	width: 89px;
	height: 33px;
	display: block;
	}
	
	
/* The Story Sprite */
a:link.the_story, a:visited.the_story {
	background: url(../_ui/explore/explore_header_sprites.png) no-repeat;
	background-position: -133px -20px;
	width: 96px;
	height: 33px;
	display: block;
	}

a:hover.the_story {
	background-position: -133px -73px;
	}
	
a:link.the_story_On, a:visited.the_story_On {
	background: url(../_ui/explore/explore_header_sprites.png) no-repeat;
	background-position: -133px -126px;
	width: 96px;
	height: 33px;
	display: block;
	}
	
	
/* The Songs Sprite */
	a:link.the_songs, a:visited.the_songs {
		background: url(../_ui/explore/explore_header_sprites.png) no-repeat;
		background-position: -253px -20px;
		width: 96px;
		height: 33px;
		display: block;
		}

	a:hover.the_songs {
		background-position: -253px -73px;
		}

	a:link.the_song_On, a:visited.the_songs_On {
		background: url(../_ui/explore/explore_header_sprites.png) no-repeat;
		background-position: -253px -126px;
		width: 96px;
		height: 33px;
		display: block;
		}
		
	
/* Photo Gallery Sprite */
a:link.photo_gallery, a:visited.photo_gallery {
	background: url(../_ui/explore/explore_header_sprites.png) no-repeat;
	background-position: -373px -20px;
	width: 139px;
	height: 33px;
	display: block;
	}

a:hover.photo_gallery {
	background-position: -373px -73px;
	}
	
a:link.photo_gallery_On, a:visited.photo_gallery_On {
	background: url(../_ui/explore/explore_header_sprites.png) no-repeat;
	background-position: -373px -126px;
	width: 139px;
	height: 33px;
	display: block;
	}
	
/* Download Wallpapers Sprite */
a:link.download, a:visited.download {
	background: url(../_ui/explore/explore_header_sprites.png) no-repeat;
	background-position: -536px -20px;
	width: 202px;
	height: 33px;
	display: block;
	}

a:hover.download {
	background-position: -536px -73px;
	}
	
a:link.download_On, a:visited.download_On {
	background: url(../_ui/explore/explore_header_sprites.png) no-repeat;
	background-position: -526px -136px;
	width: 202px;
	height: 33px;
	display: block;
	}
	
/* --------------------------------------------------------------------
THE CAST - Containers and Styles
-------------------------------------------------------------------- */

.explore_mid {
    float: left;
	width: 750px;
	margin-left: 90px;
	margin-top: 25px;
	margin-bottom: 55px;
	}

.cast_container {
    float: left;
	width: 750px;
	margin-bottom: 5px;
	}

.cast_content {
    float: left;
	width: 525px;
	height: 140px;
	margin-left: 30px;
	margin-top: 8px;
	}
	
.cast_content h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	color: #000;
	margin: 0;
	padding: 0;
	}
	
.cast_content h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #999;
	}

.cast_content strong {
    font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	}
	
.cast_content p {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #777;
	}
	
.cast_content span {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555;
	}

.cast_ss {
    float: left;
	width: 164px;
	height: 127px;
	}
	
.cast_ss img {
    margin-left: 9px;
	margin-top: 7px;
	}

.cast_ss_bg {
    float: left;
	background: url(../_ui/explore/cast_ss_bg.png) no-repeat;
	width: 182px;
	height: 145px;
	}
	
/* --------------------------------------------------------------------
THE STORY - Containers and Styles
-------------------------------------------------------------------- */

.story_container {
    float: left;
	width: 750px;
	margin-top: -15px;
	}

.story_container p {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	text-align: justify;
	color: #777;
	}
	
.story_container p strong{
    font-size: 48px;
    line-height: 1em;
    font-weight: normal;
	font-style: normal;
    font-family: Georgia, baskerville, "Times New Roman", Times, serif;
    color: #dd5134;
    float: left;
    margin-right: 6px;
	margin-left: 0px;
	margin-bottom: -4px;
	margin-top: -2px;
    padding: 0;
    }
	
.story_container span {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-variant: small-caps;
	}
	
/* --------------------------------------------------------------------
HISTORY OF PANTOMIME - Containers and Styles
-------------------------------------------------------------------- */

.history_mid {
    float: left;
	width: 750px;
	margin-left: 90px;
	margin-top: 25px;
	margin-bottom: 55px;
	}

.history_container {
    float: left;
	width: 750px;
	margin-top: 10px;
	}
	
.history_container strong {
    font-style: italic;
	font-weight: normal;
	}
	
.history_header {
    float: left;
	text-align: center;
	width: 750px;
	}

.history_container p {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 22px;
	color: #555;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	}
	
.history_container a:link,
.history_container a:visited {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
	color: #a2285f;
	text-decoration: none;
	}
	
.history_container a:hover {
    text-decoration: underline;
	}
	
	
	
	/* --------------------------------------------------------------------
PRIVACY POLICY - Containers and Styles
-------------------------------------------------------------------- */

.privacy_container {
    float: left;
	width: 750px;
	margin-top: -15px;
	}

.privacy_container p {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	text-align: justify;
	color: #777;
	}
	
.privacy_container p strong{
    font-size: 12px;
    line-height: 1em;
    font-weight: normal;
	font-style: normal;
    font-family: Georgia, baskerville, "Times New Roman", Times, serif;
    color: #dd5134;
    float: left;
    margin-right: 6px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
    padding: 0;
    }
	
.privacy_container span {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-variant: small-caps;
	}