/**page**/
html, body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;	/*for IE.  IE fails to handle margin auto.  note: clear text-align below*/
}
#page_wrap
{
	width: 960px;
    height: auto !important;
    height: 100%; /*for IE. it ignores mishandles the auto but catches the 100%*/
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    overflow: hidden;
	text-align: left;	/*clear text-align from body*/
}
#footer
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align: left;	/*clear text-align from body*/
}

/****/
.strip_frame
{
	position: absolute;
	width: 150px;
	height: 100%;
	/**
	height: 880px;
	background-color: Silver;
	**/
	overflow: hidden;
}
.strip
{
	position: absolute;
}
.strip_spacer_top
{
	position: relative;
	height: 2000px;
}
#strip_spacer_bottom_1
{
	position: relative;
	height: 220px;
}
#strip_spacer_bottom_2
{
	position: relative;
	height: 220px;
}
.cell_frame
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 150px;
	height: 110px;
	color: #8f8f8f; /*dark grey*/
	overflow: hidden;
}
.hover_cell
{
	color: #6e6e6e; /*from logo grey*/
}
.cell_content
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	height: 100px;
	margin: 5px 10px 5px 10px;
	text-align: center;
	font-size: 18px;
	font-family: Arial;
	font-weight: bold;
}
.nav_cell
{
	cursor: pointer;
}
.thumb_cell
{
	cursor: pointer;
}
.thumb_img
{
	width: 130px;
}
#strip_1 .cell_content
{
	padding-top: 35px;
}
.view_title
{
	padding-top: 35px;
}
.cell_overlay
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	height: 110px;
	background-image: url('../img/filmstrip_inv_150x110.png');
	/**
	background-image: url('../img/filmstrip_grey_150x110.png');
	background-image: url('../img/filmStrip-93x80.png');
	**/
}
.movie
{
	position: absolute;
	/**display: none;**/
}
.movie_description
{
	position: absolute;
	display: none;
	font-family: Arial;
	font-size: 20px;
	color: #6e6e6e;
	text-align: center;
}


/**logo**/
#logo
{
	top: 0px;
	left: 0px;
	width: 140px;
	height: 110px;
	cursor: pointer;
}

/**strip frames**/
#strip_frame_1
{
	top: 110px;
	left: 0px;
	/**
	height: 770px;
	**/
}
#strip_frame_2
{
	top: 0px;
	left: 160px;
}
#strip_frame_3
{
	top: 0px;
	left: 320px;
}

/****/
#strip_1
{
}

/**movie**/
#movie_frame
{
	position: absolute;
	top: 110px;
	left: 320px;
	width: 640px;
}
#movie_iframe
{
	width: 640px;
	height: 360px;
}
#movie_description_frame
{
	margin-top: 10px;
	width: 640px;
	height: 230px;
}
#movie_countdown
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 640px;
	height: 360px;
	font-size: 300px;
	/*color: #c5c5c5;  light grey*/
	color: White;
	text-align: center;
	font-family: Arial;
	padding-top: 20px;
	opacity:0.4;
	filter:alpha(opacity=40);
}

/**/
#post_content_frame
{
	position: absolute;
	top: 110px;
	left: 320px;
	width: 640px;
}

/*bubble*/
#bubble
{
	position: absolute;
	right: 300px;
	bottom: 40px;
	height: 225px;
	width: 300px;
	background-image: url('../img/bubble.png');
	background-repeat: no-repeat;
}
#bubble_frame
{
	padding: 20px 20px 20px 20px;
	font-family: arial;
	font-size: 16px;
	color: #8f8f8f; /*dark grey*/
}

/*audience*/
#audience
{
	position: absolute;
	bottom: 0px;
	height: 85px;
	width: 100%;
	background-image: url('../img/audience_grey_mst.png');
}

/*contact_trigger*/
#contact_trigger
{
	position: absolute;
	bottom: 35px;
	right: 100px;
	width: 150px;
	padding: 3px;
	font-family: arial;
	font-size: 22px;
	text-align:center;
	color: #8f8f8f; /*dark grey*/
	background-color: White;
	cursor: pointer;
}

/*click scroll*/
.click_scroll
{
	position: absolute;
	height: 100px;
	width: 150px;
	z-index: 10;
	cursor: pointer;
	/*dont allow selections*/
	-moz-user-select: none; 
    -khtml-user-select: none; 
}
.click_scroll_title
{
	position: absolute;
	top: 35px;
	height: 30px;
	width: 150px;
	text-align: center;
	font-size: 22px;
	font-family: Arial;
	background-color: White;
	color: #8F8F8F;  /*logo grey*/
}
.click_scroll_overlay
{
	position: absolute;
	height: 100%;	
	width: 100%;	
}
#click_scroll_up_1
{
	bottom: 0px;
	left: 0px;
}
#click_scroll_up_2
{
	bottom: 0px;
	left: 160px;
	display:none;
}
#click_scroll_down_2
{
	top: 0px;
	left: 160px;
	display:none;
}