body {
	position: absolute;
	width: 100%;
	height: 100%;
	
	padding: 0;
	margin: 0;
	background-color: black;
	
	overflow: hidden;
	
	font-family: Helvetica, Arial;
	font-size: 14px;
	color: #cbcacb;
	
	cursor: url(../images/drag.png), auto;
}

area {
	display: block;
  	cursor: pointer;
}

/* Nav */
#nav {
	position: fixed;
	width: 100%;
	height: 31px;
	top: -31px;
	
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000;
}

#nav-wrapper {
	position: absolute;
	width: 734px;
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -367px;
}

#nav-menu {
	position: relative;
	width: 45px;
	height: 22px;
	bottom: -40px;
	left: 50%;
	margin-left: -22.5px;
	
	cursor: pointer;
}

.nav-menu-hide {
	background-size: 100% 100%;
	background-image: url(../images/menu-hide.png);
}

.nav-menu-show {
	background-size: 100% 100%;
	background-image: url(../images/menu-show.png);
}

.nav-item {
	position: relative;
	width: 86px;
	height: auto;
	
	margin-top: 8px;
	
	text-align: center;
	display: inline-block;
	
	cursor: pointer;
}

.nav-item.selected {
	color: white;
}

/* Container */
#container {
	position: absolute;
	width: 100%;
	height: 100%;
}

#footer {
	position: absolute;
	width: 200px;
	height: 50px;
	bottom: 0;
	left: 0;
	
	padding-left: 10px;
}

#footer > .footer-item {
	position: relative;
	width: 30px;
	height: 30px;
	
	padding: 0;
	margin-top: 10px;
	
	display: inline-block;
	
	cursor: pointer;
}

#footer > .footer-item-twitter {
	background-size: 100% 100%;
	background-image: url(../images/tumblr.png);
}

#footer > .footer-item-facebook {
	background-size: 100% 100%;
	background-image: url(../images/instagram.png);
}

#footer > .footer-item-as {
	background-size: 100% 100%;
	background-image: url(../images/as.png);
}

#footer > .footer-item-mute {
	background-size: 100% 100%;
	background-image: url(../images/mute.png);
}

/* Wrapper */
#wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

/* Media */
#media {
	position: fixed;
	width: 100%;
	height: 100%;
	bottom: 110%;
	left: 0;
	
	background-color: black;
	
	z-index: 100004;
}

.close {
	cursor: url(../images/close.png), auto;
}

/* Loading */
.loading {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	
	background-color: black;
	
	z-index: 100002;
}

.loading-wrapper {
	position: absolute;
	width: 400px;
	height: 250px;
	top: 50%;
	left: 50%;
	margin-top: -125px;
	margin-left: -200px;
	
	border-bottom: 1px #2d2d2d solid;
}

.loading-logo {
	position: relative;
	width: 280px;
	height: 208px;
	left: 50%;
	margin-left: -140px;
	
	background-image: url(../images/logo.png);
	background-size: 100% 100%;
}

.loading-bar {
	position: absolute;
	width: 0;
	height: 1px;
	bottom: 0;
	left: 0;
	
	background-color: white;
}

/* view */
.view {
	position: absolute;
	width: 100%;
	height: 100%;
	
	overflow: hidden;
}

/* Home */
.home-background {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.home-wrapper {
	position: absolute;
	width: 400px;
	height: 250px;
	top: 50%;
	left: 50%;
	margin-top: -125px;
	margin-left: -200px;
}

.home-logo {
	position: absolute;
	width: 280px;
	height: 208px;
	left: 50%;
	margin-left: -140px;
	
	background-image: url(../images/logo.png);
	background-size: 100% 100%;
}

.home-menu {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	bottom: 10px;	
}

.home-menu-item {
	position: relative;
	width: 100%;
	height: auto;
	
	border-top: 1px #3E333A dashed;
}

.home-menu-item-text {
	position: relative;
	
	transition: margin-top 0.4s, margin-bottom 0.4s, padding-top 0.4s, padding-bottom 0.4s, background-color 0.4s;
	-webkit-transition: margin-top 0.4s, margin-bottom 0.4s, padding-top 0.4s, padding-bottom 0.4s, background-color 0.4s;
	
	padding-top: 10px;
	padding-bottom: 10px;
	
	text-align: center;
	cursor: pointer;
}

.home-menu-item-text:hover {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 44px;
  	padding-bottom: 40px;
	background-color: rgba(0, 0, 0, 0.2);
}

.home-menu-item:first-child {
	border-top: none;
}

.home-menu-item-about-text {
	
}

.home-menu-item-about-mask-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	
	cursor: url(../images/close.png), auto;
	
	display: none;
}

.home-menu-item-about-mask {
	position: relative;
	width: 580px;
	height: auto;
	left: 50%;
	margin-left: -290px;
	
	text-align: left;
}

.home-menu-item-about-mask > a {
	text-decoration: none;
	color: #3498DB;
	
}

/* Foto */
.foto {

}

.foto-lefttop, .foto-leftbottom, .foto-righttop, .foto-rightbottom {
	position: absolute;
	width: 50%;
	height: 50%;
}

.foto-lefttop {
	top: 0;
	left: 0;
}

.foto-righttop {
	top: 0;
	right: 0;
}

.foto-leftbottom {
	bottom: 0;
	left: 0;
}

.foto-rightbottom {
	bottom: 0;
	right: 0;
}

.foto-slide {
	position: absolute;
	width: 100%;
	height: 100%;
}

.foto-slide-1 {
	background-image: url(../images/1.jpg);
	background-size: 100% 100%;
}

.foto-slide-2 {
	background-image: url(../images/2.jpg);
	background-size: 100% 100%;
}

.photo-slide-3 {
	background-image: url(../images/3.jpg);
	background-size: 100% 100%;
}

.foto-slide-4 {
	background-image: url(../images/4.jpg);
	background-size: 100% 100%;
}

.foto-slide.selected {
	z-index: 10;
}

.foto-slide.wait {
	z-index: 8;
}

.foto-leftbottom {
	background-image: url(../images/IMG_0524.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.foto-righttop {
	
}

.foto-rightbottom {
	background-image: url(../images/IMG_0658.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.foto-headline-1 {
	position: absolute;
	width: auto;
	height: 40%;
	top: 0;
	left: 0;
}

.foto-headline-2 {
	position: absolute;
	width: auto;
	height: 40%;
	top: 0;
	left: 0;
	
	display: none;
}

.foto-logos {
	position: absolute;
	width: auto;
	height: 40%;
	
	bottom: 0;
	left: 0;
}

/* Arch */
.arch-background {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.arch-headline {
	position: absolute;
	width: auto;
	height: 100%;
}

/* Icon */
.icon-background {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.icon-headline {
	position: absolute;
	width: auto;
	height: 100%;	
}

.icon-tag {
	position: absolute;
	margin-top: 100px;
}

/* Noedge */
.noedge-background {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.noedge-headline {
	position: absolute;
	width: auto;
	height: 100%;
}

/* Domus */
.domus-background {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.domus-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	
	background-color: rgba(100, 100, 100, 0.4);
}

.domus-headline {
	position: absolute;
	width: auto;
	height: 100%;
}

.domus-menu {
	position: absolute;
	width: auto;
	height: 100%;
}

.domus-tiles {
	position: absolute;
	width: 100%;
	height: 100%;
}

.domus-tile {
	position: absolute;
	width: 70px;
	height: 70px;
	
	background-color: black;
	opacity: 0.2;
}

/* Expo */
.expo-background {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.expo-headline {
	position: absolute;
	width: auto;
	height: 100%;
}

/* Contact */
.contact area {
	cursor: default;
}

.contact area:nth-last-child(1), .contact area:nth-last-child(2) {
	cursor: pointer;
}

.contact-background {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.contact-map {
	position: absolute;
	width: auto;
	height: 100%;
	bottom: 40px;
}

.contact-map-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-image: url(../images/contact-map.png);
}

.contact-map-item {
	display: none;
}

.contact-map-item-1 {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-image: url(../images/contact-map-1.png);
}

.contact-map-item-2 {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-image: url(../images/contact-map-2.png);
}

.contact-map-item-3 {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-image: url(../images/contact-map-3.png);
}

.contact-map-item-4 {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-image: url(../images/contact-map-4.png);
}

.contact-map-item-5 {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-image: url(../images/contact-map-5.png);
}

.contact-map-item-6 {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-image: url(../images/contact-map-6.png);
}