/* Reset */
body {
	margin:0;
}
p {
	margin:0;
}
h1, h2, h3, h4 {
	font-weight:normal;
	margin:0;
}
img {
	border:0;
}
ul {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
/* */
body {
	background:#000;
	color:#FFF;
	font-family:Georgia;
	font-size:16px;
}
p {
	line-height:1.6;
	margin:20px 0;
}
a {
	color:#FFF;
}
a:hover {
	color:#39C;
}
.clear {
	clear:both;
}
/* Макет */
#container {
	min-width:1000px;
}
#header {
}
#middle {
	width:100%;
}
#wrapper {
	float:left;
	width:100%;
}
#content {
	margin:0 220px 0 180px;
	padding:40px 10px 120px 10px;
}
#sidebar1 {
	float:left;
	font-size:10pt;
	margin-left:-100%;
	min-height:1000px;
	padding:40px 10px 120px 10px;
	width:160px;
}
#sidebar2 {
	float:left;
	font-size:10pt;
	margin-left:-220px;
	padding:40px 10px 120px 10px;
	width:200px;
}
#footer {
	border-top:1px solid #666;
	clear:both;
	color:#999;
	height:120px;
	padding:10px;
}
#filmstrip {
	padding:40px 0 120px;
	text-align:center;
}
/* #header */
#logo {
	padding:10px;
}
.menu {
	background:#666;
	font-family:Microsoft Sans Serif;
	font-size:10pt;
	font-weight:bold;
	height:20px;
}
.menu li {
	float:left;
	height:20px;
	width:16%;
	text-indent:20px;
}
.menu a {
	color:#000;
	display:block;
	height:20px;
}
.menu a:hover {
	background:#999;
	color:#000;
}
.menu .selected {
	background:#CCC;
	color:#000;
}
.menu .selected a:hover {
	background:#CCC;
}
/* Навигация */
.categories {
	font-family:Microsoft Sans Serif;
}
.categories li {
	padding:4px 0;
}
.categories span {
	display:inline-block;
	padding:4px 10px;
}
.categories .selected {
	background:#39C;
	display:inline-block;
	padding:4px 10px;
}
.categories .selected a:hover {
	color:#FFF;
}
.brand {
	line-height:1.8;
	font-family:Microsoft Sans Serif;
}
.brand span {
	color:#C00;
	font-size:14pt;
}
.brand span a, brand span a:hover {
	color:#C00;
}
.abc {
	font-family:Microsoft Sans Serif;
	font-size:14pt;
	margin-top:40px;
}
.abc li {
	float:left;
	margin:0 4px 4px 0;
	padding:4px;
}
.abc a {
	color:#666;
}
.abc a:hover {
	color:#FFF;
}
.abc .selected {
	background:#666;
	color:#000;
}
/* #content */
h1, h2, h3, h4, #title, .title {
	font-family:Georgia;
}
h1 {
	font-size:24pt;
	margin-bottom:20px;
}
h1 span {
	font-size:18pt;
}
h2 {
	color:#C00;
	font-size:18pt;
	margin:80px 0 20px;
}
h3 {
	font-size:16pt;
	margin:80px 0 20px;
}
h4 {
	font-size:14pt;
	margin:80px 0 20px;
}
hr {
	border:1px solid #666;
	margin:20px 0 80px;
}
.description {
	color:#999;
	font-family:Georgia;
	font-size:14pt;
	font-style:italic;
	margin-bottom:80px;
}
.title {
	font-size:16pt;
}
.block {
	clear:both;
	font-family:Georgia;
	margin-top:80px;
	overflow:hidden;
	width:100%;
}
.block p {
	margin:0;
}
.block .image {
	color:#C00;
	float:left;
	font-size:14pt;
	text-align:right;
	width:200px;
}
.block .info {
	font-family:Microsoft Sans Serif;
	font-size:10pt;
	margin-left:200px;
	padding-left:20px;
}
.block .title {
	font-size:16pt;
	line-height:1.2;
	margin-bottom:10px;
}
.block li {
	margin-bottom:10px;
}
.folder {
	float:left;
	height:220px;
	margin:0 10px 40px 0;
	text-align:center;
	width:160px;
}
.folder div {
	display:table-cell;
	height:160px;
	vertical-align:bottom;
	width:160px;
}
.folder p {
	font-family:Georgia;
	font-size:12pt;
	margin-top:10px;
}
.thumbnails {
	color:#C00;
	font-family:Georgia;
	font-size:18pt;
	margin-bottom:80px;
}
.thumbnails img {
	margin-right:10px;
	vertical-align:middle;
}
.thumbnail {
	float:left;
	height:180px;
	width:180px;
}
.thumbnail span {
	display:table-cell;
	height:180px;
	text-align:center;
	vertical-align:bottom;
	width:180px;
}
.filmography {
	margin-top:40px;
}
.filmography li {
	margin-top:20px;
}
.filmography .year {
	font-family:Verdana;
}
.filmography .russian {
	color:#FFF;
}
.filmography .fee {
	color:#093;
}
/* #filmstrip */
#screen {
	height:600px;
	margin:40px auto;
	position:relative;
	width:1000px;
}
#screen .image {
	height:600px;
	margin:0 auto;
	width:800px;
}
#screen .image span {
	display:table-cell;
	height:600px;
	margin:0 auto;
	vertical-align:middle;
	width:800px;
}
#screen .previous {
	background:url(http://www.nochnoefoto.ru/images/screen-previous-0.gif) no-repeat left;
	height:600px;
	left:0;
	position:absolute;
	width:500px;
}
#screen .next {
	background:url(http://www.nochnoefoto.ru/images/screen-next-0.gif) no-repeat right;
	height:600px;
	right:0;
	position:absolute;
	width:500px;
}
#screen .previous a {
	background:url(http://www.nochnoefoto.ru/images/screen-previous.gif) no-repeat left;
	display:block;
	height:600px;
	width:500px;
}
#screen .next a {
	background:url(http://www.nochnoefoto.ru/images/screen-next.gif) no-repeat right;
	display:block;
	height:600px;
	width:500px;
}
#film {
	margin:40px auto;
	width:1000px;
	height:180px;
}
.frame {
	float:left;
	height:180px;
	width:180px;
}
.frame span {
	display:table-cell;
	height:180px;
	text-align:center;
	vertical-align:middle;
	width:180px;
}
.current img {
	border:4px solid #39C;
}
#film .left {
	background:url(http://www.nochnoefoto.ru/images/film-left-0.gif) no-repeat left;
	float:left;
	height:180px;
	width:50px;
}
#film .right {
	background:url(http://www.nochnoefoto.ru/images/film-right-0.gif) no-repeat right;
	float:right;
	height:180px;
	width:50px;
}
#film .left a {
	background:url(http://www.nochnoefoto.ru/images/film-left.gif) no-repeat left;
	display:block;
	height:180px;
	width:50px;
}
#film .right a {
	background:url(http://www.nochnoefoto.ru/images/film-right.gif) no-repeat right;
	display:block;
	height:180px;
	width:50px;
}

