/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */

br { clear:both; height:1px; margin:-1px 0 0 0 }






/* Typography */

h1 { font: italic 24px/24px Georgia, Palatino, Garamond, serif;}
li { font:11px/14px Georgia, Palatino, Garamond, serif;}
p { font:11px/14px Georgia, Palatino, Garamond, serif;}
input, textarea { font:11px/14px Georgia, Palatino, Garamond, serif;}

a { text-decoration:none; color:#777; }





/* Layout */

body { 
	background:#000; color:#aaa; 
	font-family:Georgia, Palatino, Garamond, serif;
	margin:0; padding:0;
	}
#wrap {width: 880px; margin: 0 auto; padding:0; position: relative;}

h1 {width: 630px; padding:24px 10px 10px 144px; margin: 10px 0; color:#eee; }
h1 a {color:#eee; }

#lang {width: 100px; position: absolute; top:35px; right: 23px; font-size:12px; font-weight: bold;}
#lang a, #lang a:hover {color:#777;}
#lang a.active-lang {color:#950004;}
#lang a.active-lang:hover {color:#777;}

div#topBlock {width: 264px; position: absolute; top:15px; left: 579px; font-size:11px;}
div#topBlock a.top-link{margin-bottom:8px; padding-bottom: 5px; display: block; color:#ddd; border-bottom:1px dotted #aaa;}
div#topBlock a.top-link:hover{color:#bbb;}
div#topBlock img {width: 262px;}

ul.nav {position:absolute; top:70px; left:0; opacity: 0.9; }
.homepage ul.nav {position:absolute; top:76px; left:0; opacity: 0.9; }

ul.nav li {margin:7px 0 3px 0; }
ul.nav li a {padding:2px 0px 0px 0px; color:#eee;font: bold italic 12px/15px Georgia, Palatino, Garamond, serif; }
* html ul.nav li a {padding:2px 0px 1px 0px;}/* IE6 */
*+html ul.nav li a {padding:2px 0px 2px 0px;}/* IE7 */
/*ul.nav li a.tall{padding:7px 20px 8px 20px;} */

ul.nav li a:hover {border-bottom:1px dotted #aaa;}
ul.nav li a.active, ul.nav li a:hover.active {}

ul.nav li.sub {margin:0 0 3px 0; padding: 0 0 0 8px;}
ul.nav li.sub1 {margin:0 0 6px 0; padding: 0 0 0 8px;}
ul.nav li.sub2 {margin:0 0 3px 0; padding: 0 0 0 16px; font: bold italic 11px/15px Georgia, Palatino, Garamond, serif; }
ul.nav li.sub21 {margin:0 0 5px 0; padding: 0 0 0 16px; font: bold italic 11px/15px Georgia, Palatino, Garamond, serif; }

ul.nav li.sub2 a, ul.nav li.sub21 a { font: italic 12px/15px Georgia, Palatino, Garamond, serif; }

ul.nav li a.active, ul.nav li a:hover.active {border-bottom:1px dotted #aaa;}

div.galleryHome { 
	position:absolute; 
	top:50px; 
	left:120px;
	width:725px;  
	padding:10px 0px; 
	}
div.gallery { 
	position:absolute; 
	top:50px; 
	left:140px;
	width:725px; 
	background:#000 url(../i/bgr-gallery.png)  14px 34px no-repeat; 
	padding:10px 0px; 
	}
	
.homepage div.gallery { 
	top:60px; 
	}
	
* html div.gallery{ /* IE6 */
	background:#000 url(../i/bgr-gallery.png)  13px 24px no-repeat; 
	}
*+html div.gallery{ /* IE7 */
	background:#000 url(../i/bgr-gallery.png)  14px 24px no-repeat; 
	}
div.homeSlide { 
	background:#000; 
	}

div.largeSlide {
    border: 1px solid #333333;
    height: 600px;
    margin: 10px auto 112px;
    padding: 13px 57px 13px 58px;
    width: 600px;
}


div.video {
    left: 120px;
    padding: 0 0 10px;
    position: absolute;
    top: 50px;
    width: 725px;
}

div#video-container {
    background: url(../i/bgr-gallery.png) 10px 0 no-repeat;
    margin: 30px 0;
    padding: 0 0 0 60px;
}

p { 	
	float: left;
	padding:10px 12px; 
	margin: 0 0 0 4px; 
	width:691px; 
	border:1px solid #222;
	opacity:.60;
	/* filter:alpha(opacity=60); */
	} 

/* Custom page styles */

body.home { background:#040404;}
body.home div.home {height: 700px; background:#040404 url(../images/bgr-home.jpg) 50px 120px no-repeat; border:1px solid #040404; }

.homePage { height: 675px;}
.innerPage { height: 745px;}

.genres{
	position:absolute; 
	top:50px; 
	left:140px;
	width:725px; 
	border:1px solid #000; 
	padding:10px 0px; 
	}
.genres li{
	float: left;
	width:340px; 
	padding:10px 27px 10px 5px; 
	}
.genres li.odd{
	padding:10px 0px 10px 5px; 
	}
.genres img{
	width:340px; 
	height:140px; 
	border:1px solid #222; 
	padding:1px; 
	}
.genres a:hover span{
	border-bottom:1px dotted #aaa;
	}

.info{
	position:absolute; 
	top:50px; 
	left:120px;
	width:695px; 
	padding:10px 10px 10px 10px ; 
	margin:22px 0 0px 7px; 
	border:1px solid #222;
	font-size: 11px;
	}
.info img{ 
	border:1px solid #222; 
	padding:1px; 
	float: left;
	clear: both;
	}
.info p{ 
	float: right;
	width:427px; 
	width:684px; 
	border:0px solid #222; 
	padding:0 10px 10px 10px; 
	}
.info ul{ 
	margin:0;
	float: right;
	width:437px; 
	width:685px; 
	border:0px solid #222; 
	padding:0 0px 10px 10px; 
	padding:0 0 0 0; 
	}
.info ul li{ 
	float: right;
	width:425px; 
	width:684px; 
	border:1px solid #222; 
	padding:5px; 
	margin:3px 0; 
	}
.info ul li.header{ 
	font-size: 14px;
	font-weight: bold;
	padding: 0 5px 10px 5px; 
	border:0px solid #222; 
	}
.info a{ 
	border-bottom:1px dotted #aaa;
	}
.info a:hover{ 
	color:#ccc;
	}
.infoImg{
	width: 240px;
	float: left;
	}
.infoImg img{
	margin-bottom: 15px;
	}
.infoImg img.nina{
	margin-bottom: 3px;
	}
.infoImg span{
	font-size:11px;
	color:#777;
	}

.contact{
	width: 300px;
	float: left;
	}
.contact img{
	width: 115px;
	float: none;
	border:0;
	}
.form{
	width: 330px;
	float: left;
	}
.form input, .form  textarea{
	width: 200px;
	border: 1px solid #555;
	color:#aaa;
	background:#333;
	margin-bottom: 3px;
	}
.form  textarea{
	width: 310px;
	}
.form input#submit{
	width: 107px;
	border: 1px solid #777;
	color:#ccc;
	background:#555;
	margin: 3px 0;
	}
	
#footer {
	margin: 0;
	padding:5px 5px 0 0;
	text-align:right;
	float:right;
	width:90%;
	}
#footer1 {
	position: absolute;
	bottom: 0;
	right:0;
	margin-bottom: -55px;
	padding:5px 0 5px 0;
	text-align:right;
	width:90%;
	}
a.author, span.author { color:#555; font:10px/15px Georgia, Palatino, Garamond, serif; border-bottom: 0px dotted #555;}
a:hover.author { color:#555; border-bottom: 1px dotted #555; }

.r {border:1px solid red;}

#video {    
	height: 564px;
    margin: 10px auto 12px;
    padding: 53px 57px 13px 58px;
    width: 604px;
	background: #000;
	display:none; 
	position:absolute; 
	top: 9px; 
	left: 3px;
}
#video iframe {
	border: 1px solid #333;
}
#close {display:block; padding:5px; background:#600; color:#fff; position:absolute; top:20px; right:59px; cursor:pointer;}