/* STANDARD HTML */

html {

}

body {
	background: #000;
	color: #fff;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	overflow-y: scroll;
}

h1, h2, h3, p {
	color: #fff;
	margin-bottom: 18px;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

a, a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #b0b2b5;
}

a:active, a:focus {
	outline: none;
}

noscript {
	background: black;
	color: white;
	margin: 180px auto;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 10;
}

td {
	vertical-align: top;
	white-space: nowrap;
}

/* CUSTOM CSS CLASSES */

.container {
	min-width: 960px;
	width: 100%;
}

.video_wrapper {
	height: 306px;
	margin: 9px 0 !important;
	padding: 0 !important;
	width: 480px;
}

/* DOM ELEMENTS */

/* Supersize image */

#supersize {
	background: #000;
	bottom: 0;
	position: fixed;
}

#supersize img, #supersize a {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

#supersize a.previous {
	z-index: 1;
}

#supersize a.current {
	z-index: 2;
}

/* Header */
#header {
	background: transparent url('../img/bg/transparent_60.png') left top repeat;
	bottom: 0;
	display: block;
	height: 75px;
	left: 0;
	margin: 0;
	min-width: 960px;
	padding: 0;
	position: fixed;
	width: 100%;
	z-index: 9;
}

/* Logo */
#logo {
	background: transparent url('../img/bg/logo-small.png') left top no-repeat;
	cursor: pointer;
	height: 42px;
	left: 40px;
	position: absolute;
	top: 18px;
	width: 200px;
}

#logo h1, #logo .description {
	text-indent: -9999px;
}

#logo a {
	display: block;
	height: 42px;
	position: absolute;
	width: 200px;
}

/* Navigation: general */
#nav {
	position: absolute;
	right: 40px;
	text-align: right;
	top: 0;
	width: 360px;
}

#nav ul {
	list-style: none;
}

#nav li.current a, #nav li.current a:visited, #nav li.current a:hover {
	color: #b0b2b5;
}

/* Navigation: top level */
#nav>ul {
	position: absolute;
	right: 0;
	top: 0;
}

#nav>ul>li {
	float: left; display: inline; /* IE6 fix */
	margin-left: 20px;
}

#nav img.nav_off {
	display: block;
	left: 0;
	padding-top: 32px;
	position: absolute;
	top: 0;
}

#nav img.nav_on {
	display: none;
	left: 0;
	padding-top: 32px;
	position: absolute;
	top: 0;
}

#nav_projects {
	position: absolute;
	right: 253px;
	width: 85px;
}

#nav_about {
	position: absolute;
	right: 174px;
	width: 59px;
}

#nav_press {
	position: absolute;
	right: 99px;
	width: 55px;
}

#nav_contact {
	position: absolute;
	right: 0;
	width: 79px;
}

/* Navigation: second level */

#nav .menu {
	background: transparent url('../img/bg/transparent_80.png') left top repeat;
	bottom: 0;
	display: none;
	font-size: 12px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: -32px;
	text-align: left;
	text-transform: uppercase;
}

#nav .menu.current {
	display: block;
}

#nav .menu ul {
	clear: both;
	padding: 18px 16px 12px 8px;

}

#nav .menu li {
	white-space: nowrap;
}

#nav .menu a, #nav .menu a:visited {
	color: #fff;
	display: block;
	line-height: 24px;
	padding-left: 15px;
}

#nav .menu a:hover, #nav .menu a.current {
	background: transparent url('../img/bg/nav_current.png') left center no-repeat;
	color: #b0b2b5;
	padding-left: 15px;
}

.menu_close {
	background: transparent url('../img/bg/menu_close-8bit.png') right top no-repeat;
	cursor: pointer;
	height: 8px;
	margin: 8px;
	position: absolute;
	right: 0;
	width: 8px;
}

/* Project links */

#project_links {
	background: transparent url('../img/bg/transparent_80.png') left top repeat;
	bottom: 75px;
	display: block;
	font-size: 12px;
	height: 25px;
	left: 0;
	line-height: 25px;
	margin: 0;
	min-width: 960px;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}

#project_links ul {
	display: block;
	position: absolute;
	right: 45px;
	text-align: right;
	width: 100%;
}

#project_links li {
	color: #fff;
	display: inline;
	margin-left: 20px;
	text-transform: uppercase;
}

#project_links #slidecounter {
	display: inline;
	text-transform: lowercase !important;
}

#project_links img {
	padding: 5px 3px 0 3px;
	vertical-align: top;
}

#project_links a, #project_links a:visited {
	color: #b0b2b5;
}

#project_links a:hover {
	color: #fff;
}

/* Project info */

#project_info {
	background: transparent url('../img/bg/transparent_80.png') left top repeat;
	bottom: 25px;
	display: none;
	font-size: 11px;
	line-height: 15px;
	padding: 0;
	position: absolute;
	right: -63px;
	text-align: left;
	text-transform: none;
	width: 400px;
}

#project_info>div {
	padding: 24px 20px 0 20px; /* Nested div for smooth slide effect */
}

/* Text page content */

#text_mask {
	background: transparent url('../img/bg/transparent_70.png') left top repeat;
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 2;
}

#text_content {
	left: 155px;
	padding: 72px 0;
	position: absolute;
	top: 0;
	z-index: 3;
}

#text_image {
	display: block;
	height: 108px;
	margin: 0 0 1em 0;
	overflow: visible;
	width: 240px;
}