@charset "utf-8";
/* CSS Document */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


body {
	margin:0;
	padding:0;
	font: 12px Arial, Helvetica, sans-serif;
	}
h1 {display:none;}
#header, #content {
	width: 100%;
	}
.header-wrap {width: 865px; float:left; position:relative; padding-top: 40px;}
.lang { width: 50px; float:right;}
.menu-top {
	text-align:right;
	font-size:11px;
	width: 180px;
	float:right;
	}
.menu-top ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
.menu-top ul li {
	margin:0;
	padding:0 10px 0 7px;
	display: inline;
	border-right: solid 1px #cccccc;
	}
.menu-top ul li a {
	text-decoration:none;
	color:#333333;
	}
.logo {
	width: 355px;
	position:absolute;
	top: 12px;
	left: 41px;
	}
#extra {
	background:url(images/bg-extra.gif) top repeat-x;
	width: 100%;
	}
.extra-wrap {
	width: 862px; float:left;
	background:url(images/extra-header.jpg) left top no-repeat;
	}
.category-list {
	width: 220px;
	float:right;
	text-align:right;
	padding: 50px 0 65px;
	}
.category-list ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
.category-list ul li {
	margin:0;
	padding:7px 25px;
	background:url(images/border-b-menu.gif) bottom right no-repeat;
	}
.category-list ul li a {
	text-decoration:none;
	text-transform:uppercase;
	color: white;
	}
.category-list ul li a:hover {color:#000000;}
#content {
	background:url(images/bg-content.gif) top repeat-x #f0edf7;
	}
.content-wrap {
	width: 847px;
	float:left;
	border-left: 15px solid #5d5d5d;
	}
.main-content-box {
	width: 518px;
	background:url(images/bg-box.gif) left repeat-y;
	margin-top: -75px;
	margin-left: 27px;
	position:relative;
	/*left: 30px;
	top: -60px;*/
	}
.top-box {
	background:url(images/bg-top-box.gif) left top no-repeat;
	}
.bottom-box {
	background:url(images/bg-bottom-box.gif) left bottom no-repeat;	
	padding: 20px;
	line-height: 18px;
	}
.wide-content {
	width: 570px;
	float:left;	position:relative;
	padding-bottom: 5px;
	}
.sidebar {
	width: 250px;
	float:left;
	padding-top: 20px;
	}
h2 {font-size: 18px;
	padding: 0 0 10px 0;
	margin:0;
	color:#f38707;
	}
#film-list {
	background:#000000;
	width:100%;
	}
.film-roll {
	background:url(images/bg-film.jpg) center top no-repeat;
	width: 585px;
	float:left;
	padding: 27px 0;
	}
.film-item {
	width: 126px;
	float:left;
	color:white;
	margin: 3px 0;
	padding: 0 9px 0 10px;
	}
.film-title {
	font-size: 11px;
	padding: 2px 0;
	}
.film-title a { color: #FFFFFF; text-decoration: none;}
.film-title a:hover, #content a, .paging a:hover, .menu-top ul li a:hover { color:#993300;}
#content a:hover { color:#190066;}
.film-desc {
	width: 250px;
	float:left;
	text-align:right;
	padding-top: 15px;
	color:white;
	}
.film-desc h3 {
	font-size: 17px;
	font-weight:normal;
	margin:0;
	padding: 7px 0 10px;
	color: white;
	background:url(images/arrow-left.gif) right bottom no-repeat;
	}
.film-desc h3 span {color:#686868;}
#footer {
	font-size: 11px;
	color:#666666;
	padding: 10px;
	}
input[type=text], textarea, select, input[type=submit] {
	font: 11px Arial, Helvetica, sans-serif;
	}
input[type=text], textarea, select {
	padding: 3px 5px;
	border: solid 1px #cccccc;
	background:white;
	}
input[type=submit] {
	padding: 3px 5px;
	background:#993300;
	color: white;
	text-transform:uppercase;
	border: none;
	}
.bdr {
	border-bottom: solid 1px #cccccc;
	}
.film-view {
	width: 324px;
	float:left;
	border: solid 1px #999999;
	text-align:center;
	}
.film-detail {
	width: 140px;
	float:left;
	padding-left: 10px;
	font-size: 11px;
	}
.film-detail h3 {
	font-size: 12px;
	color:#190066;
	}
.film-desc h4 {
	margin:-5px 0 0 0;
	padding:0;
	text-transform:uppercase;
	font-size: 12px;
	font-weight:normal;
	}
.paging a{
	color: white;
	text-decoration:none;
	}
.film-preview a{
	width:126px;
	height: 87px;
	display:block;
	}
a {text-decoration: none; border:none;}