html {
	overflow: hidden;
}

body {
	background: #0c0c0c;
	overflow: hidden;
	position: relative;
}

#scroller {
	height: 100%;
	left: 0;
	overflow: auto;
	position: absolute;
	top: 0;
	width: 100%;
}

#scroller_container {
	height: 100%;
	position: relative;
}

#layout {
	height: 100%;
	max-width: 100%;
	min-height: 750px;
}

#header {
	position: absolute;
	width: auto;
	z-index: 12;
}

.js .junvisible {
	visibility: hidden !important;
}

.back {
	height: 200%;
	overflow: hidden;
	padding-bottom: 50.3%;
	position: absolute;
	width: 100%;
}

#back_gray {
	display: none;
	z-index: 10;
}

#back_up {
	bottom: 50%;
	height: 50%;
	left: -50%;
	left: 0;
	position: absolute;
	width: 200%;
}

#back_under,
#back_under_gray {
	height: 50%;
	left: -50%;
	position: absolute;
	top: 50%;
	width: 200%;
}

#back_up .image {
	bottom: 0;
	display: block;
	margin: 0 auto;
	min-height: 100%;
	min-width: 50%;
	position: absolute;
}

#back_under .image,
#back_under_gray .image {
	display: block;
	margin: 0 auto;
	min-height: 100%;
	min-width: 50%;
	position: relative;
	top: 0;
}

#scroller .back .shape {
	left: 0;
	position: absolute;
	top: 0;
}

.section,
.flash_image,
.video {
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

#section_up,
.flash_image,
.video {
	top: 0;
}

#section_under {
	margin-top: 50.3%;
	top: 100%;
}

.flash_image,
.video {
	z-index: 13;
}

.init {
	height: 8px;
	width: 8px;
}

.moved {
	height: 8px;
	left: -10000px;
	width: 8px;
}

#up,
#under {
	display: block;
	left: 0;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
}

#up {
	top: 0;
}

#down {
	bottom: 0;
}

#connector1,
#connector2 {
	left: -100px;
	overflow: hidden;
	position: absolute;
	top: 0;
}

#flash_video_up,
#flash_video_under,
#flash_image_under,
#flash_image_under {
	height: 100%;
	display: block;
	width: 100%;
}


/**
 * Languages
 */
.languages {

}

.languages a {
	color: #fff;
}


/**
 * Depth
 */
#depth {
	border-top: 1px solid #494949;
	font-size: .923em;
	font-style: italic;
	position: absolute;
	right: 18px;
	top: 90%;
	z-index: 12;
}

#depth .content {
	color: #fff;
	display: block;
	margin-right: .5em;
	padding-right: .3em;
	text-align: right;
	width: 3.308em;
}

#depth .arrow_down_depth {
	left: -15px;
	top: -1px;
}

#depth .arrow_lift {
	cursor: hand;
	cursor: pointer;
	left: 50%;
	margin-left: -13px;
	top: -62px;
	z-index: 2;
}


/******************************
 * Common Sections
 ******************************/

/**
 * Logo
 */
.logo {
	left: 20px;
	padding-top: 20px;
	position: absolute;
	top: 0;
}

/**
 * Header
 */
h2 {
	color: #fff;
	font-size: 3.308em;
	font-style: italic;
	font-weight: bold;
	left: 28%;
	line-height: normal;
	margin: 0;
	position: absolute;
	top: 10%;
}

h2 .smaller {
	font-size: .488em;
	font-weight: normal;
}


/**
 * Main Navigation
 */
.main_navigation_container {
	left: 0;
	padding-left: 35px;
	position: absolute;
	top: 85px;
	width: 13em;
}


/**
 * Section Link
 */
.section_link {
	font: italic 1em/1.5em Georgia, serif;
	left: 60%;
	position: absolute;
}

.section_link,
.section_link a {
	color: #fff;
}

.section_link a {
	display: block;
	overflow: hidden;
	position: relative;
}

.section_link img {
	display: block;
	height: 184px;
	left: 0;
	position: absolute;
	width: 191px;
}

.section_link a:hover,
.section_link a:focus,
.section_link a.hover {
	color: #00e4ff !important;
}


/**
 * Navigation
 */
.navigation {
	font-size: .923em;
	left: 20%;
	padding: 98px 0 0 75px;
	position: absolute;
	top: 64%;
}

.navigation li {
	float: left;
	width: 11em;
}

.navigation,
.navigation a {
	color: #00e4ff !important;
}

.navigation a {
	margin-left: -.5em;
	padding-left: .5em;
	text-decoration: none;
}

.navigation a:hover {
	color: #fff !important;
}

.navigation .indent {
	margin-left: -.55em;
}

.navigation .unln {
	text-decoration: underline;
}

.navigation ins {
	background-repeat: no-repeat;
	display: block;
	height: 98px;
	left: 0;
	position: absolute;
	top: 0;
	width: 98px;
}


/**
 * Page Link
 */
.page_link {
	font: 1.538em Georgia, serif;
	padding: 7px 0 7px 20px;
	position: absolute;
}

.page_link .arrow {
	left: 0;
	margin-top: -24px;
	top: 50%;
}

.page_link a:hover .arrow {
	cursor: hand;
}


/**
 * Copyright
 */
.copyright {
	bottom: 3%;
	color: #838577;
	font: .769em Helvetica, Arial, Helvetica, sans-serif;
	left: 20px;
	margin-left: 1em;
	position: absolute;
	text-indent: -1em;
	top: auto;
	width: 53%;
}

.copyright p {
	margin-bottom: .2em;
}

.copyright a {
	color: #00e4ff !important;
}

.copyright a:hover {
	color: #fff !important;
}

.copyright .contacts {
	font-style: italic;
	margin-left: 1em;
	white-space: nowrap;
}


/******************************
 * Up
 ******************************/

/**
 * Header
 */
#section_up h2 {
	/*color: #000;*/
}

/**
 * Main Navigation
 */
#section_up .main_navigaton {
	color: #02424a;
}

#section_up .main_navigation li {
	clear: both;
	color: #898989;
	float: left;
	margin: 5px 0 0;
	white-space: nowrap;
}

#section_up .main_navigation a {
	background: #c6d8e1;
	border-bottom: 1px solid;
	color: #000;
}

#section_up .main_navigation a:hover,
#section_up .main_navigation .under ul a:hover {
	color: #e0001a !important;
}

#section_up .main_navigation b {
	background: #c6d8e1;
}

#section_up .main_navigation div {
	background: #c6d8e1;
	float: left;
	margin: 0;
	padding: 4px;
}

#section_up .main_navigation ul {
	clear: both;
	float: left;
}

#section_up .main_navigation ul li {
	background: #c6d8e1;
	margin: 0;
	padding: 4px;
	width: auto;
}

#section_up .main_navigation ul a {
	background: none;
	display: inline;
}

#section_up .main_navigation ul a:hover {
	color: #000 !important;
}

#section_up .main_navigation .under div a {
	background: #c6d8e1;
	border-bottom: 1px dashed #00e4ff;
	color: #000;
	text-decoration: none;
}

#section_up .main_navigation .under div a:hover {
	color: #00e4ff;
}

#section_up .main_navigation li.selected {
	color: #000;
}

#section_up .main_navigation li.selected a {
	color: #e0001a;
}

/**
 * Section Link
 */
#section_up .section_link {
	margin-left: 68px;
	text-align: right;
	top: 88%;
}

#section_up .section_link a {
	height: 53px;
	width: 191px;
}

#section_up .section_link img {
	top: -78px;
}

#section_up .section_link a:hover img,
#section_up .section_link a.hover img {
	top: -131px;
}


/**
 * Message
 */
#section_up .message {
	color: #fff;
	left: 50%;
	margin-left: -351px;
	margin-left: -271px;
	margin-top: -30px;
	position: absolute;
	top: 34%;
}

#section_up .message img {
	height: 176px;
	width: 536px;
}


/**
 * Navigation
 */
#section_up .navigation ins {
	background-image: url(1931_up.png);
}


/**
 * Page Link
 */
#section_up .page_link {
	height: 44px;
	left: 50%;
	margin: 146px 0 0 70px;
	overflow: hidden;
	padding: 0;
	top: 34%;
	width: 353px;
}

#section_up .page_link a {
	background: url(page_link_up.png) no-repeat;
	display: block;
	height: 88px;
	left: 0;
	position: absolute;
	top: 0;
	width: 353px;
}

#section_up .page_link a:hover {
	cursor: hand;
	top: -44px;
}


/******************************
 * Under
 ******************************/

/**
 * Main Navigation
 */
#section_under .main_navigation_container {
	top: 115px;
}

#section_under .main_navigation {
	color: #02424a;
	color: #077784;
}

#section_under .main_navigation li {
	color: #898989;
}

#section_under .main_navigation ul li {
	padding-bottom: 1px;
}

#section_under .main_navigation a {
	border-bottom: 1px solid;
	color: #fff;
}

#section_under .main_navigation .up div a {
	border-bottom: 1px dashed #00e4ff;
	color: #fff;
	text-decoration: none;
}

#section_under .main_navigation .up div a:hover {
	color: #00e4ff;
}

#section_under .main_navigation li.selected {
	color: #e0001a;
}

#section_under .main_navigation li.selected a {
	color: #e0001a;
}

/**
 * Section Link
 */
#section_under .section_link {
	top: 8%;
	top: 3%;
}

#section_under .section_link a {
	height: 39px;
	width: 183px;
}

#section_under .section_link img {
	top: 0;
}

#section_under .section_link a:hover img,
#section_under .section_link a.hover img {
	top: -39px;
}


/**
 * Message
 */
#section_under .message {
	color: #09e4fa;
	/*left: 50%;
	margin-left: -435px;
	margin-left: -470px;*/
	position: absolute;
	top: 26%;

	margin-top: -110px;
	margin-right: -80px;
	right: 30%;
	top: 50%;
}

#section_under .message img {
	height: 276px;
	width: 871px;

	height: 211px;
	width: 600px;
}


/**
 * Navigation
 */
#section_under .navigation {
	top: 67%;
}

#section_under .navigation ins {
	background-image: url(1931_under.png);
}


/**
 * Page Link
 */
#section_under .page_link {
	left: 53%;
	margin-top: 310px;
	top: 26%;
}

#section_under .page_link,
#section_under .page_link a {
	color: #f50101;
}

#section_under .page_link a {
	border-bottom: 1px solid;
	text-decoration: none;
}

#section_under .page_link a:hover {
	border-bottom-color: #04afc2;
	color: #fff !important;
}

#section_under .page_link a:hover .arrow ins {
	left: -81px !important;
}


/**
 * Art Logo
 */
#art_logo {
	bottom: 3%;
	color: #838577;
	font: .769em Helvetica, Arial, Helvetica, sans-serif;
	left: 63%;
	padding-top: 43px;
	position: absolute;
}

#art_logo p {
	margin-bottom: .2em;
}

#art_logo a {
	color: #00e4ff !important;
}

#art_logo a:hover {
	color: #fff !important;
}

#art_logo .madein {
	white-space: nowrap;
}

#art_logo .info {
	white-space: nowrap;
}

#art_logo .madein img {
	height: 36px;
	left: 0;
	position: absolute;
	top: 0;
	width: 90px;
}


/**
 * Projects
 */
.projects {
	font-size: .846em;
	left: 53%;
	margin-top: 130px;
	position: absolute;
	text-align: center;
	top: 50%;
	white-space: nowrap;
	width: 40%;
}

.projects h3 {
	color:white;
	font-size:1.615em;
	font-style:italic;
	font-weight:bold;
	margin-left:5px;
	text-align:left;
}

.projects li {
	background: #000;
	border: 4px solid #fff;
	float: left;
	height: 4em;
	margin-right: 10px;
	padding: 2em 0;
	position: relative;
	width: 8em;
}

.projects .wrap {
	display: block;
	position: relative;
	zoom: 1;
}

.projects li,
.projects li a {
	color: #fff;
}

.projects .shape {
	left: 0;
	position: absolute;
	top: 0;
}