/*
HTML 5 Reset
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}
body {
        line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
        display:block;
}

nav ul {
        list-style:none;
}

blockquote, q {
        quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
        content:'';
        content:none;
}

a {
        margin:0;
        padding:0;
        border:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}

ins {
        background-color:#ff9;
        color:#000;
        text-decoration:none;
}

mark {
        background-color:#ff9;
        color:#000;
        font-style:italic;
        font-weight:bold;
}

del {
        text-decoration: line-through;
}

abbr[title], dfn[title] {
        border-bottom:1px dotted #000;
        cursor:help;
}

table {
        border-collapse:collapse;
        border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
        vertical-align:middle;
}

/* LAYOUT */
body {
	background-color: #000;
	color: #fff;
	font: 13px Georgia, 'Times New Roman', Times, serif;
	overflow: auto; overflow-x: hidden;
}
#global { 
	background: #000 url('../images/bg-global.jpg') no-repeat 50px 0;
	margin: 0 auto;
	width: 1050px;
}

#header 		{ height: 300px; position: relative; width: 940px; margin: 0 40px 0 80px; }
#header #title	{ 
	background: #000; 
	background-image: url('../images/txt-millenium.gif');
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute; 
	bottom: 10px; 
	left: 180px;
	width: 940px; 
	padding-left: 580px;
	clip: rect(auto 580px 55px auto);
	clip: rect(auto, 580px, 55px, auto);
	height: 55px;
}
#header .pos1	{ 
	background-image: url('../images/txt-noomie.gif');
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute; 
	top: 0; 
	left: 10px;
	width: 116px; 
	padding-left: 116px;
	clip: rect(auto 116px 11px auto);
	clip: rect(auto, 116px, 11px, auto);
	height: 11px;
}
#header .pos2	{
	background-image: url('../images/txt-michael.gif');
	background-repeat: no-repeat;
	background-position: top right;
	position: absolute; 
	top: 0; 
	right: 10px;
	width: 137px; 
	padding-right: 137px;
	clip: rect(auto auto 14px 137px);
	clip: rect(auto, auto, 14px, 137px);
	height: 14px;
}

nav 						{  width: 980px; margin: 0 20px 0 60px; }
nav ul 						{ overflow: hidden; width: 100%; }
nav ul li  					{ float: left; background: url('../images/bg-nav.gif') repeat-x center left; }
nav ul li a					{ display: block; padding: 25px 12px; text-align: center; }

article 		{ margin-top: 20px; padding: 0 75px; overflow: hidden; background: url('../images/bg-content-home.jpg') no-repeat 75px 0; width: 100%; }
article.dragon 	{ margin-top: 9px; background: url('../images/bg-content-dragon.jpg') no-repeat 685px 0; }
article .bloc1, article .bloc2, article .bloc3, article .bloc4 { float: left; }
article .bloc1 	{ width: 240px; padding: 20px 5px 51px 50px; color: #000; }
article .bloc2 	{ width: 640px; padding-top: 11px; }
article .bloc3 	{ width: 640px; padding-top: 23px; padding-left: 0px; }
article .bloc4 	{  width: 228px; padding: 30px 30px 51px 25px; height: 387px; }
article .content { overflow: hidden; border: 3px double #000; border-width: 3px 0; color: #000; padding-bottom: 10px; }
article .bloc1 .content { height: 376px; }
article .bloc4 .content { height: 380px; }

aside 				{ background: url('../images/bg-aside-content.jpg') repeat-y 0 -83px; color: #000; margin-top: 37px; }
aside .top 			{ background: url('../images/bg-aside-top.jpg') no-repeat left top; }
aside .bottom		{ background: url('../images/bg-aside-bottom.jpg') no-repeat left bottom; padding: 0 0 0 68px; }
aside h2			{ padding: 20px 200px 10px 50px; }

aside ul 			{ overflow: hidden; width: 950px; }
aside ul li 		{ list-style: none; overflow: hidden; width: 950px; height: auto; }
aside .box 			{ width: 220px; border-left: 1px solid #000; float: left; padding: 0 8px 124px 8px; }
aside .box h3	 	{ padding: 10px 2px;}
aside .box time		{ font-style: italic; }

#slider li { background:  url('../images/bg-sliders.gif') repeat-y left top; } 

#signup 			{ position: relative; }
#signup form 		{ position: absolute; top: 0; left: 565px; width: 465px; }
#signup fieldset	{ padding-left: 125px; }
#signup legend		{ display: none; }
#signup .title				{
	background-image: url('../images/txt-signup.gif');
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute; 
	top: 2px; 
	left: 0; 
	width: 101px; 
	padding-left: 101px;
	clip: rect(auto 101px 20px auto);
	clip: rect(auto, 101px, 20px, auto);
	height: 20px;
	margin: 0;	
}
#signup label 		{ display: block; margin-bottom: 6px; }
#signup input.text 	{ background: #A8A8A8; border: 1px solid #CCC; width: 210px; padding: 2px 5px; margin-right: 10px; }

.reviews div 				{ border-top: 1px solid #000; }
.reviews div:first-child,
.reviews div.first			{ border: 0; }
.reviews .author			{ font-weight: bold; font-style: italic; }

.press p					{ border-top: 1px solid #000; padding-top: 10px; }
.press p:first-child,
.press p.first				{ border: 0; padding-top: 0; }
.press a					{ height: auto !important; height: 46px; min-height: 46px; display: block; background: url('../images/ico-pdf.gif') no-repeat left top; padding-left: 60px; color: #000; text-decoration: none; }
.press a:hover				{ text-decoration: underline; }

footer {  padding: 40px 0 10px 55px;}

p { margin: 10px 0; }

/* TYPO */

#title 				{ color: #FFF; font-size: 14px; text-align: center; }
#title span 		{ font-size: 36px; }
header p 			{ color: #FFF; font-size: 14px; }

nav ul li 					{ color: #FFF; font-size: 14px; text-transform: uppercase; }
nav ul li a 				{ color: #FFF; text-decoration: none; }
nav ul li a.active, nav ul li a:hover 					{ color: #000; }
body.home nav ul li.home a, nav ul li.home a:hover 		{ background: url('../images/bg-nav-home2.gif') no-repeat left center; color: #000; }
body.the-girl-with-the-dragon-tattoo nav ul li.the-girl-with-the-dragon-tattoo a, nav ul li.the-girl-with-the-dragon-tattoo a:hover 	{ background: url('../images/bg-nav-dragon.gif') no-repeat left center; color: #000; }
body.the-girl-who-played-with-fire nav ul li.the-girl-who-played-with-fire a, nav ul li.the-girl-who-played-with-fire a:hover 		{ background: url('../images/bg-nav-fire.gif') no-repeat left center; color: #000; }
body.the-girl-who-kicked-the-hornets-nest nav ul li.the-girl-who-kicked-the-hornets-nest a, nav ul li.the-girl-who-kicked-the-hornets-nest a:hover 	{ background: url('../images/bg-nav-hornest.gif') no-repeat left center; color: #000; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1					{ font-size: 16px; text-transform: uppercase; border-bottom: 3px double #000; padding: 5px 0; }
h1 span				{ font-size: 26px; display: block; }
h2					{ font-size: 34px; text-transform: uppercase; border-bottom: 3px double #000; }
h3					{ font-size: 20px; text-transform: uppercase; border-bottom: 1px solid #000; }

legend, #signup .title	{ font-size: 23px; }
label					{ color: #FFF; }
input					{ color: #000; font: 13px Georgia, 'Times New Roman', Times, serif; font-style: italic; }