* {
	margin: 0; padding: 0;
	list-style-type: none;
}
body {
	font: 76% Times New Roman, serif;
	color: #322d1d;
	background: #d7b276 url(/images/bgrounds/body.jpg) no-repeat 50% 0;
}

.clear {
	height: 0px;
	line-height: 0;
	clear: both;
	font-size: 0px;
}
a { font-size: 1em; }
a:link { color: #322d1d; text-decoration: underline; }
a:visited { color: #322d1d; text-decoration: underline; }
a:hover { color: #322d1d; text-decoration: none; }
a:active { color: #322d1d; text-decoration: underline;}
a.external {
	background:transparent url(/images/icons/external.png) no-repeat scroll right center;
	padding-right:13px;
}
#content ul { margin: 0 0 1em 5px;}
#content ul li { 
	margin: 0 0 .4em 0; 
	padding: 0 0 0 15px; 
	background: url(/images/icons/arrow.gif) no-repeat 2px 7px; 
}
#content ol {
	margin: 0 0 1em 20px;
}
#content ol li {
	list-style-type: decimal;
	margin: 0 0 .4em 0; 
}

p, table, td, p a, li a, table a, dl a {
	font-size: 1em;
}

img { border: 0; }
.img-l, .left_aligned_image_margin, .left_aligned_image_margin_and_border { margin: 0 10px 10px 0; float: left; }
.img-r, .right_aligned_image_margin, .right_aligned_image_margin_and_border { margin: 0 0 10px 10px; float: right; }
.img-c { margin-left: 0px; margin-bottom: 10px}
.img-bdr, .image_border, .right_aligned_image_margin_and_border, .left_aligned_image_margin_and_border { padding: 1px; border: 1px solid #eee; }

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	margin: 0 0 .5em 0;
	color: #000000;
}
h1 { 
	font-size: 1.4em;
	width: 193px;
	height: 23px;
	background: url(/images/text/synopsis.gif) no-repeat;
	margin: 17px 0 20px 20px;
}
body.true h1 { background: url(/images/text/a-true-story.gif) no-repeat; }
body.trailer h1 { background: url(/images/text/trailer.gif) no-repeat; }
body.char h1 { background: url(/images/text/characters.gif) no-repeat; }
body.behind h1 { background: url(/images/text/behind-the-scenes.gif) no-repeat; }
body.keycast h1 { background: url(/images/text/key-cast-and-crew.gif) no-repeat; }
body.photos h1 { background: url(/images/text/photos.gif) no-repeat; }
body.news h1 { background: url(/images/text/news.gif) no-repeat; }
body#error404 h1 { background: url(/images/text/page-not-found.gif) no-repeat; }


h2 { font-size: 1.2em; }
h3 { font-size: 1em; margin-bottom: 0em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

h1 span, h2 span, h3 span, h4 span {
	display: none;
}

p {
	margin: 0 0 1em 0;
}

hr {
	height: 1px;
	border-width: 0;
	border-top: 1px solid #be923f;
	background-color: #fff;
	margin: 1em 0 !important;
	margin: 0;
}

#container {
	margin: 0 auto;
	width: 959px;
	text-align: left;
}
#header {
	position: relative;
	width: 100%;
	height: 226px;
}

#header .logo {
	position: absolute;
	top: 55px;
	left: 226px;
}
#header h1.story {
	background: url(/images/text/the-story-of-a-crime-writer.gif) no-repeat;
	width: 333px;
	height: 16px;
	position: absolute;
	top: 110px;
	left: 263px;
}
#header h2.excerpt {
	background: url(/images/text/excerpt.gif) no-repeat;
	width: 442px;
	height: 58px;
	position: absolute;
	top: 158px;
	left: 207px;
}

#nav {
	position: absolute;
	top: 11px;
	left: 773px;
	width: 185px;
	height: 200px;
}
#nav li {
	width: 185px;
	height: 25px;
}
#nav li a {
	display: block;
	width: 185px;
	height: 25px;
	text-indent: -9000px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#nav li a:focus {
	outline: none;
}

#nav li#hom a { background-image: url(/images/text/home-default.gif); }
#nav li#hom a:hover { background-image: url(/images/text/home-hover.gif); }
body.home #nav li#hom a, body.home #nav li#hom a:hover { background-image: url(/images/text/home-on.gif); }

#nav li#tra a { background-image: url(/images/text/trailer-default.gif); }
#nav li#tra a:hover { background-image: url(/images/text/trailer-hover.gif); }
body.trailer #nav li#tra a, body.trailer #nav li#tra a:hover { background-image: url(/images/text/trailer-on.gif); }

#nav li#tru a { background-image: url(/images/text/a-true-story-default.gif); }
#nav li#tru a:hover { background-image: url(/images/text/a-true-story-hover.gif); }
body.true #nav li#tru a, body.true #nav li#tru a:hover { background-image: url(/images/text/a-true-story-on.gif); }

#nav li#cha a { background-image: url(/images/text/characters-default.gif); }
#nav li#cha a:hover { background-image: url(/images/text/characters-hover.gif); }
body.char #nav li#cha a, body.char #nav li#cha a:hover { background-image: url(/images/text/characters-on.gif); }

#nav li#beh a { background-image: url(/images/text/behind-the-scenes-default.gif); }
#nav li#beh a:hover { background-image: url(/images/text/behind-the-scenes-hover.gif); }
body.behind #nav li#beh a, body.behind #nav li#beh a:hover { background-image: url(/images/text/behind-the-scenes-on.gif); }

#nav li#key a { background-image: url(/images/text/key-cast-and-crew-default.gif); }
#nav li#key a:hover { background-image: url(/images/text/key-cast-and-crew-hover.gif); }
body.keycast #nav li#key a, body.keycast #nav li#key a:hover { background-image: url(/images/text/key-cast-and-crew-on.gif); }

#nav li#pho a { background-image: url(/images/text/photos-default.gif); }
#nav li#pho a:hover { background-image: url(/images/text/photos-hover.gif); }
body.photos #nav li#pho a, body.photos #nav li#pho a:hover { background-image: url(/images/text/photos-on.gif); }

#nav li#new a { background-image: url(/images/text/news-default.gif); }
#nav li#new a:hover { background-image: url(/images/text/news-hover.gif); }
body.news #nav li#new a, body.news #nav li#new a:hover { background-image: url(/images/text/news-on.gif); }




#main {
	width: 959px;
	margin: 0 0 15px 0;
}
#main-l, #main-r {
	float: left;
	display: inline;
}
#home #main-l {
	background-image: url(/images/bgrounds/main-l.jpg);
	width: 445px;
}
#main-l {
	margin: 0 0 0 212px;
	width: 546px;
	background: url(/images/bgrounds/main-l-inner.jpg) no-repeat;
}
#home #content {
	background-image: url(/images/bgrounds/main-l-bottom.gif);
	padding: 0px 40px 15px 70px;
}
#content {
	background: url(/images/bgrounds/main-l-bottom-inner.gif) no-repeat 48px bottom;
	padding: 0px 50px 15px 70px;
	line-height: 1.6;
	font-size: 1.1em;
}
#content p {
	text-align: justify;	
}

body.keycast #main-r, body.news #main-r, body.photos #main-r, body.behind #main-r, body.trailer #main-r {
	display: none;
}
body.keycast #main-l, body.news #main-l, body.photos #main-l, body.behind #main-l, body.trailer #main-l {
	width: 696px;
	background-image: url(/images/bgrounds/main-l-wide-top2.gif);
}
body.keycast #content, body.news #content, body.photos #content, body.behind #content, body.trailer #content {
	background-image: url(/images/bgrounds/main-l-wide-bottom.gif);
}
#home #main-r {
	width: 302px;
	margin: 16px 0 0 0;
	background-image: url(/images/bgrounds/main-r.gif);
}
#main-r {
	width: 186px;
	background: url(/images/bgrounds/sidenav-top.gif) no-repeat;
	margin: 16px 0 0 15px;
}

#latestnews {
	background: url(/images/bgrounds/main-r-bottom.gif) no-repeat bottom left;
	padding: 16px 0 25px 0;
}
#latestnews h2 {
	background: url(/images/text/latest-news.gif) no-repeat;
	width: 302px;
	height: 22px;
	margin: 0 0 20px 0;
}
#latestnews dl {
	padding: 0 0 0 18px;
}
#latestnews dd {
	width: 220px;
}
#sidenav {
}
#sidenav h2 {
	background: url(/images/text/see-also.gif) no-repeat;
	width: 82px;
	height: 21px;
	margin: 16px 0 20px 56px;
}

#sidenav ul {
	background: url(/images/bgrounds/sidenav-bottom.gif) no-repeat bottom left;
	padding: 0 15px 25px 25px;
}
#sidenav li {
	background: url(/images/icons/arrow.gif) no-repeat 0 7px;
	padding: 2px 0 2px 11px;
}
#sidenav li.current {
	font-weight: bold;
}

#sub-l, #sub-r {
	float: left;
	display: inline;
}
#sub-l {
	margin: 0 0 0 305px;
}
#sub-r {
	
}
#sub-l h3 {
	width: 302px;
	height: 230px;
	background: url(/images/text/meet-the-cast-and-crew.jpg) no-repeat;
}
#sub-l h3 a, #sub-l h3 a:link,#sub-l h3 a:visited,#sub-l h3 a:hover, #sub-l h3 a:active {
	width: 302px;
	height: 230px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
}
#sub-r h3 {
	width: 233px;
	height: 155px;
	background-image: url(/images/text/view-the-trailer-hover.jpg);
	margin: 0 0 0 56px;
}
#sub-r h3 a, #sub-r h3 a:link, #sub-r h3 a:visited,#sub-r h3 a:active {
	display: block;
	overflow: hidden;
	text-indent: -9000px;
	background: url(/images/text/view-the-trailer-default.jpg) no-repeat;
	width: 233px;
	height: 155px;
}
#sub-r h3 a:hover {
	background-image: url(/images/text/view-the-trailer-hover.jpg);
}

.creators {
	margin: 22px 0 0 27px;
}
#footer {
	width: 652px;
	margin: 25px 0 0 262px;
}

#footer h4 {
	width: 652px;
	height: 67px;
	background: url(/images/text/credits.gif) no-repeat;
}


.emailus {
	color: #8c692f;
	background: url(/images/bgrounds/emailus.gif) no-repeat;
	clear: both;
	text-align: center;
	padding-top: 8px;
}
.emailus a {
	text-decoration: underline;
	color: #8c692f;
}
.emailus a:hover {
	text-decoration: none;
	color: #8c692f;
}

#footer ul {
	margin-left: 40px;
}
#footer ul a, #footer ul a:link, #footer ul a:visited, #footer ul a:active {
	display: block;
	/*background-color: green;*/
	padding: 9px 9px 8px 5px;
	/*height: 15px; CANNOT ADD HEIGHT, IE SUCKS*/
	text-decoration: none;
	background: url(/images/bgrounds/footer-li.gif) no-repeat right 50%;
}
#footer ul a.last, #footer ul a.last:link, #footer ul a.last:visited, #footer ul a.last:hover,#footer ul a.last:active {
	background: none;
}
#footer ul a:hover {
	text-decoration: underline;
}

#footer ul li {
	float: left;
	text-align: center;
}

p.date {
	margin-bottom: 0;
}

h2 em {
	/*display: block;*/
	font-size: .9em;
	font-weight: normal;
	font-style: normal;
}

.commentform input, .commentform textarea {
	border: 1px solid #be923f;
	padding: 2px;
	background-color: #e8dfcb;
	color: #322d1d;
	margin-bottom: 5px;
	width: 200px;
	font-size: .9em;
	font-family: "Times New Roman", serif;
}
.commentform input#memberSubit {
	background-color: #8c692f;
	color: #fff;
	width: auto;
	padding: 2px 10px;
	font-weight: bold;
	font-size: .9em;
	font-family: "Times New Roman", serif;
		
}

#bts-map {
	width: 575px;
	height: 562px;
	background: url(/images/photos/behind-the-scenes-map.jpg) no-repeat;
	position: relative;
}
#bts-map a {
	position: absolute;
	top: 21px; left: 0;
	display: block;
	height: 96px;
	text-decoration: none;
	width: 575px;
}
#bts-map a:hover {
	text-decoration: none;
}
#bts-map a.bts2 {
	top: 122px;
}
#bts-map a.bts3 {
	top: 226px;
}
#bts-map a.bts4 {
	top: 328px;
}
#bts-map a.bts5 {
	top: 428px;
}

.premiere {
	width: 242px;
	height: 37px;
	background: url(/images/text/australian-film-premiere.gif) no-repeat;
	margin: 35px 0 0 15px;
}