html {
	background: url("images/bg_main.jpg") top center;
	color: #34373e;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	line-height: 20px;}
	
	
/* main styles
-----------------------------*/
h1 {
	font-size: 300%;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;}
	
h2 {
	font-size: 150%;
	line-height: 130%;
	text-transform: capitalize;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-top: 15px;
	border-bottom: 1px solid #34373e;
	clear: both;}
	
h3 {
	font-weight: bold;}
	
p {
	margin-bottom: 15px;}
	
a {color: #922811;}

strong {font-weight: bold;}

em {font-style: italic;}

.clearfix {clear: both;}

.hidden {display: none;}
	
	
/* layout DIVs
-----------------------------*/
#wrapper {
	background: url("images/bg_greypage.jpg") repeat-y 0 10px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;}
	
#wrapper .topimage {
	background: url("images/bg_top.jpg") no-repeat;}
	
#wrapper .baseimage {
	background: url("images/bg_base.jpg") no-repeat center bottom;
	padding-bottom: 30px;}
	
#footer {
	background: url("images/footer.gif") no-repeat center top;
	height: 132px;
	margin-top: 10px;}
	
	
/* logo
-----------------------------*/
h1#logo a {
	background: url("images/logo.jpg") no-repeat 0 23px;
	display: block;
	width: 899px;
	height: 57px;
	text-indent: -3000px;
	margin-left: 35px;
	padding-top: 23px;}
	
	
/* main nav
-----------------------------*/	
#menu_main ul {
	margin-left: 27px;
	margin-top: 16px;}
	
#menu_main ul li {
	position: relative;
	float: left;}
	
#menu_main ul li a {
	position: relative;
	float: left;
	display: block;
	height: 15px;
	padding: 0 5px 0 5px;
	margin-left: 22px;
	color: #fff;
	text-indent: -3000px;}
/* *** ie6 hack *** */
* html #menu_main ul li a {
	margin: 0 0 0 11px;
	line-height: 10px;}
	
#menu_main ul li a:hover {
	color: #3f444c;}
	
/*-- image replacement --*/
#menu_main ul li .News a {background: url("images/nav_news.gif") no-repeat 0 0; width: 42px;}	
#menu_main ul li .Reviews a {background: url("images/nav_reviews.gif") no-repeat 0 0; width: 70px;}	
#menu_main ul li .See a {background: url("images/nav_trailer.gif") no-repeat 0 0; width: 138px; display: none;}	
#menu_main ul li .Behind a {background: url("images/nav_behind.gif") no-repeat 0 0; width: 159px;}
#menu_main ul li .Filmmakers a {background: url("images/nav_filmmakers.gif") no-repeat 0 0; width: 139px;}	
#menu_main ul li .Media a {background: url("images/nav_media.gif") no-repeat 0 0; width: 50px;}	
#menu_main ul li .Downloads a {background: url("images/nav_downloads.gif") no-repeat 0 0; width: 96px;}	
#menu_main ul li .FAQs a {background: url("images/nav_faqs.gif") no-repeat 0 0; width: 39px;}	
#menu_main ul li .Links a {background: url("images/nav_links.gif") no-repeat 0 0; width: 48px;}

#menu_main ul li .News a:hover {background: url("images/nav_news.gif") no-repeat 0 -15px;}
#menu_main ul li .Reviews a:hover {background: url("images/nav_reviews.gif") no-repeat 0 -15px; width: 70px;}	
#menu_main ul li .See a:hover {background: url("images/nav_trailer.gif") no-repeat 0 -15px; width: 138px;}	
#menu_main ul li .Behind a:hover {background: url("images/nav_behind.gif") no-repeat 0 -15px; width: 159px;}
#menu_main ul li .Filmmakers a:hover {background: url("images/nav_filmmakers.gif") no-repeat 0 -15px; width: 139px;}	
#menu_main ul li .Media a:hover {background: url("images/nav_media.gif") no-repeat 0 -15px; width: 50px;}	
#menu_main ul li .Downloads a:hover {background: url("images/nav_downloads.gif") no-repeat 0 -15px; width: 96px;}	
#menu_main ul li .FAQs a:hover {background: url("images/nav_faqs.gif") no-repeat 0 -15px; width: 39px;}	
#menu_main ul li .Links a:hover {background: url("images/nav_links.gif") no-repeat 0 -15px; width: 48px;}

#menu_main ul li.menu-current a {background-position: 0 -15px;}
	
	
/* main content
-----------------------------*/	
#content {
	clear: both;
	background: url("images/page_tile.jpg") repeat-y 13px 0;
	width: 527px;
	margin: 63px 0 0 392px;}
	
#content .topimage {
	background: url("images/page_top.jpg") no-repeat;}
	
#content .baseimage {
	background: url("images/page_base.jpg") no-repeat center bottom;
	min-height: 500px;
	height: auto !important; /* ie6 hack for min-height */
	height: 500px;
	padding: 50px 27px 30px 30px;}
	
#content img {
	border: 5px solid #fff;}
	
/*-- page titles --*/
#content h1.title {
	height: 29px;
	text-indent: -3000px;
	background-position: 0 15px;}
	
#content h1.title1 {background: url("images/title_news.gif") no-repeat;}
#content h1.title2 {background: url("images/title_reviews.gif") no-repeat;}
#content h1.title3 {background: url("images/title_trailer.gif") no-repeat;}
#content h1.title4 {background: url("images/title_behind.gif") no-repeat;}
#content h1.title5 {background: url("images/title_filmmakers.gif") no-repeat;}
#content h1.title6 {background: url("images/title_media.gif") no-repeat;}
#content h1.title7 {background: url("images/title_downloads.gif") no-repeat;}
#content h1.title8 {background: url("images/title_faqs.gif") no-repeat;}
#content h1.title9 {background: url("images/title_links.gif") no-repeat;}
#content h1.title10 {background: url("images/title_screens.gif") no-repeat;}
	
/*-- news --*/
.news .item {
	background: url("images/news_bg.jpg") repeat-y;
	margin-bottom: -20px;
	padding: 0 15px 0 15px;}
	
.news .itemtop {background: url("images/news_top.jpg") no-repeat; height: 17px;}
.news .itembase {background: url("images/news_base.jpg") no-repeat 0 5px; height: 22px; margin-bottom: 20px;}

.news .item  h2 a {
	text-decoration: none;
	color: #34373e;}
	
.news .item a.more {
	position: relative;
	top: -15px;}
	
#content .news img {
	border: 5px solid #fff;
	margin-left: 0;}
	
/*-- comments --*/
.commentspanel h2 {
	border-bottom: 0;
	size: 150%;}

.commentspanel .comment {
	background: url("images/bg_comments.jpg");
	padding: 13px 17px 1px 17px;
	margin-top: 10px;}
	
.commentspanel .comment .who {
	font-size: 11px;
	font-style: italic;}
	
.news .item .commentspanel a.more {
	top: 5px;}
	
.news .item .commentspanel p.addcomment {
	padding-bottom: 20px;}

form.comments {
	margin-left: 40px;}
	
/*-- FAQs --*/
.faqs .itembase{
	margin-top: 5px;}
	
	
/* gallery
-----------------------------*/
#content #gallerypage {
	}
	
#content ul.gallery li.thumb {
	float: left;}

#content ul.gallery li.thumb a {
	float: left;
	display: block;
	width: 96px;
	height: 96px;
	line-height: 96px;
	overflow: hidden;
	border: 4px solid #fff;
	margin: 0 6px 6px 0;
	padding: 0;
	background-position: center center;
	text-indent: -3000px;}
	
#content ul.gallery li.thumb img {
	border: none;
	margin: 0 0 0 0;
	vertical-align: middle;}
	
	
/* downloads
-----------------------------*/
#content #downloadspage img {
	clear: both;
	float: left;
	margin-bottom: 20px;}
	
#content #downloadspage ul {
	float: left;
	margin-left: 10px;}
	
	
/* Flash music player
-----------------------------*/
#flashcontent {
	position: absolute;
	top: 622px;
	left: 70px;}
	
	
/* links
-----------------------------*/
ul.trailer a {
	background: url("images/trailer-banner.png") no-repeat;
	display: block;
	width: 275px;
	height: 55px;
	position: absolute;
	top: 410px;
	left: 70px;
	text-indent: -3000px;}
	
ul.screens a {
	background: url("images/icon_screenlocations.gif") no-repeat;
	display: block;
	width: 274px;
	height: 54px;
	position: absolute;
	top: 475px;
	left: 70px;
	text-indent: -3000px;}
	
ul.social {
	background: url("images/bg_joinus.gif") no-repeat;
	display: block;
	width: 279px;
	height: 29px;
	padding-top: 47px;
	position: absolute;
	top: 538px;
	left: 68px;
	text-indent: -3000px;}
	
ul.social a {
	display: block;
	height: 22px;
	float: left;
	margin-left: 40px;}

/* *** ie7 hack *** */
* +html ul.social li {float: left;}
/* *** ie6 hack *** */
* html ul.social li {float: left;}
* html ul.social a {margin-left: 20px;}
	
ul.social a.footprint {background: url("images/icon_footprintfilms.gif") no-repeat 0 0; width: 89px; display: none;}
ul.social a.facebook {background: url("images/icon_facebook.gif") no-repeat 0 0; width: 74px;}
ul.social a.twitter {background: url("images/icon_twitter.gif") no-repeat 0 0; width: 76px;}
	
	
/* footer
-----------------------------*/
#footer .text {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
	width: 900px;
	padding-top: 160px;
	color: #fff;
	text-align: center;}
	
#footer a {color: #fff;}
#footer a:hover {text-decoration: none;}

#footer a.footerlink {position: absolute; display: block; left: 0; top: 100px; height: 28px; text-indent: -3000px;}
#footer a.footerlink0 {left: 0; top: 82px; width: 145px; height: 50px;}
#footer a.footerlink1 {left: 155px; width: 157px}
#footer a.footerlink2 {left: 318px; width: 46px}
#footer a.footerlink3 {left: 367px; width: 34px}
#footer a.footerlink4 {left: 406px; width: 54px}
#footer a.footerlink5 {left: 462px; width: 70px}
#footer a.footerlink6 {left: 535px; width: 43px}
#footer a.footerlink7 {left: 583px; width: 57px}
#footer a.footerlink8 {left: 640px; width: 76px}
#footer a.footerlink9 {left: 717px; width: 44px}
#footer a.footerlink10 {left: 770px; width: 48px}
#footer a.footerlink11 {left: 818px; width: 78px}

#footer .jemzava a {
	font-size: 10px;}