/* 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:50px/50px 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: 660px; padding:10px 10px 10px 114px; margin: 10px 0;}

ul.nav {position:absolute; top:70px; left:0; opacity: 0.9; }
ul.nav li {margin:7px 0 3px 0; }
ul.nav li a {padding:2px 0px 0px 0px;}
* 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 12px;}
ul.nav li.sub1 {margin:0 0 6px 0; padding: 0 0 0 12px;}
ul.nav li.sub2 {margin:0 0 3px 0; padding: 0 0 0 24px;}
ul.nav li.sub21 {margin:0 0 5px 0; padding: 0 0 0 24px;}

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:120px;
	width:725px; 
	background:#000 url(../i/bgr-gallery.png)  14px 34px no-repeat; 
	padding:10px 0px; 
	}
* 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; 
	}

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:120px;
	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; 
	border:0px solid #222; 
	padding:0 10px 10px 10px; 
	}
.info ul{ 
	margin:0;
	float: right;
	width:437px; 
	border:0px solid #222; 
	padding:0 0px 10px 10px; 
	}
.info ul li{ 
	float: right;
	width:425px; 
	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;}