:root { overflow-y: scroll !important; }
html { overflow-y: scroll !important; padding: 0; margin: 0; }
body{ font-size: 12px; letter-spacing: 0.05em; font-family: Georgia, Times, 'Times New Roman', serif; color: #666; padding: 0; margin: 0; }
p{ margin: 0px; }
img{ border: 0px; }

.container	{ width: 940px; padding: 0px; margin: 0 auto; }
#top	{ display: block; width:940px; height:90px; background: url(/images/bg_top.png) repeat-x bottom; }
	#logo	{ display: block; float: left; width:230px; margin: 30px 0 0 0; }
	#nav	{ display: block; float: left; width:600px; float:left; }
	#nav ul { list-style-type: none; margin: 55px 0 0 50px; padding: 0; }
	#nav ul li { list-style-type: none; display: block; float: left; height: 16px; }
	#nav ul li a { text-indent:-9000px; overflow: hidden; display: block; height: 16px; text-align:left; text-transform: uppercase; background-position: 0 0; cursor: pointer; }
	#nav ul li a:hover { background-position: 0 -16px; }
	.navAbout		{ width: 91px; background-image: url(/images/nav_about.png); }
	.navContact		{ width: 98px; background-image: url(/images/nav_contact.png); }
	.navCriteria	{ width: 110px; background-image: url(/images/nav_criteria.png); }
	.navFocus		{ width: 93px; background-image: url(/images/nav_focus.png); }
	.navValue		{ width: 92px; background-image: url(/images/nav_value.png); }
	#nav ul li a.navActive		{ background-position: 0 -16px; }
	#followNala	{ float: right; }
	#followNala ul { list-style-type: none; margin: 55px 0 0 0; padding: 0; }
	#followNala ul li { list-style-type: none; display: block; float: left; color: #888; font-size: 12px; font-style: italic; padding: 0 5px; }
	#followNala a { text-indent:-9000px; overflow: hidden; display: block; width: 11px; height: 14px;  text-align:left; background-position: 0 0; cursor: pointer; }
	#followNala a:hover { background-position: 0 -14px; }
	.navTwitter { background-image: url(/images/nav_twitter.png); }
	.navFacebook { background-image: url(/images/nav_facebook.png); }

#footer { display: block; width:100%; height:24px; margin: 80px 0 0; background-color: #e9eaec; color: #898989; font-size: 10px; line-height: 24px; font-style: italic; }
#footer a { color: #898989; }

.imageBar { width: 100%; background: #31383C; text-align: center; margin: 25px 0 40px; }
.pageCopy { width: 430px; font-size: 12px; font-style: italic; line-height: 24px; }
.pageCopy h1 { margin: 0; padding: 0; text-transform: uppercase; font-weight: bold; font-size: 14px; }

.filmBar { display: block; width: 940px; height: 32px; }
.filmBar ul { list-style-type: none; margin: 0; padding: 0; }
.filmBar ul li { list-style-type: none; display: block; float: left; height: 32px; }
.filmBar ul li a { text-indent:-9000px; overflow: hidden; display: block; height: 32px; text-align:left; text-transform: uppercase; cursor: pointer; }

.filmBar a.tab1 { background: url(/images/filmBar.png) 0 0; width: 239px; }
.filmBar a.tab1:hover { background-position: 0 -32px; }
.filmBar a.tab2, .filmBar a.tab2Inactive { background: url(/images/filmBar.png) -239px 0; width: 231px; }
.filmBar a.tab2:hover { background-position: -239px -32px; }
.filmBar a.tab2Inactive:hover { background-position: -239px -64px; cursor: default; }
.filmBar a.tab3, .filmBar a.tab3Inactive { background: url(/images/filmBar.png) -470px 0; width: 230px; }
.filmBar a.tab3:hover { background-position: -470px -32px; }
.filmBar a.tab3Inactive:hover { background-position: -470px -64px; cursor: default; }
.filmBar a.tab4, .filmBar a.tab4Inactive { background: url(/images/filmBar.png) -700px 0; width: 240px; }
.filmBar a.tab4:hover { background-position: -700px -32px; }
.filmBar a.tab4Inactive:hover { background-position: -700px -64px; cursor: default; }

.titleBar { display: block; height: 63px; border-bottom: 1px solid #CCC; margin: 0 0 15px 0; }
.titleBar h1 { font-size: 24px; font-weight: bold; font-style: italic; margin: 15px 0 0 0; display: block; float: left; width: 600px; color: #090E0D; }

.statusImg { padding: 0 0 0 8px; }

.leftSide { width: 240px; margin: 0 20px 0 0; padding: 5px 0 0; float: left; background: url(/images/bg_side.png) repeat-y right; }
.rightSide { width: 240px; margin: 0 0 0 50px; padding: 5px 0 0; float: right; }

.filmNav { display: block; height: 32px; margin: 0 0 10px 0; padding: 0; list-style: none; background: url(/images/bg_top.png) repeat-x bottom; }
.filmNav li { list-style: none; height: 27px; display: block; float: left; }
.filmNav a { height: 27px; display: block; background-position: 0 0; text-indent: -9000px; cursor: pointer; }

.filmPosterContainer { width: 221px; padding: 0 0 15px 0; background: url(/images/bg_top.png) repeat-x bottom; }
.filmPoster { width: 219px; height: 320px; display: block; background: url(/images/cs_poster.png) no-repeat 0 0; border: 1px solid #CCC; overflow: hidden; }
.filmVideoContainer { width: 221px; padding: 0 0 15px 0; background: url(/images/bg_top.png) repeat-x bottom; }
.filmVideo { width: 103px; display: block; border: 1px solid #CCC; float: left; overflow: hidden; }
.filmVideoFirst { margin: 10px 10px 0 0; }
.filmVideoLast { margin: 10px 0 0; }
.filmVideoOverlay { position: absolute; width: 103px; display: block; background-color: #FFF; font-style: italic; font-weight: bold; text-align: center; display: none; opacity:0.8; filter:alpha(opacity=80) }

.filmPhotoContainer { width: 221px; padding: 0 0 15px 0; background: url(/images/bg_top.png) repeat-x bottom; }
.filmPhoto { width: 65px; display: block; border: 1px solid #CCC; float: left; overflow: hidden; }
.filmPhoto1 { margin: 10px 10px 0 0; }
.filmPhoto2 { margin: 10px 0 0; }
.filmPhoto3 { margin: 10px 0 0 10px; }

.filmCredits { font-style: italic; font-size: 12px; color: #666; line-height: 18px; }
.filmCredit { margin: 25px 0; }
.filmCredit div { font-weight: bold; font-size: 14px; margin: 0 0 10px 0; }

.filmTitle h1 { font-size: 24px; font-weight: bold; font-style: italic; margin: 0 0 15px; display: block; color: #090E0D; }
.filmSynopsis { font-style: italic; font-size: 12px; color: #666; line-height: 24px; }
.filmSynopsis div { font-weight: bold; font-size: 14px; margin: 0 0 10px 0; }

a.imdb{ display: block; float: right; width: 40px; height: 16px; background: url(/images/imdb.png) 0 0; }
a.imdb:hover{ background-position: 0 -16px; }
a.shareThisButton{ display: block; float: right; width: 16px; height: 16px; margin: 0 0 0 10px; background: url(/images/shareThis.png) 0 0; }
a.shareThisButton:hover{ background-position: 0 -16px; }
.st_sharethis_custom, .st_sharethis_customPress
{
	display: block;
	width: 16px; 
	height: 16px;
	background: url(/images/shareThis.png) no-repeat 0 0 transparent;
	padding:0px 16px 0 0;
	cursor: pointer;
}

.st_sharethis_custom { margin: 0 0 0 10px; float: right;  }
.st_sharethis_customPress { margin: 5px 0 0 5px; float: left; }



.pressHeading { margin: 0 0 15px; font-weight: bold; font-size: 12px; }
.pressHeading h2 { margin: 0; padding: 0; font-size: 16px; font-style: italic;}

#container{ width: 940px; padding-top: 5px; }

.homeSlides { display: block; overflow: hidden; width: 940px; height: 529px; margin: 10px 0 0; }
.jcarousel-control { float: left; width: 85px; margin: 8px 0 0; line-height: 20px; font-family: Arial, sans-serif; font-size: 11px; color: #999; }
.jcarousel-control a { float: left; display: block; text-indent: -9000px; width: 26px; height: 11px; background-position: 0 0; overflow: hidden; cursor: pointer; }
.jcarousel-control a:hover { background-position: 0 -11px; }
.jcarousel-control a.active { background-position: 0 -11px; }
.jcarousel-control a.slideNav1 { background-image: url(/images/slideNums1.png); }
.jcarousel-control a.slideNav2 { background-image: url(/images/slideNums2.png); }
.jcarousel-control a.slideNav3 { background-image: url(/images/slideNums3.png); }

#mycarousel-next { display: block; float: left; margin: 0 0 0 10px; width: 13px; height: 20px; background: url(/images/arrowR.png) 0 0; cursor: pointer; }
#mycarousel-next:hover { background-position: 0 -20px; }
#mycarousel-prev { display: block; float: left; width: 13px; height: 20px; background: url(/images/arrowL.png) 0 0; cursor: pointer; }
#mycarousel-prev:hover { background-position: 0 -20px; }

/***** HOMEPAGE 3 COL *****/
#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background: url(images/bg_side.png) repeat-y 300px 0;		/* Left column background colour */
	font-size: 11px;
	line-height: 16px;
	color: #666;
	margin: 0 0 15px;
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:300px;
	/*background:#fff;    	 Centre column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-620px;
	background: url(images/bg_side.png) repeat-y 0 0;    	/* Right column background colour */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 20px 0 640px;
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:280px;
	position:relative;
	margin-left:-50%;
	left:320px;
	overflow:hidden;
}
#col3 {
	float:left;
	width:300px;
	position:relative;
	left:20px;
	overflow:hidden;
}
.colBit{
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
}
.colBitBottom{
	border-bottom: 0px;
}
.colBit a{
	color: #666;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
/********** END HOMEPAGE 3 COL ******/


a { color: #222; text-decoration: none; }
a:hover { text-decoration: underline; }

.clear { clear: both; height: 0px; }


:focus {
    outline: 0px solid black !important;
	border: 0px;
}