body {
	margin: 0; text-align: center; background-color: #000; color: #fff; font-size: 0.8em; padding: 0 0 200px 0;
}

body, h1, h2, h3, h4, p, ul, ol, table, a {
	font-family: Arial; color: #fff;
}

h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}
p, ul, ol, table, a {
	1.0em;
}
p {
	clear: left;
}

a {
	text-decoration: none; color: #fff;
}

#expanded a {
	display: none;
}

p.quote {
	font-style: italic;
}
p.top a {
	float: right;
}


h2 img {
	float: left; margin: 0 15px 15px 0;
}
/*p img {
	float: right; margin: 0 0 15px 15px;
}*/


#three_day_pass img {
	float: right; margin-right: 30px;
}


#pageholder { 
	width: 100%; 
}

#pageinner { 
	width: 980px; margin: 0 auto; text-align: left;  
}

#pageheader { 
	width: 980px; height: 150px; background: #000 top left url(../images/moviegoers/header_adapted.jpg) no-repeat; 
}

#pageheader p#logo {
	margin: 0; padding: 0; border: none; float: right; clear: right; width: 257px; height: 95px;
	background-image: url(../images/cff_logo_white.jpg);
}
#pageheader.cff_main_screen p#logo {
	background-image: url(../images/cff_logo_red.jpg);
}
#pageheader.arrow_world_cinema_screen p#logo {
	background-image: url(../images/cff_logo_orange.jpg);
}
#pageheader.bfi_archive_screen p#logo {
	background-image: url(../images/cff_logo_blue.jpg);
}
#pageheader.cff_fringe_events p#logo {
	background-image: url(../images/cff_logo_green.jpg);
}
#pageheader.home p#logo {
	background-image: url(../images/cff_logo_grey.jpg);
}
#pageheader p#sub_logo {
	margin: 0; padding: 0; border: none; float: right; clear: right; width: 169px; height: 20px;
	background-image: url(../images/cff_logo_date.jpg);
}
#pageheader p a {
	display: block; width: 100%; height: 100%; border: none;
}
#pageheader p a span {
	text-indent: -2000em; display: block;
}
	
#pagemain {
	width: 800px; margin: 0 90px;
}
	
ul#mainnav {
	width: 980px; height: 44px; 
	margin: 0; padding: 0; position: absolute; top: 106px; margin-left: 15px;
}
ul#mainnav li {
	display: inline; float: left; height: 44px; margin: 0; padding: 0; text-indent: -2000em;
	background-position: top left; background-repeat: no-repeat;
}
ul#mainnav li a{
	display: block; width: 92px; height: 44px; border: none; position: relative;
}
ul#mainnav li.home {
	background-image: url(../images/moviegoers/mainnav/home.gif);
	width: 93px;
}
ul#mainnav li.cff_main_screen {
	background-image: url(../images/moviegoers/mainnav/cff_main_screen.gif); 
	width: 92px;
}
ul#mainnav li.arrow_world_cinema_screen {
	background-image: url(../images/moviegoers/mainnav/arrow_world_cinema_screen.gif); 
	width: 92px;
}
ul#mainnav li.bfi_archive_screen {
	background-image: url(../images/moviegoers/mainnav/bfi_national_archive_screen.gif); 
	width: 93px;
}
ul#mainnav li.family_innovation_screen {
	background-image: url(../images/moviegoers/mainnav/family_innovation_screen.gif); 
	width: 92px;
}
ul#mainnav li.cff_fringe_events {
	background-image: url(../images/moviegoers/mainnav/cff_fringe_events.gif); 
	width: 93px;
}
ul#mainnav li.cff_education {
	background-image: url(../images/moviegoers/mainnav/cff_education.gif); 
	width: 92px;
}
ul#mainnav li.getting_here {
	background-image: url(../images/moviegoers/mainnav/getting_here.gif); 
	width: 97px;
}

ul#subnav {
	width: 980px; height: 33px; background: #000 top left url(../images/moviegoers/subnav_bg.gif) repeat-x;
	margin: 0; padding: 0; border: 0;
}
ul#subnav.cff_main_screen {
	background-image: url(../images/moviegoers/subnav_bg_red.gif);
}
ul#subnav.arrow_world_cinema_screen {
	background-image: url(../images/moviegoers/subnav_bg_orange.gif);
}
ul#subnav.bfi_archive_screen {
	background-image: url(../images/moviegoers/subnav_bg_blue.gif);
}
ul#subnav.family_innovation_screen {
	background-image: url(../images/moviegoers/subnav_bg_yellow.gif);
}
ul#subnav.cff_fringe_events {
	background-image: url(../images/moviegoers/subnav_bg_green.gif);
}
ul#subnav.cff_education {
	background-image: url(../images/moviegoers/subnav_bg_purple.gif);
}
ul#subnav.getting_here {
	background-image: url(../images/moviegoers/subnav_bg_pink.gif);
}
ul#subnav li {
	display: inline; float: left; height: 23px; margin: 0; padding: 10px 18px 0 18px; 
	background-image: url(../images/moviegoers/subnav_divide.gif); background-position: top right; 
	background-repeat: no-repeat; font-size: 0.9em;
}
ul#subnav.cff_main_screen li {
	background-image: url(../images/moviegoers/subnav_divide_red.gif);
}
ul#subnav.arrow_world_cinema_screen li {
	background-image: url(../images/moviegoers/subnav_divide_orange.gif);
}
ul#subnav.bfi_archive_screen li {
	background-image: url(../images/moviegoers/subnav_divide_blue.gif);
}
ul#subnav.family_innovation_screen li {
	background-image: url(../images/moviegoers/subnav_divide_yellow.gif);
}
ul#subnav.cff_fringe_events li {
	background-image: url(../images/moviegoers/subnav_divide_green.gif);
}
ul#subnav.cff_education li {
	background-image: url(../images/moviegoers/subnav_divide_purple.gif);
}
ul#subnav.getting_here li {
	background-image: url(../images/moviegoers/subnav_divide_pink.gif);
}
ul#subnav li.last {
	background: none;
}
ul#subnav li a {
	border: none;
}
ul#subnav li a:hover {
	border-bottom: 1px solid #fff;
}

ul#subnav li#mailing_list {
	display: inline; float: right; height: 23px; margin: 0; padding: 7px 18px 0 18px; 
	background: none; vertical-align: middle;
}
ul#subnav li#mailing_list label {
	letter-spacing: 0em; text-decoration: underline;
}
ul#subnav li#mailing_list form {
	display: inline; 
}
ul#subnav li#mailing_list label.secondary {
	display: none; 
}
ul#subnav li#mailing_list form input {
	font-size: 0.8em; 
}



ul#inner_nav {
	margin: 0 0 0 20px; padding: 0 20px 20px 0;  display: block; border-left: 1px solid #666;
}
ul#inner_nav li {
	display: inline; float: left; list-style: none; padding: 0 10px; border-right: 1px solid #666;
}



ul#partners {
	list-style: none; padding: 0; margin: 0 0 0 15px; display: block; height: 181px; 
	background: #000 top right no-repeat url(../images/moviegoers/partners/bg.jpg); clear: right;
}



ul#partners li {
	padding: 0 0 40px; margin: 15px 25px 0 0; display: inline; float: left; vertical-align: top;
}

ul#partners_home {
	padding: 0; margin: 30px 0 0 55px; 
}
ul#partners_home li {
	padding: 0 0 40px; margin: 0 25px 0 0; display: inline; float: left;
}
ul#partners li#wellchild, ul#partners_home li#wellchild {
	padding: 25px 0 0 240px;
}




ul#partners_extra, ul#partners2, ul#partners3, ul#partners_edu, ul#partners_trav {
	clear: both; list-style: none; padding: 0; margin: 15px 0 15px 55px;
}
ul#partners_extra li, ul#partners2 li, ul#partners3 li, ul#partners_edu li, ul#partners_trav li {
	list-style: none; display: inline; float: left; padding: 5px 5px 25px;
}




div#content_panel, div#content_panel_inner {
	background-color: #fff; padding: 0; margin: 0 0 0 15px; height: 425px; overflow: auto;
}
div#content_panel {
	width: 442px;
}
div#content_panel_inner {
	width: 442px;
}
div#content_panel *, div#content_panel_inner * {
	color: #666;
}
div#content_panel h1, div#content_panel h2, div#content_panel h3, div#content_panel p, 
div#content_panel_inner h1, div#content_panel_inner h2, div#content_panel_inner h3, div#content_panel_inner p,
div#content_panel_inner object {
	margin: 20px;
}
div#content_panel h2 {
	width: 260px;
}
div#content_panel p {
	width: 260px;
}
div#content_panel ul {
	width: 260px; margin: auto;
}
div#content_panel h2, div#content_panel_inner h2 {
	font-size: 1.1em;
}
div#content_panel h3, div#content_panel_inner h3 {
	font-size: 1.0em;
}
div#content_panel div.bottom, div#content_panel_inner div.bottom {
	margin: 50px 0; height: 10px; width: 50px;
}

div#content_panel a, div#content_panel_inner a {
	text-decoration: none; border-bottom: 1px dashed #666; color: #666;
}
div#content_panel a:hover, div#content_panel_inner a:hover {
	border-bottom: 1px solid #666;
}
div#content_panel_inner img {
	margin: 0 10px 10px 0; padding: 0;
}

div#cp_top {
	width: 442px; height: 8px; background: #000 top left url(../images/moviegoers/content_panel_top.gif) no-repeat;
	padding: 0; margin: 16px 0 0 15px;
}
div#cp_bottom {
	width: 442px; height: 8px; background: #000 top left url(../images/moviegoers/content_panel_bottom.gif) no-repeat;
	padding: 0; margin: 0 0 0 15px;
}
div#cp_top_inner {
	width: 442px; height: 8px; background: #000 top left url(../images/moviegoers/content_panel_top.gif) no-repeat;
	padding: 0; margin: 16px 0 0 15px;
}
div#cp_bottom_inner {
	width: 442px; height: 8px; background: #000 top left url(../images/moviegoers/content_panel_bottom.gif) no-repeat;
	padding: 0; margin: 0 0 0 15px;
}


div#tabs {
	border: none; margin: 0; padding: 0;
}
div#tabs ul {
	margin: 20px 20px 0;
}
div#tabs ul li {
	padding: 0; font-size: 0.8em;
}
div#tabs li a, div#tabs li a:hover {
	border: none;
}



/*  Buy tickets links */
div#content_panel_inner p.buy_tickets, div#content_panel p.buy_tickets {
	float: right; display: inline; clear: none; padding: 0; margin: 0 0 15px 15px;
}
div#content_panel_inner p.buy_tickets a, div#content_panel_inner p.buy_tickets a img, 
div#content_panel_inner p.buy_tickets a:hover, div#content_panel_inner p.buy_tickets a:hover img {
	border: none;
}


#content_panel_inner p.buy_tickets, #content_panel p.buy_tickets {
	margin: 0px; padding: 0px;
}

/* Movie Goer Home Page */
div#moviegoer_home {
	width: 980px; height: 571px; overflow: visible; margin: 0; padding: 0; border-top: 1px solid #444; clear: both;
	background: #000 top left url(../images/moviegoers/moviegoer_mainbg.jpg) no-repeat;
}
div#moviegoer_home h1 {
	width: 357px; height: 83px; margin: 90px 0 0 55px; text-indent: -2000em; border-bottom: 1px solid #fff;
	background-position: top left; background-repeat: no-repeat; background-image: url(../images/moviegoers/welcome.png);
}
div#moviegoer_home p {
	width: 300px; margin: 20px 0 0 55px;
}

/*  General screen styles */
div#cff_main_screen, div#family_innovation_screen, div#arrow_world_cinema_screen,
div#bfi_archive_screen, div#cff_education, div#cff_fringe_events {
	width: 980px; height: 475px; overflow: visible; margin: 0; padding: 0; border-top: 1px solid #000; clear: both;
}
div#cff_main_screen  div#content_panel, div#family_innovation_screen div#content_panel,
div#arrow_world_cinema_screen  div#content_panel, div#bfi_archive_screen div#content_panel,
div#cff_education  div#content_panel {
	background: #fff bottom right url(../images/moviegoers/content/content_bg_cff_main_screen.jpg) no-repeat;
}





/* CFF Main Screen */
div#cff_main_screen {
	background: #000 top right url(../images/moviegoers/content/cff_main_screen.jpg) no-repeat;
}
div#cff_main_screen h1, div#cff_main_screen_inner h1 {
	width: 226px; height: 61px; background: #fff top left url(../images/moviegoers/content/heading_cff_main_screen.gif) no-repeat;
	text-indent: -2000em;
}
div#cff_main_screen p, div#family_innovation_screen p {
	
}
/* Family Innovation Screen */
div#family_innovation_screen {
	background: #000 top right url(../images/moviegoers/content/princess_hall_bg2.jpg) no-repeat;
}
div#family_innovation_screen h1, div#family_innovation_screen_inner h1 {
	width: 238px; height: 91px; background: #fff top left url(../images/moviegoers/content/heading_family_innovation.gif) no-repeat;
	text-indent: -2000em;
}
div#cff_main_screen  div#content_panel, div#family_innovation_screen div#content_panel {
	background: #fff bottom right url(../images/moviegoers/content/content_bg_cff_main_screen.jpg) no-repeat;
}

/* Arrow World Cinema Screen */
div#arrow_world_cinema_screen {
	background: #000 top right url(../images/moviegoers/content/cff_main_screen.jpg) no-repeat;
}
div#arrow_world_cinema_screen h1, div#arrow_world_cinema_screen_inner h1 {
	width: 252px; height: 88px; background: #fff top left url(../images/moviegoers/content/heading_arrow_world_cinema.gif) no-repeat;
	text-indent: -2000em;
}
div#arrow_world_cinema_screen p {
	
}
div#arrow_world_cinema_screen  div#content_panel {
	background: #fff bottom right url(../images/moviegoers/content/content_bg_cff_main_screen.jpg) no-repeat;
}

/* BFI Archive Screen */
div#bfi_archive_screen, div#bfi_archive_screen_inner {
	background: #000 top right url(../images/moviegoers/content/parabola_bg.jpg) no-repeat;
}
div#bfi_archive_screen h1, div#bfi_archive_screen_inner h1 {
	width: 329px; height: 91px; background: #fff top left url(../images/moviegoers/content/heading_bfi_archive_screen.gif) no-repeat;
	text-indent: -2000em;
}
div#bfi_archive_screen h2 {
	
}
div#bfi_archive_screen p {
	
}
div#bfi_archive_screen  div#content_panel {
	background: #fff 100px right url(../images/moviegoers/content/content_bg_cff_main_screen.jpg) no-repeat;
}

/* CFF Education */
div#cff_education {
	background: #000 top right url(../images/moviegoers/content/cff_main_screen.jpg) no-repeat;
}
div#cff_education img.animate {
	float: right; margin: 0 0 10px 10px;
}
div#cff_education h1, div#cff_education_inner h1 {
	width: 214px; height: 39px; background: #fff top left url(../images/moviegoers/content/heading_cff_education.gif) no-repeat;
	text-indent: -2000em;
}
/* CFF Fringe Events */
div#cff_fringe_events {
	background: #000 top right url(../images/moviegoers/content/parabola_bg.jpg) no-repeat;
}
div#cff_fringe_events h1, div#cff_fringe_events_inner h1 {
	width: 350px; height: 61px; background: #fff top left url(../images/moviegoers/content/heading_cff_fringe_events.gif) no-repeat;
	text-indent: -2000em;
}
/* Getting Here */
div#getting_here p {
	width: 330px;
}
div#getting_here p.buy_tickets {
	width: auto; padding-right: 10px;
}
div#getting_here h1, div#getting_here_inner h1 {
	width: 189px; height: 61px; background: #fff top left url(../images/moviegoers/content/heading_getting_here.gif) no-repeat;
	text-indent: -2000em;
}
div#cff_fringe_events div#content_panel {
	background: #fff 80px right url(../images/moviegoers/content/content_bg_cff_main_screen.jpg) no-repeat;
}

/* Mailing List */
div#mailing_list {
	background: #000 top right url(../images/moviegoers/content/cff_main_screen.jpg) no-repeat;
}
div#mailing_list h1, div#mailing_list h1 {
	width: 189px; height: 61px; background: #fff top left url(../images/moviegoers/content/heading_mailing_list.gif) no-repeat;
	text-indent: -2000em;
}
div#mailing_list div#content_panel_inner {
	background: #fff bottom right url(../images/moviegoers/content/content_bg_cff_main_screen.jpg) no-repeat;
}
div#mailing_list ul {
	width: 240px;
}




div#page_not_found {
	padding: 50px 200px 50px 55px;
}



/* Map */
div#map_canvas {
	position: relative; right: 0; width: 500px; height: 475px; float: right; border: none;
}
div#screen_bg {
	position: relative; left: 0; width: 500px; height: 475px; float: right;
	z-index: 5000; top: 0; left: 0; width: 56px; margin-right: -55px;
	background-image: url(../images/moviegoers/content/screen_bg.png); border: none;
}



div#showreel_holder {
	position: absolute; top: 0;
}
ul#showreel {
	position: absolute; 
	list-style: none; margin: 0; padding: 0; z-index: 5;
	height: 544px; overflow: hidden;
}
ul#showreel li {
	border: none;
	padding: 0;
}
ul#showreel li img {
	width: 100%; height: 100%;
}

ul#showreel li a, ul#showreel li a img {
	border: none;
}