/* basic elements */
body { font-size:11px; line-height:1.8; background:#222; margin:10px 0; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h2 {font-size:1.8em; margin-bottom:0.2em; text-indent:-1000em; background:0 50% no-repeat;}
h3 {font-size:1.5em; padding-top:0.7em; clear:both;}
p { margin:0 0 1em; word-spacing:1px; }
p img { margin:0.5em 1em 0.5em 0; }
p img.right { margin:0.5em 1em 0.5em 1em; }
p img.center { float:none; margin:0; }
blockquote p { margin-bottom:0.3em; }
blockquote p img.right { margin-right:0; }


/*a { color:#E90B00; }
a:hover, a:focus { color:#E90B00; text-decoration:none; }*/

/* layout */
.container { background:url(../img/bg-jermal-2.jpg) no-repeat; }
.container:after { display:none; }
.bd {
	height:505px;
	background:url(../img/bg-copyright.gif) 190px 0 repeat-y;
	border-bottom:10px solid #222;
}
.ft { clear:both; height:35px; color:#ccc; }
.ft p { line-height:1.2; font-size:9px; word-spacing:-1px; }
.ft p, .ft span { float:left; margin-bottom:0; }
.ft .span-5 { border-right:10px solid #222; }
.ft .span-19 { text-align:right; width:735px; padding:7px 10px 0 0; }

#grid-1 { height:505px; position:relative; }
#grid-2 { padding-top:25px; }
.box { background:url(../img/bg-box.png); padding:7px 15px 15px; margin:0; }
.box-inner { height:285px; overflow:auto; }

/* common classes */
.nav { list-style:none; margin:95px 0 0; border-top:10px solid #222; }
.nav li { border-bottom:10px solid #222; }
.nav a, .nav-ecco a {
  display:block;
  height:25px;
  text-indent:-1000em;
  overflow:hidden;
  background:transparent url(../img/nav-jermal.png) no-repeat;
}

.nav-trailer a { }
.nav-trailer a:hover,
.nav-trailer a:focus { background-position:0 -25px; }

.nav-synopsis a { background-position:0 -50px; }
.nav-synopsis a:hover,
.nav-synopsis a:focus { background-position:0 -75px; }

.nav-casts a { background-position:0 -100px; }
.nav-casts a:hover,
.nav-casts a:focus { background-position:0 -125px; }

.nav-statement a { background-position:0 -150px; }
.nav-statement a:hover,
.nav-statement a:focus { background-position:0 -175px; }

.nav-notes a { background-position:0 -200px; }
.nav-notes a:hover,
.nav-notes a:focus { background-position:0 -225px; }

.nav-location a { background-position:0 -250px; }
.nav-location a:hover,
.nav-location afocus { background-position:0 -275px; }

.nav-home a { background-position:0 -300px; }
.nav-home a:hover,
.nav-home a:focus { background-position:0 -325px; }

.nav-press a { background-position:0 -385px; }
.nav-press a:hover,
.nav-press a:focus { background-position:0 -410px; }

.nav-ecco a { height:35px; background-position:0 -350px; }
.nav-ecco a:hover,
.nav-ecco a:focus { }

.lang { border:none !important; position:absolute; top:65px; right:5px; }
.lang span { /*float:left; margin-right:7px;*/ display:none; }
.lang a {
	float:left;
	width:24px;
  height:24px;
	margin-right:6px;
  text-indent:-1000em;
	background:no-repeat;
}
.lang .id { background-image:url(../img/flag-id.png); }
.lang .en { background-image:url(../img/flag-uk.png); }

.cite { font-weight:bold; color:#222; }

/* page headings */
.trailer h2 { background-image:url(../img/hd-trailer.png); }
.synopsis h2 { background-image:url(../img/hd-synopsis.png); }
.cast-list h2 { background-image:url(../img/hd-cast.png); }
.crew-list h2 { background-image:url(../img/hd-crew.png); }
.statement h2 { background-image:url(../img/hd-statement.png); }
.notes h2 { background-image:url(../img/hd-notes.png); }
.location h2 { background-image:url(../img/hd-location.png); }
.press h2 { background-image:url(../img/hd-press.png); }
.character h2 { background-image:url(../img/hd-characters.png); }
.photos h2 { background-image:url(../img/hd-photo.png); }

/* id page headings */
.id .synopsis h2 { background-image:url(../img/hd-synopsis-id.png); }
.id .cast-list h2 { background-image:url(../img/hd-cast-id.png); }
.id .crew-list h2 { background-image:url(../img/hd-crew-id.png); }
.id .statement h2 { background-image:url(../img/hd-statement-id.png); }
.id .notes h2 { background-image:url(../img/hd-notes-id.png); }
.id .location h2 { background-image:url(../img/hd-location-id.png); }
.id .character h2 { background-image:url(../img/hd-characters-id.png); }
.id .photos h2 { background-image:url(../img/hd-photo-id.png); }

/* front page */
.home { background-image:url(../img/bg-jermal.jpg); }
.home .bd { height:515px; border:none; }
.home #grid-1 { border-bottom:10px solid #222; }
.home #grid-2 { text-indent:-1000em; }

.trailer .box-inner { /*height:305px !important;*/ }

/* cast page */
.cast h2 { margin-bottom:0; background-position:175px 0; clear:both; }
.cast .box { padding-top:15px; }
.cast .box-inner { height:315px; }
.cast .box ul { float:left; list-style:none; margin-left:0; }
.cast .box li { float:left; clear:both; width:470px; }
.cast .box strong, .cast .box span { float:left; width:190px; margin-right:3px; }
.cast .box span { width:270px; }
.cast .box strong { text-align:right; }

/* director's notes page */
.notes h2, .location h2 { margin:8px 0 0; line-height:1; }
.notes .directors, .location .author { margin-bottom:16px; }
.notes .box-inner, .location .box-inner { height:260px; }

/* press kit page */
.press .box p { clear:both; }
.press .box a {
	font-weight:bold;
	text-align:center;
	float:left;
	display:block;
	width:110px;
	padding-top:65px;
}
.pdf { background:url(../img/ico-pdf.png) 50% 0 no-repeat; }
.zip { background:url(../img/ico-zip.png) 50% 0 no-repeat; }
.img { background:url(../img/ico-img.png) 50% 0 no-repeat; }

/* photo page */
.photos .box ul { list-style:none; margin:0; }
.photos .box li { float:left; margin:0 10px 10px 0; height:72px; overflow:hidden; }
.photos .box p { clear:both; }
.photos .box img { width:110px; }
.photo-download { float:right; padding-right:35px; }