/*==== Cover Class - forces containers 
to cover their floating child elements ====*/
.cover:after {
  content: '.';
  display: block;
  height: 0px;
  visibility: hidden;
  clear: both;
}
.cover {
  zoom: 1;
}



/*====  base layout and default styles  ====*/

body {
	margin: 0 0 0 0;
	background: url(/images/imax_layout/bg_imax_photo_1.jpg) no-repeat center top #000 fixed;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	_behavior:url("/css/csshover3.htc");
}

a {
	text-decoration: none;
	color: #2B8BA9;
}
a.no_underline:hover {
	text-decoration: none;
}

ul,
ul li,
ol,
ol li {
	list-style: none;
	margin: 0;
	padding: 0;
}
h1 {
	font: 26px/95% Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	color: #FFED88;
}
p {
	font: 12px/185% Arial, Helvetica, Verdana, sans-serif;
}

/* 'Home' link over the logo - fixed positioning */
div#imax_home_wrapper {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 190px;
	width: 970px;
	margin: 0 auto;
	
	*left: auto;
	*right: auto;
	*z-index: 10;
	
	_display: none; /* this element won't behave properly in IE6, so we're hiding it. */

	/*background: lightblue;*/
}
a#imax_home_link {
	display: block;
	width: 240px;
	height: 140px;
	position: relative;
	z-index: 10;
	
	/*background: lightgreen;*/
	/*border: 1px solid #fff;*/
}
a#imax_home_link img {
	/*display: block;*/
	width: 240px;
	height: 140px;
}


/* Main Content Panel */
div#content {
	width: 665px;
	min-height: 370px;
	_height: 370px;
	margin: 0 auto 60px auto;
	padding: 25px 25px 0px 275px;
	background: url(/images/imax_layout/content_background_blk_trans.png) no-repeat right top;
	position: relative;
	z-index: 0;
	
	_background-image: url(/images/imax_layout/content_background_blk.gif);
}

div#content div#content_bttm_cap {
	background: url(/images/imax_layout/content_background_blk_trans.png) no-repeat right bottom;
	position: absolute;
	bottom: -25px;
	right: 0px;
	display: block;
	height: 25px;
	width: 715px;
	z-index: 20;
	
	_background-image: url(/images/imax_layout/content_background_blk.gif);
	_right: -1px;
}


/*========= Tab-Nav - IMAX 'Home' =========*/
#tabs_nav {
	margin: 115px auto -3px auto;
	width: 675px;
	height: 48px;
	padding: 0 0 0 245px;
}
#tabs_nav li {
	float: left;
	display: inline;
	width: 148px;
	height: 48px;
	padding: 0;
	margin: 0 2px 0 0;
}
#tabs_nav li a {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 148px;
	height: 48px;
	background: url(/images/imax_layout/tab_nav_bg_05-2010.png) no-repeat 0 0;
	
	/*_behavior:url("/css/iepngfix.htc");
	_position: relative;*/
	_background-image: url(/images/imax_layout/tab_nav_bg_05-2010.gif);
}
/*=== Normal State ===*/
#tabs_nav li#tab1 a 						{ background-position: 0px -48px; }
#tabs_nav li#tab2 a 						{ background-position: -150px -48px; }
#tabs_nav li#tab3 a 						{	background-position: -300px -48px; }
/*=== Hover State ===*/
#tabs_nav li#tab1 a:hover 			{ background-position: 0px -96px; }
#tabs_nav li#tab2 a:hover 			{ background-position: -150px -96px; }
#tabs_nav li#tab3 a:hover 			{	background-position: -300px -96px; }
/*=== Selected State ===*/
#tabs_nav.tab1 li#tab1 a,
#tabs_nav.tab1 li#tab1 a:hover 	{ background-position: 0px 0; }
#tabs_nav.tab2 li#tab2 a,
#tabs_nav.tab2 li#tab2 a:hover 	{ background-position: -150px 0; }
#tabs_nav.tab3 li#tab3 a,
#tabs_nav.tab3 li#tab3 a:hover 	{	background-position: -300px 0; }


/*==== utility nav - interior pages - fixed to top of screene ====*/
/* fix page editor ribbon to start below this */
#form iframe
{
	position: fixed;
	top: 40px;
}
div#utility_nav {
	position: fixed;
	 _position: absolute;
	top: 0;
	width: 100%;
	min-height: 40px;
	_height: 40px;
	background: #222;
	background: url(/images/imax_layout/utility_nav_bg.jpg) repeat-x 0 0;
}
div#utility_nav ul {
	margin: 0 auto;
	width: 965px;
	position: relative;
}
div#utility_nav ul li {
	float: left;
	display: inline;
	color: #999;
	font-size: 12px;
	line-height: 40px;
	font-weight: bold;
	margin: 0 20px 0 0;
}

div#utility_nav ul li a {
	color: #999;
	text-decoration: none;
	display: inline-block;
	height: 40px;
}
div#utility_nav ul li a:hover {
	color: #FD54E9;
}
div#utility_nav ul li.hasChildren ol:hover + a {
	color: #FD54E9;
}
div#utility_nav ul ul {
	position: absolute;
	left: -50px;
	top: 40px;
	width: 1065px;
	height: 26px;
	padding: 0 50px 20px 50px;
	margin: 0;
	
	_width: 700px;
	
	display: none;
}
div#utility_nav ul ul li {
	height: 26px;
	line-height: 26px;
}
div#utility_nav ul ul li a {
	height: 26px;
}
div#utility_nav ul ul li a:hover {
	color: #54E1FF;
	background: none;
}
div#utility_nav ul li.hasChildren:hover {
	height: 66px;
}
div#utility_nav ul li:hover ul + a {
	height: 44px;
	background: url(/images/imax_layout/utility_nav_arrow_down.gif) no-repeat center 40px;
}
div#utility_nav ul li:hover ul {
	display: block;
}

/*== jordans.com link - top right ==*/
div#utility_nav ul li.link_jordans:hover {
	height: 40px;
}
div#utility_nav ul li.link_jordans {
	float: right;
	display: inline;
}
div#utility_nav ul li.link_jordans a {
	color: #56bbff;
}
div#utility_nav ul li.link_jordans a:hover {
	text-decoration: underline;
}

/*==== interior pages - nav selected states ====*/
div#utility_nav ul li.selected a {
	color: #FD54E9;
}
div#utility_nav ul li.showSubnav {
	height: 66px;
}
div#utility_nav ul li.showSubnav a {
	color: #FD54E9;
	height: 44px;
	background: url(/images/imax_layout/utility_nav_arrow_down.gif) no-repeat center 40px;
}
div#utility_nav ul li.showSubnav ul {
	display: block;
}
div#utility_nav ul li.showSubnav ul li a {
	background: none;
	color: #fff;
}
div#utility_nav ul li.showSubnav ul li.selected a,
div#utility_nav ul li.showSubnav ul li a:hover {
	color: #54E1FF;
}


/*==== homepage template stuff ====*/

div#home_txt {
	width: 170px;
	float: right;
	display: inline;
}
div#home_txt h1,
div#home_txt p,
div#home_txt h2 {
	font-size: 11px;
	line-height: 145%;
	margin: 0;
}
div#home_txt h1 {
	font-size: 16px;
	line-height: 110%;
	margin: 12px 0;
	color: #fff;
}
div#home_txt h2 {
	font-size: 12px;
	margin: 12px 0 0 0;
}


/*==============================================================
				About Us Slider (Highlight) Re-skin Stuff
==============================================================*/

.anythingSlider { 
width: 480px;
height: 300px;
float: left;
display: inline;
	position: relative; 
margin: 0;

overflow: hidden;
}
.anythingSlider .wrapper {
width: 480px;
height: 280px;
	overflow: auto;
margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	

}
.anythingSlider .wrapper ul {
	width: 9999em;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
/*behavior:url("/css/iepngfix.htc");*/
color: #fff;
height: 280px;
display: block;
position: absolute;
background: #181A20;
}
.anythingSlider ul li {
	display: block; 
	float: left;
	padding: 0; 
	margin: 0;
padding: 0;
width: 480px;
height: 280px;
position: relative;
}
.anythingSlider .arrow {
	display: block;
	height: 200px;
	text-indent: -9999px;
	position: absolute;
	top: 65px;
	cursor: pointer;
	background: #222;
	display: none !important;
}
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav {
	position: relative;
	top: 280px;
	text-align: center;
	height: 10px;
	padding: 5px 0 0 0;
}
#thumbNav a {
	color: #000;
	padding: 0;
	margin: 0 7px 0 0;
	background: url(/images/imax_layout/home_slider_pagination_bg.gif) no-repeat 0 0 transparent;
	text-align: left;
	/* for standards compliant browsers */
	display: inline-block;
	height: 10px;
	width: 10px;
	text-indent: -999em;
	overflow: hidden;
	/* for IE - doesn't support inline-block correctly */
	*text-indent: 0;
	*overflow: auto;
	*font-size: 0px;
}
#thumbNav a:hover,
#thumbNav a.cur {
	background-position: 0px -10px;
}

#start-stop {
	background: green;
	color: white;
	padding: 2px 5px;
	width: 40px; 
	text-align: center;
	position: absolute;
	right: 45px;
	top: 323px;	
display: none;
}
#start-stop.playing		{ background-color: red; }
#start-stop:hover			{ background-image: none; }



/*
  Slide Content Defaults
*/
.anythingSlider .wrapper ul li a {
	display: block;
	width: 480px;
	height: 280px;
	color: #5DBDEC;
}
.anythingSlider .wrapper ul li img {
	/*behavior:url("/css/iepngfix.htc");
	position: absolute;
	top: 0px;
	right: 65px;*/
}


/*==============================================================
					Movie Details Page template adjustments
==============================================================*/
div#content.movie_details img {
	float: right;
	display: inline;
	border: 6px solid #C8C8BE;
	margin: 0 0 15px 15px;
}
a.link_back_home {
	float: right;
	display: inline;
	font: 10px/185% arial, helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	clear: both;
}
a:hover {
	text-decoration: underline;
}


/*=========================================
						Movies Tabs
=========================================*/
div#movies_list_wrapper {
	clear: both;
	width: 665px;
	position: relative;
	padding: 12px 0 0 0;
	margin: 0;
}
ul#movies_list_nav {
	display: block;
	height: 36px;
	padding: 4px 10px 0 10px;
	/*margin-top: 12px;*/
	background: url(/images/imax_layout/movies_list_nav_bg.gif) no-repeat 0 0;
}
ul#movies_list_nav li {
	float: left;
	display: inline;
	padding:  4 10px 0 10px;
	font-size: 11px;
	font-weight: bold;
	line-height: 26px;
}
ul#movies_list_nav li a {
	color: #fff;
	background: url(/images/imax_layout/movies_list_nav_tab.jpg) no-repeat left -26px;
	display: inline-block;
	line-height: 26px;
	padding: 0 0 0 10px;
	cursor: pointer;
}
ul#movies_list_nav li a span {
	display: inline-block;
	background: url(/images/imax_layout/movies_list_nav_tab.jpg) no-repeat right -26px;
	padding: 0 10px 0 0;
}
ul#movies_list_nav li a:hover {
	color: #54E1FF;
	text-decoration: none;
}
ul#movies_list_nav li a:hover,
ul#movies_list_nav.label_now li a#label_now,
ul#movies_list_nav.label_soon li a#label_soon,
ul#movies_list_nav.label_all li a#label_all,
ul#movies_list_nav.label_3d li a#label_3d,
ul#movies_list_nav.tab05 li a#tab05,
ul#movies_list_nav.tab05 li a#tab06 {
	background-position: left 0;
}
ul#movies_list_nav li a:hover span,
ul#movies_list_nav.label_now li a#label_now span,
ul#movies_list_nav.label_soon li a#label_soon span,
ul#movies_list_nav.label_all li a#label_all span,
ul#movies_list_nav.label_3d li a#label_3d span,
ul#movies_list_nav.tab05 li a#tab05 span,
ul#movies_list_nav.tab05 li a#tab06 span {
	background-position: right 0;
}
a#arrow_left,
a#arrow_right {
	position: absolute;
	top: 80px;
	left: 0px;
	z-index: 10;
	display: block;
	width: 12px;
	height: 12px;
	text-indent: -999px;
	overflow: hidden;
	background: url(/images/imax_layout/movies_list_nav_pagination.gif) no-repeat 0 0;
}
a#arrow_right {
	left: auto;
	right: 0px;
	background-position: -12px 0;
}
a#arrow_left:hover {
	background-position: 0 -12px;
}
a#arrow_right:hover {
	background-position: -12px -12px;
}

div#movies_mask {
	width: 641px;
	margin: 0 12px 0 12px;
	min-height: 120px;
	_height: 120px;
	overflow: hidden;
	
	*position: relative; /*IE needs some help */
}
ul#movies {
	width: 999em;
}
ul#movies li {
	float: left;
	display: inline;
	width: 120px;
	margin: 0 4px;
	position: relative;
	font-size: 11px;
	line-height: 110%;
}
ul#movies li a:hover {
	text-decoration: none !important;
}
ul#movies li img,
ul#movies li strong,
ul#movies li span {
	display: inline-block !important;
	font-weight: bold;
	border: 0px !important;
	float: none !important;
	margin: 0 !important;
}
ul#movies li strong {
	margin: 3px 0 !important;
	color: #fff;
}
ul#movies li span,
ul#movies li span a {
	color: #999;
	text-decoration: none;
}
ul#movies li a:hover strong,
ul#movies li span a:hover {
	color: #54E1FF;
}
ul#movies li.label_3d i.icon_3d {
	display: block;
}
ul#movies li i.icon_3d {
	position: absolute;
	top: 44px;
	right: 0px;
	display: none;
	width: 27px;
	height: 16px;
	background: url(/images/imax_layout/icon_3d.png) no-repeat 0 0;
	
	_background-image: url(/images/imax_layout/icon_3d.gif);
}



/*==============================================================
						Interior Template adjustments
==============================================================*/

/* Background to white */
div#content.interior_white {
	background-image: url(/images/imax_layout/content_background_wht_trans.png);
	_background-image: url(/images/imax_layout/content_background_wht.gif);
}

div#content.interior_white div#content_bttm_cap {
	background-image: url(/images/imax_layout/content_background_wht_trans.png);
	_background-image: url(/images/imax_layout/content_background_wht.gif);
}

/* styling */
div#content.interior_white {
	color: #333;
}
div#content.interior_white h1,
div#content.interior_white h2,
div#content.interior_white h3 {
	font-weight: bold;
	color: #111;
	margin: 0 0 12px 0;
	line-height: 125%;
}
div#content.interior_white h1 {
	font-size: 20px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
}
div#content.interior_white p {
	font-size: 12px;
	line-height: 145%;
}
div#content.interior_white h2 {
	font-size: 14px;
	margin-bottom: 0;
}
div#content.interior_white h3 {
	font-size: 16px;
	color: #701364;
}
div#content.interior_white a:hover {
	text-decoration: underline;
}

div#back_link_wrapper {
	width: 685px;
	margin: 115px auto 10px auto;
	padding: 0 5px 0 275px;
	*zoom: 1;
}
div#back_link_wrapper:after {
	content: '.';
  display: block;
  height: 0px;
  visibility: hidden;
  clear: both;
}
a.back_link {
	float: right;
	display: inline-block;
	text-indent: -999em;
	overflow: hidden;
	width: 190px;
	height: 23px;
	background: url(/images/imax_layout/bttn_intr_back.png) no-repeat 0 0;
	_background-image: url(/images/imax_layout/bttn_intr_back.gif);
}
a.landing_pg_link {
	display: block;
	margin: 24px 0;
	font-size: 16px;
	text-decoration: none !important;
}
a.landing_pg_link:hover {
	text-decoration: none;
}
a.landing_pg_link img {
	float: left;
	display: inline;
	padding: 0 12px 0 0;
}
a.landing_pg_link b {
	color: #111;
	text-decoration: underline;
}
a.landing_pg_link:hover b {
	color: #2B8BA9;
}
a.landing_pg_link span,
a.landing_pg_link:hover span {
	color: #333;
	font-size: 12px;
	line-height: 145%;
	text-decoration: none;
	display: block;
}

/* keep me updated FORM */
div#content form#keep_me_updated {
	font-size: 12px;
}
div#content form#keep_me_updated label {
	display: inline-block;
	width: 110px;
}
div#content form#keep_me_updated li {
	margin: 14px 0;
}
div#content form#keep_me_updated input#submit_img {
	border: 0px;
	width: 49px;
	height: 20px;
	margin-left: 110px;
}

/*==== Direction - Print Friendly ====*/
body.directions_print {
	background-image: none;
	background-color: #fff;
	margin: 0;
	font-size: 12px;
	line-height: 145%;
	color: #333;
}
body.directions_print div#wrapper {
	margin: 0 auto;
	padding: 45px 0;
	width: 500px;
}
body.directions_print div#wrapper h1 {
	color: #222;
	font-size: 22px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
}
body.directions_print div#wrapper h2 {
	font-size: 14px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
	margin-top: 30px;
}
body.directions_print div#wrapper h3 {
	font-size: 12px;
	color: #000;
	margin-bottom: 0;
}
body.directions_print div#wrapper li {
	list-style-type: disc;
	padding: 0 0 0 0;
	margin: 0 0 0 15px;
}