/* HEADER OVERALL WIDTH OF 750-1024PX, CENTRED IN SCREEN */
/* HEADER IMAGES CENTRED IN THEIR OWN DIVS */
/* REMAINDER OVERALL WIDTH OF 750-960PX, CENTRED IN SCREEN */

												/* RESET CSS DEFAULTS */
*	{ margin:0; padding:0; }
img	{ border:0; }
												/* FIX PAGE HEIGHT FOR FOOTER POSITIONING */
html, body { height: 100%; }
												/* force FF to always show vert scroll and horiz scroll if needed */
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }
												/* BODY WRAPPER */
div#body_wrap {
	position:relative; 							/* needed to ensure nested divs expand the wrapper so footer is in right place */
	min-height:100%; 							/* ensure footer is at bottom of screen or content, whichever lower */
	}
												/* HEADER AND NAVIGATION */
div#head_page_wrap {
	width:100%;
	}
div#head_wrapper {
	max-width:1024px;							/* sets max layout width */
	min-width:750px; 							/* sets min layout width */
	margin-left:auto; 							/* centers layout in context */
	margin-right:auto;							/* centers layout in context */
	}
div#head_logo {
	text-align:center;
	}
div#head_boxoffice_title {
	margin:1.5em 1% 0 0;
	float:right;
	width: 5%;
	text-align:right;
	}
div#head_boxoffice {
	float:right;
	width:22%;
	margin:0.5em auto;
	border-left:1px solid;
	padding-left: 1%;
	}
div#head_boxoffice ul {
	list-style:circle;
	list-style-position:outside;
	padding-left:1.4em;
	}
div#head_boxoffice a {
	outline: medium none;
	text-decoration:none;
	}
div#head_boxoffice a:hover {
	text-decoration:underline;
	}
div#sinewave {									/* wavy lower edge to header area */
	width:100%;
	height:15px;
	clear:both;
	}
												/* multi drop menu - based on stylin with css lib */
div.nav {
	font-size: 1.2em;
	z-index:110;
	float:left;
	width:70%;
	margin:0 auto;
	position:relative;
	}
div.nav ul {
 	border-left:0px solid;						/* creates dividing line to left of level 1's first menu item, revealing div color to left of menu */
 	width:78%;									/* menu fills containing horiz div */
	margin-left:5%;
 	text-align:left;
	float:left;									/* makes ul wrap li */
	font-size:1em;								/* prevents inheritence from main text style sheet */
 	}
div.nav li {
	border-left:1px solid;						/* creates dividing lines to left/right of each horiz level 1 menu item *//* set to 0px to remove */
	width:20%;									/* assumes 4 menu items */
	float:left;									/* causes the list to align horizontally instead of stack */
	list-style-type:none;						/* removes the bullet off each list item */
	position:relative;							/* positioning context for the absolutely positioned drop-down */
	}
div.nav a {
	padding:.2em 5px;							/* creates space top/bottom and left/right respectively around each menu item's text - set vert height in ems   */
	outline:none;
	display:block;								/* makes link fill li so entire area is "hot" */
	text-decoration:none;						/* removes the underlining from the links */
	}
												/* the horizontal menu ends here */
												/* the drop-downs starts here */
div.nav ul li ul {
	width:12em;   								/* sets the width of menu level 2 */
	position:absolute;							/* positions the drop-down ul in relation to its relatively positioned li parent */
	left:-1px;
	border:0;									/* stops inheritance from level 1 ul */
	margin-left:0px;							/* stops inheritance from level 1 ul */
	display:none;								/* conceals the drop-down when menu not hovered */
	}
div.nav ul li:hover ul {
	display:block;								/* shows the drop-down when the menu is hovered */
	z-index:200;								/* Safari needs this to display menu on top of other page elements */
	} 
div.nav li li { 
	border-bottom:0px solid;					/* lines between menu choices - set to 0px if not wanted */
	}
div.nav li li a {
	padding:.4em 5px;							/* space out dropdown entries */
	border-top:1px solid;						/* menu choice */
	}
												/* for transparency on menus, add the class 'transparent' to the nav div */
												/* note: the lower the value, the greater the transparency */
div.nav.transparent ul ul li {
	opacity:0.95;								/* CSS3 - range 0 to 1 */     
	-moz-opacity:0.95;							/* Firefox- range 0 to 1  */
	filter:alpha(opacity=100);					/* IE- range 0 to 100  (95 looks bad) */
	}
div.nav ul li ul li {
	width:100%;
	padding:0;									/* stops inheritance */
	border-left:0;								/* stops inheritance */
	border-right:0;								/* stops inheritance */
	}
												/* end of multi drop menu */
												
												/* FOOTER AREA */
div#footer {
	clear:both; 								/* makes the footer sit below whichever column is longest */
	border-top:1px solid;
	text-align:center;
	margin-top: 3em;
	position:absolute;
	bottom:0;
	width:100%;
	line-height:2em;
	}
div#footer img {								/* the coloured gradient on left/right of footer */
	height:2em;
	width:200px;
	}
												/* MAIN PAGE CONTENT */
div#main_wrapper {
	max-width:960px; 							/* sets max layout width */
	min-width:750px; 							/* sets min layout width */
	margin:0 auto 1em auto;  					/* centers layout in context with spacing to footer */
	padding-top:1em;
	}
												/* GENERAL POSITIONAL STYLES */
												
div#main_wrapper ul	{margin: 0.5em 0 0.5em 1.25em;}
div#main_wrapper li	{line-height:1.2em;margin: 1em 0;list-style-position:inside;}
p					{margin:1.5em 0 1.5em 1.25em;}
hr					{border: none 0;border-top: 1px solid #000;height: 1px;	width: 95%;margin: 1em auto;}
hr.faintline		{border-top: 1px solid #000;}
.small_italic_block {font-size:.9em;padding:.3em 1em .5em 1em;font-style:italic;}
.fdisc				{padding:0 0.2em;font-size:0.75em;text-align:center;width:4em;} /*friends discount*/

div.pc25-2			{width:21%;padding:0 2%;float:left;font-variant:small-caps;font-weight:bold;text-align:right;}
div.pc33-2			{width:29%;padding:0 2%;float:left;}
div.pc50-5			{width:39%;padding:0 5%;float:left;}
div.pc50-5 img		{margin:0 2%;}
div.pc67-2			{width:62%;padding:0 2%;float:left;}
div.pc75-2			{width:70%;padding:0 2%;float:left;}
div.pc75-2 img 		{float:right; margin:0 0 0.5em 1em;}
div.pc100-2			{padding:0 2%;}
div.pc100-5			{padding:0 5%;}
div.lborder			{border-left:1px solid;}
div.mtop2em			{margin-top:2em;}
div.mtop4em			{margin-top:4em;}
p.info				{font-variant:small-caps;font-weight:bold;padding:1em;border-left:1px dotted;}

.centred			{text-align:center;}
.lfloat				{float:left;}
.rfloat				{float:right;}
.clearfloats		{clear:both;}

												/* FONT SIZE AND STYLES EXCLUDING DROP DOWN MENUS */
												/* DEFAULT SIZE AND FONT */
html {
	font-size: 125%;
}
body {
	font-size: 50%; /* 1em = 10pt */
	font-family: Arial, Helvetica, sans-serif;
}
#head_boxoffice {
	font-size:1.1em;
	}
#main_wrapper {
	font-size: 1.2em;
	}
#main_wrapper a {
	outline:none;
	text-decoration:none;
	}
#main_wrapper a:hover {
	text-decoration:underline;
	}
h1 {font-size:1.8em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h6 {font-size:0.8em;}
.bold {font-weight:bold;}
.italic {font-style:italic;}