html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1.3636;
margin: 0;
background:#181716;
font: 10px "Lucida Grande", Verdana, Helvetica, sans-serif;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: none;
}
ul {
list-style: none;
}
#header {
height: 90px;
text-indent:-1000px;
}
#browser {
width: 5000px;
height: 600px;
clear: both;
}
#browser, #browser li.empty, #browser li.desc {
height: 400px;
background-image: none;
}
#browser li.desc {
padding-top: 10px;
height: 390px;
width: 250px;
border-right:1px solid #202020;
border-left:1px solid #202020;
}
.notwork #browser li.desc {
border-right:0px;
}
#browser li {
float: left;
margin-right: 15px;
}
#browser li img {
cursor:pointer;
}
#browser li.empty, #browser li.desc {
width: 260px;
}
#browser li.desc p, #browser li.desc h3, h4, #browser li.desc ul {
color: #444;
margin: 0 25px;
line-height: 1.5;
margin-bottom: 1.5em;
list-style:circle;
}
#browser li.desc h4 {
color: #d8d8d8;
font-weight: bold;
margin-bottom:0;
}
#browser li.desc h3 {
color: #aaa;
font-size:10px;
letter-spacing:1.5px;
text-transform:uppercase;
}
#browser li.desc h5 {
color: #bbb;
text-decoration: underline;
}

#browser li.desc ul {
margin-top:-10px;
}

#browser li.desc ul li{
float:none;
padding-left:.2em;
margin-left:1.2em;
}
p strong{
color: #777;
}
#browser li.desc p a{
color: #777;
border-bottom: 1px solid #444;
text-decoration: none;
}
#browser li.desc p a:hover{
color: #fff;
border-bottom: 1px solid #999;
}
.menu {
color: #444;
text-shadow: #222 0px 0px 2px;
width:275px;
}
.menu ul{
margin-top: 1em;
margin-left:20px;
}

.menu li.active{
	color: #aaa;
}
.menu li.active a{
color: #aaa;
padding: 1px 3px;
text-shadow: none;
margin-left:-3px;
}
.menu a {
color: #555;
text-decoration: none;
}
.menu .sec a {
color: #555;
}
.menu a:hover {
color: #888;
}
.menu .main {
font-size:12px;
line-height:9px;
margin-bottom:4em;
}
#browser .menu li {
margin-bottom: 1em;
float:none;
}

#browser #ul0 li {
margin-bottom:0;
line-height:1.7em;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
div.scroll {
overflow-y: scroll;
height: 500px;
width: 270px;
}
.small div.scroll {
overflow-y: scroll;
height: 310px;
width: 490px;
}
li#preview {
padding-left: 20px;
border-left:1px solid #202020;
}
* html li#preview {
line-height:124px;
}
#preview a {
outline: none;
}

#preview img {
opacity:0.9;
filter:alpha(opacity=90);
margin:0 12px 12px 0;
}
#preview a {

}
#preview img:hover {
opacity: 1;
}
#preview a:hover img {
filter:alpha(opacity=100);
}

#preview hr {
clear: both;
height: 0;
border: 0;
}

#preview.off img {
opacity:0.2;
filter:alpha(opacity=20);
}
#bar {
position: fixed;
top: 20px;
left: 20px;
padding-left: 280px;
padding-top: 13px;
height: 40px;
background:url(/css/images/logo_noir.png) no-repeat top left;
}
* html #bar {
position:absolute;
}
#bar a {
margin-right: 3px;
opacity: 0.1;
outline: none;
}
#bar a img {
filter:alpha(opacity=10);
}
#bar a:hover {
opacity: 0.3;
}
#bar a:hover img {
filter:alpha(opacity=30);
}
#bar a.on {
opacity: 0.6;
}
#bar a.on img {
filter:alpha(opacity=60);
}
p#top {
text-transform: uppercase;
letter-spacing: 1.2px;
border-bottom: solid 1px #333;
font-size: 10px;
padding-bottom: 5px;
margin-bottom: 20px;
}
#top a {
color: #444;
}
#top a.active {
color: #999;
}
.press, .book {
position:relative;
}
.press p.name, .book p.name {
margin-top:5px;
color:#444;
position:absolute;
top:404px;
left:5px;
}
.press .col {
float:left;
border-right :1px solid #202020;
padding:0 5px;
height:400px;
}

.press .zoom {
float:left;
border-right :1px solid #333;
padding:0 5px;
height:400px;
}
.press .col img, .book .col img{
margin:0 5px 10px;
}
.press img, .book img{
opacity:0.5;
filter:alpha(opacity=50);
border:1px solid #666;
}
.press img:hover, .book img:hover {
opacity:1;
filter:alpha(opacity=100);
}
.press .zoom img, .book .zoom img {
opacity:1;
filter:alpha(opacity=100);
cursor:default !important;
}

.press .zoom {
position:relative;
height:404px;
overflow:hidden;
}

span.loading{
position:absolute;
top:12px;
left:15px;
background:#333;
color:#eee;
padding:3px 5px;
opacity:.5;
}

.zoom a.button {
position:absolute;
top:370px;
left:15px;
background:#fefefe;
padding:5px 10px;
-moz-border-radius:5px;
text-transform:uppercase;
text-decoration:none;
color:#222;
border:dotted 1px #aaa;
outline:none;
}

.press .zoom.zoomed img {
cursor:-moz-grab !important;
position:relative;
}


.hasjs .menu div {
position:relative;
width:100%;
overflow:hidden;
height:250px;
}
.hasjs .menu div ul {
position:absolute;
top:0;
left:0;
width:300px;
}
ul#ul1 {
left:300px;
}
ul#ul2 {
left:600px;
}

#pages {
border-top:1px solid #1c1c1b;
width:130px;
padding-top:3px;
}

#browser #pages li {
float:left;
padding:2px .75em 2px .5em;
margin:0;
cursor:pointer;
margin-left:-.5em;
}
#browser #pages:hover .active {
color:#444;
}
#browser #pages:hover li:hover {
color:#999;
}