* {
	font-size: 100.01%;
}

html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th {
	margin: 0;
	padding: 0;
}

html,
body {
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	overflow: hidden;
}

.hidden {
	display: none !important;
}

a:link,
.pseudo {
	color: #00e;
}

a:visited {
	color: #000;
}

.pseudo {
	cursor: pointer;
	text-decoration: underline;
}

a:active,
.pseudo:active,
.selected_pseudo {
	color: #f00;
}

p {
	line-height: 1.4;
	margin: 1em 0;
}


/**
 * Mondrian
 */
.block {
	background: #000;
	position: absolute;
}

.block .wrap {
	bottom: 6px;
	left: 6px;
	position: absolute;
	right: 6px;
	top: 6px;
}

.block img {
	height: 100%;
	width: 100%;
}

.line {
	cursor: move;
	display: block;
	line-height: 1px;
	overflow: hidden;
	position: absolute;
}

.line:hover,
.hover {
	background: #000;
	z-index: 1;
}

.line_hor {
	cursor: row-resize;
	height: 10px;
	margin-top: -5px;
}

.line_ver {
	cursor: col-resize;
	margin-left: -5px;
	width: 10px;
}

#b1 {
	/*background: #b4331e;*/
	height: 86%;
	left: 0;
	top: 0;
	width: 11%;
}

#b1 .wrap {
	left: 0;
}

#b2 {
	/*background: #04020f;*/
	height: 55%;
	left: 11%;
	top: 0;
	width: 20%;
}

#b3 {
	/*background: #abaaaf;*/
	height: 31%;
	left: 11%;
	top: 55%;
	width: 20%;
}

#b4 {
	/*background: #dbd7d8;*/
	height: 55%;
	left: 31%;
	top: 0;
	width: 39%;
}

#b5 {
	/*background: #253266;*/
	height: 31%;
	left: 31%;
	top: 55%;
	width: 39%;
}

#b6 {
	/*background: #000004;*/
	height: 17%;
	left: 70%;
	top: 0;
	width: 16%;
}

#b6 .wrap {
	top: 0;
}

#b7 {
	/*background: #debd4c;*/
	height: 38%;
	left: 70%;
	top: 17%;
	width: 16%;
}

#b8 {
	/*background: #b9b8c0;*/
	height: 16%;
	left: 70%;
	top: 55%;
	width: 16%;
}

#b9 {
	/*background: #bfb9c6;*/
	height: 15%;
	left: 70%;
	top: 71%;
	width: 16%;
}

#b10 {
	/*background: #b6b5bd;*/
	height: 55%;
	left: 86%;
	top: 0;
	width: 14%;
}

#b10 .wrap {
	right: 0;
	top: 0;
}

#b11 {
	/*background: #b1b0b8;*/
	height: 31%;
	left: 86%;
	top: 55%;
	width: 14%;
}

#b11 .wrap {
	right: 0;
}

#b12 {
	/*background: #c6c6c6;*/
	height: 14%;
	left: 0;
	top: 86%;
	width: 11%;
}

#b12 .wrap {
	bottom: 0;
	left: 0;
}

#b13 {
	/*background: #adacb1;*/
	height: 14%;
	left: 11%;
	top: 86%;
	width: 20%;
}

#b13 .wrap {
	bottom: 0;
}

#b14 {
	/*background: #c9c9c9;*/
	height: 14%;
	left: 31%;
	top: 86%;
	width: 69%;
}

#b14 .wrap {
	bottom: 0;
	right: 0;
}


/**
 * Controls
 */
#controls {
	left: 30px;
	position: absolute;
	top: 30px;
	z-index: 2;
}

#controls a {
	color: #00e;
}


/**
 * Examples, Exhibition
 */
#examples,
#exhibition {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 4;
}

#examples img,
#exhibition img {
	display: block;
	height: 100%;
	width: 100%;
}


/**
 * Description
 */
#description {
	background: #ccc;
	left: 20px;
	margin-top: 1.5em;
	overflow: hidden;
	padding: 0 1.2em;
	position: absolute;
	top: 20px;
	width: 43em;
	z-index: 4;
}


/**
 * Video
 */
#video {
	height: 48%;
	left: 22.5%;
	position: absolute;
	top: 27%;
	width: 48.5%;
	z-index: 4;
}


/**
 * Navigation
 */
#navigation {
	background: #ccc;
	left: 20px;
	overflow: hidden;
	padding: 0 .7em;
	position: absolute;
	top: 20px;
	width: 44em;
	z-index: 4;
}

#navigation p {
	line-height: 1.5;
	margin: 0;
}

#navigation .item {
	margin: 0 .3em;
}