/**
* Global Styles Defintions
*
* @author			Matt Gifford
* @copyright		2008 Timeshifting Interactive Limited
* @version		1.5.1
*/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0; padding: 0;
	}

html {
	/* always display vertical scrollbar, stops centered content jumping between pages */
	overflow: -moz-scrollbars-vertical; overflow-y: scroll;
	}

body {
	font: 13px lucida grande, verdana, arial, helvetica, sans-serif;
	background: #000;
	}

select, input, textarea {
	font: 99% lucida grande, verdana, arial, helvetica, sans-serif;
	}

table {
	border-collapse: collapse; border-spacing: 0;
	font-size: inherit; font-size: 100%;
	}

fieldset, img {
	border: 0; display: block;
	}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal; font-weight: normal;
	}

pre, code {
	font: 115% monospace;
	}

caption, th {
	text-align: left;
	}

ul, ol {
	list-style: none;
	}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%; font-weight: normal;
	}

q:before, q:after {
	content: '';
	}

abbr, acronym {
	border: 0;
	}

body * {
	line-height:1.22em;
	}

a {
	color: #BD5436; text-decoration: none;
	outline: none !important;
	}

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

a.active {
	cursor: default;
	}

.clear {
	clear: both;
	}

.hidden {
	display: none;
	}



/*  ::  Global Styles  */

#page {
	position: relative; margin: 0 auto 20px auto; padding: 0; width: 960px;
	}



/*  ::  Global Styles  --  Header  */

#globalHeader {
	position: relative; width: 100%; z-index: 200; height: 80px;
	background: url(../images/global-header-bg.png) repeat-x top left;
	}




/*  ::  Global Styles  --  Header  ::  Navigation  */

#globalHeaderNav {
	position: absolute; right: 5px; top: 80px;
	}

#globalHeaderNav li {
	float: left; margin: 0; padding: 0 10px;
	}

#globalHeaderNav li a {
	display: block; float: left; height: 28px; padding: 14px 5px 0 5px;
	font-size: 12px; color: #212121; text-decoration: none;
	}

#globalHeaderNav li a:hover {
	color: #578EC1;
	}

#globalHeaderNav li a.active,
#globalHeaderNav li a.active:hover {
	background: url(../images/global-header-nav-listitem-active-bg.png) no-repeat 50% 34px;
	color: #C5563A;
	}



/*  ::  Global Styles  --  Content  */

#globalContent {
	position: relative; width: 100%; z-index: 100;
	min-height: 400px;
	word-wrap: break-word;		/* stops very long words from increasing the width of their container */
	}



/*  ::  Global Styles  --  Content  ::  Heading Styles  */

#globalContent h1 {
	padding: 0 0 18px 0;
	font-size: 197%; color: #2F2F2F;
	}

#globalContent h2 {
	padding: 1px 0 12px 0;
	font-size: 144%; color: #2F2F2F;
	}

#globalContent h3 {
	padding: 0 0 8px 0;
	font-size: 14px; color: #578FC2;
	}

#globalContent h4 {
	padding: 0 0 6px 0;
	font-size: 100%; color: #2F2F2F;
	}

#globalContent h5 {
	padding: 0 0 4px 0;
	font-size: 12px; color: #2F2F2F;
	}

#globalContent h6 {
	padding: 0 0 3px 0;
	font-size: 85%; color: #2F2F2F;
	}

#globalContent h1.runOn,
#globalContent h2.runOn,
#globalContent h3.runOn,
#globalContent h4.runOn,
#globalContent h5.runOn,
#globalContent h6.runOn {
	padding-bottom: 2px;
	}

#globalContent h1.sectionEnd,
#globalContent h2.sectionEnd,
#globalContent h3.sectionEnd,
#globalContent h4.sectionEnd,
#globalContent h5.sectionEnd,
#globalContent h6.sectionEnd {
	padding-bottom: 35px;
	}



/*  ::  Global Styles  --  Content  ::  Paragraph Styles  */

#globalContent p {
	font-size: 12px; color: #7F7F7F;
	padding: 0 0 16px 0;
	}

#globalContent p.runOn {
	padding-bottom: 6px;
	}

#globalContent p.sectionEnd {
	padding-bottom: 35px;
	}



/*  ::  Global Styles  --  Content  ::  List Styles  */

#globalContent ol,
#globalContent ul {
	margin-top: 0;
	margin-bottom: 16px;
	padding: 0 0 0 15px;
	}

#globalContent ol {
	list-style: decimal;
	}

#globalContent ul {
	list-style: disc;
	}

#globalContent ol.runOn,
#globalContent ul.runOn {
	margin-bottom: 6px;
	}

#globalContent ol.sectionEnd,
#globalContent ul.sectionEnd {
	margin-bottom: 35px;
	}

#globalContent ol.noIndent,
#globalContent ul.noIndent {
	margin-left: 0; padding-left: 0;
	list-style: inside;
	}

#globalContent ol.noBullets,
#globalContent ul.noBullets {
	list-style: none;
	}

#globalContent li {
	font-size: 12px; color: #7F7F7F;
	padding-bottom: 4px;
	}



/*  ::  Global Styles  --  Content  ::  Column Styles  */

#globalContent div.cols2 {
	float: left; width: 49.975%;
	}

#globalContent div.cols3 {
	float: left; width: 33.275%;
	}

#globalContent div.cols4 {
	float: left; width: 24.975%;
	}

#globalContent div.cols5 {
	float: left; width: 19.975%;
	}



/*  ::  Global Styles  --  Footer  */

#globalFooter {
	position: relative; width: 100%; z-index: 100;
	}

#globalFooter p.links {
	margin: 0; padding: 15px 0;
	background: #000;
	font-size: 11px; text-align: center; color: #787878;
	}

#globalFooter p.links a {
	padding: 0 2px; text-decoration: none;
	color: #8BAECE;
	}

#globalFooter p.links a:hover {
	color: #C35A3D;
	}

#globalFooter p.links a.active,
#globalFooter p.links a.active:hover {
	color: #fff;
	}

#globalFooter p.copyright {
	margin: 0; padding: 15px 0;
	background: #000; border-bottom: 1px solid #333;
	font-size: 11px; text-align: center; color: #ccc;
	}



/*  ::  Page Styles  --  Home  ::  Featured  */

#homeFeatured {
	position: relative; width: 960px; height: 431px; margin: 0; padding: 0;
	background: #000;
	z-index: 1;
	}

#homeFeatured #homeFeaturedImage {
	position: absolute; width: 960px; height: 331px; padding: 100px 0 0 0;
	background: #fff url(../images/inside-sidebar-bg.png) repeat-x top left;
	text-align: center;
	}

#homeFeatured #homeFeaturedImage img {
	display: inline;
	}

#homeFeatured #homeFeaturedImage h5 {
	font-size: 11px; padding: 20px 0 10px 0;
	}

#homeFeatured #homeFeaturedImage h6 {
	margin: 0; padding: 0;
	font-size: 10px; line-height: 1.4;
	color: #578FC2;
	}

#homeFeatured #homeFeaturedImage p {
	font-size: 11px; line-height: 1.4;
	}

#homeFeatured div.transparent {
	visibility: hidden !important;
	}

#homeFeatured div.transparent {
	visibility: hidden !important;
	}

#homeFeatured #homeFeaturedImage {
	z-index: 15;
	}

#homeFeatured #flashContainer {
	position: absolute; top: 0px; width: 960px; height: 431px; margin-left: auto; margin-right: auto;
	z-index: 20;
	}



/*  ::  Page Styles  --  Home  ::  Films  */

#homeFilms {
	position: relative; width: 100%; height: 260px;
	background: #F5F5F5;
	}

#homeFilms h2 {
	position: absolute; left: 0; top: 0; width: 100%; height: 43px; margin: 0; padding: 0;
	background: #E6E6E6;
	}

#homeFilms div.wrapper {
	position: absolute; left: 12px; top: 43px; height: 217px; width: 935px; overflow: hidden;
	}

#homeFilmsContent {
	position: absolute; left: 0; top: 0; height: 217px; width: 9999px;
	}

#homeFilms div.filmItem {
	float: left; width: 187px; height: 217px;
	}

#homeFilms div.filmItem a {
	display: block; width: 187px; height: 193px; padding: 24px 0 0 0;
	background: #F5F5F5 url(../images/home-films-item-bg.png) no-repeat 187px 0;
	color: #141414; text-decoration: none; text-align: center;
	}

#homeFilms div.filmItem a:hover {
	background-position: 0 0;
	color: #BD5436; text-decoration: none;
	}

#homeFilms div.filmItem a img {
	margin: 0 auto;
	}

#homeFilms div.filmItem a span {
	display: block; margin: 8px 0 0 0; text-align: center;
	font-size: 11px;
	}

#homeFilms div.filmItem a span i {
	color: #696969;
	}

#homeFilmsPrev {
	position: absolute; left: -15px; top: 119px; width: 47px; height: 47px;
	background: url(../images/home-films-nav-prev-fs8.png) no-repeat top left;
	}

#homeFilmsPrev:hover {
	background-position: 0 -47px;
	}

#homeFilmsNext {
	position: absolute; left: 927px; top: 119px; width: 47px; height: 47px;
	background: url(../images/home-films-nav-next-fs8.png) no-repeat top left;
	}

#homeFilmsNext:hover {
	background-position: 0 -47px;
	}

#homeFilms a.disabled {
	background-position: 0 0 !important;
	}



/*  ::  Page Styles  --  Inside  ::  Content  */

#insideContent {
	position: relative; width: 100%; overflow: hidden;
	}



/*  ::  Page Styles  --  Inside  ::  Header  */

#insideHeader {
	position: relative; width: 100%; height: 48px; overflow: hidden;
	}

#insideHeader h1 {
	margin: 0; padding: 0;
	}



/*  ::  Page Styles  --  Inside  ::  Sidebar  */

#insideSidebar {
	float: left; position: relative; width: 292px; padding: 15px 20px 250px 25px;
	background: url(../images/inside-sidebar-bg.png) no-repeat top left;
	}

#insideSidebar img.logo {
	display: block; margin: 10px 0 27px 64px;
	}

#insideSidebar h5 {
	font-size: 11px;
	}

#insideSidebar h6 {
	margin: 0; padding: 0;
	font-size: 10px; line-height: 1.4;
	color: #578FC2;
	}

#insideSidebar p {
	font-size: 11px; line-height: 1.4;
	}



/*  ::  Page Styles  --  Inside  ::  Body  */

#insideBody {
	float: left; position: relative; width: 575px; margin: 0 0 0 30px; padding: 0 0 50px 0;
	}

#insideBody div.hr {
	position: relative; width: 100%; height: 1px; margin: 0 0 15px 0; overflow: hidden;
	background: #EDEDED;
	}

#insideBody div.hr hr {
	display: none;
	}

#insideBody p.top {
	padding: 20px 0 0 0;
	}



/*  ::  Page Styles  --  Our Films  */

#filmsContent {
	position: relative; width: 100%; overflow: hidden;
	}

#filmsContent div.filmItem {
	position: relative; width: 100%;
	}

#filmsContent div.filmItem div.photo {
	float: left; width: 225px; padding: 0 0 12px 0;
	}

#filmsContent div.filmItem div.details {
	float: left; width: 350px; padding: 0 0 12px 0;
	}

#filmsContent div.filmItem div.details h3 {
	margin: 0; padding: 0 0 3px 0;
	font-size: 14px; font-weight: normal; color: #578FC2;
	}

#filmsContent div.filmItem div.details ul {
	margin: 0; padding: 0; list-style: none;
	}

#filmsContent div.filmItem div.details ul li {
	margin: 0; padding: 0 0 2px 0;
	}

#filmsContent div.filmItem div.synopsis {
	clear: left; width: 100%;
	}

#filmsContent div.filmItem div.synopsis p {
	padding: 0 0 25px 0 !important;
	}



/*  ::  Page Styles  --  About  */

#aboutContent {
	position: relative; width: 100%; overflow: hidden;
	}



/*  ::  Page Styles  --  Contact  */

#contactContent {
	position: relative; width: 100%; overflow: hidden;
	}

#contactContent p.message {
	color: #c00;
	}

#contactContent form {
	margin: 0; padding: 10px 0 0 0;
	}

#contactContent label {
	display: block; margin: 0; padding: 0 0 2px 0;
	font-weight: normal; font-size: 12px; color: #0A0A0A;
	}

#contactContent input.text {
	display: block; width: 382px; height: 20px; margin: 0 0 20px 0; padding: 3px 3px 0 3px;
	background: #fff; border: 1px solid #CECECE;
	font: normal 12px arial, geneva, helvetica, sans-serif;
	}

#contactContent textarea {
	display: block; width: 382px; height: 100px; margin: 0 0 4px 0; padding: 0px 3px 0 3px;
	background: #fff; border: 1px solid #CECECE;
	font: normal 12px arial, geneva, helvetica, sans-serif;
	}

#contactContent input.button {
	display: block; margin: 0 0 0 306px;
	}



/*  ::  Page Styles  --  News  */

#newsContent {
	position: relative; width: 100%; overflow: hidden;
	}

#newsContent h2 {
	padding: 0;
	}

#newsContent h3 {
	padding-top: 30px;
	}

#newsContent div.newsItem {
	position: relative; width: 100%; margin: 0; padding: 0 0 8px 0;
	}

#newsContent div.newsItem h4 {
	margin: 0; padding: 0 0 0 8px;
	background: url(../images/news-body-newsitem-heading-bg.png) no-repeat 0 50%;
	}

#newsContent div.newsItem h4 a {
	font-size: 14px; color: #578FC2; text-decoration: none;
	}

#newsContent div.newsItem h4 a:hover {
	text-decoration: underline;
	}

#newsContent div.newsItem h6 {
	margin: 0; padding: 0 0 8px 0;
	font-size: 10px; color: #505050;
	}

#newsContent div.newsItem p {
	margin: 0; padding: 0 0 10px 0;
	}