html {
	background: #111111;
	color: #ececec;
	font: 10pt 'Monda', sans-serif;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	min-width: 800px;
	min-height: 720px;
}
body {
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 100%;
	width: 100%;
	min-width: 800px;
}
a, img {outline:none; text-decoration: none; color: #ececec;}
map > area,
map > area:active,
map > area:focus {outline: none; border:0; }
#background {
	z-index: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#background-video {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}
#foreground {
	background: url('img/pattern_dot.png');
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
}
#content {
	z-index: 3;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}
#logo {
	z-index: 5;
	width: 20%;
	height: 180px;
	position: absolute;
	min-width: 200px;
}
#logo h1 {
	padding: 0;
	margin: 30pt 0 0 0;
	text-align: center;
	font: 40pt 'Blender_Pro-Bold';
	line-height: 30pt;
}
#splashbutton {
	display: none;
	width: 25px;
	height: 25px;
	margin: 10pt auto 0 auto;
	background-image: url('img/medicons_sprite.png');
	background-position: 0 0;
}
#splashbutton:hover {
	background-position: 0 26px;
	cursor: pointer;
}
#splashbutton a {
	display: block;
	width: 100%;
	height: 100%;
}
#copyright {
	z-index: 5;
	width: 20%;
	height: 180px;
	position: absolute;
	left: 80%;
	min-width: 200px;
}

#facebookbutton {
	position: absolute;
	right: 120px;
	width: 25px;
	height: 25px;
	margin: 10pt auto 0 auto;
	background-image: url('img/medicons_sprite.png');
	background-position: 52px 0;
}

#facebookbutton:hover {
	background-position: 52px 26px;
	cursor: pointer;
}

#twitterbutton {
	position: absolute;
	right: 150px;
	width: 25px;
	height: 25px;
	margin: 10pt auto 0 auto;
	background-image: url('img/medicons_sprite.png');
	background-position: 26px 0;
}

#twitterbutton:hover {
	background-position: 26px 26px;
	cursor: pointer;
}
#instabutton {
	position: absolute;
	right: 180px;
	width: 25px;
	height: 25px;
	margin: 10pt auto 0 auto;
	background-image: url('img/medicons_sprite_2.png');
	background-position: 26px 0;
}

#instabutton:hover {
	background-position: 26px 26px;
	cursor: pointer;
}

#audiobutton {
	position: absolute;
	right: 90px;
	width: 25px;
	height: 25px;
	margin: 10pt auto 0 auto;
	background-image: url('img/medicons_sprite.png');
	background-position: 130px 0;
}
#audiobutton:hover {
	background-position: 104px 26px;
	cursor: pointer;
}
#audiobutton.audio_pressed {
	background-position: 104px 26px;
}
#copyrightbutton {
	position: absolute;
	right: 60px;
	width: 25px;
	height: 25px;
	margin: 10pt auto 0 auto;
	background-image: url('img/medicons_sprite.png');
	background-position: 78px 0;
}
#copyrightbutton:hover {
	background-position: 78px 26px;
	cursor: pointer;
}
#copyrightbutton.copyright_pressed {
	background-position: 78px 26px;
}
#copyrightnotice_container {
	position: absolute;
	top: 50px;
	right: 30px;
	width: 200px;
	height: 85px;
	display: none;
}
#copyrightnotice {
	position: absolute;
	color: #151515;
	top: 15px;
	background: #ececec;
	width: 200px;
	height: 70px;
}
#copyrightnotice p {
	padding: 4px 4px 4px 16px;
	margin: 4px;
	font-size: 7pt;
	text-indent: -9pt;
	line-height: 9pt;
	margin: 0 0 10px 0;
}
#copyrightnotice:before {
	content: "";
	position: absolute;
	top: -15px;
	right: 32px;
	width: 0;
	height: 0;
	border-left: 10px solid  transparent;
	border-bottom: 15px solid #ececec;
	border-right: 10px solid transparent;
}
#navigation {
	z-index: 5;
	width: 60%;
	height: 140px;
	position: absolute;
	left: 20%;
	min-width: 600px;

	font-size: 8pt;
	margin-bottom: 10px;
}
#navigation ul {
	margin: 30pt 0 0 0;
	padding: 0;
	display: block;
	list-style-type: none;
}
#navigation li {
	display: inline-block;
	width: 128px;
	height: 24px;
	margin-right: 12px;
	background-image: url('img/nav_line_sprite.png');
	background-position: 0 0;
}
#navigation li a {
	display: block;
	color: #ececec;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
#navigation li:hover {
	background-position: 0 24px;
	cursor: pointer;
}
#navigation li.active {
	background-position: 0 48px;
}
#buffer {
	display: none;
}
.roster_person {
	position: relative;
	display: inline-block; 
	width: 120px; 
	height: 240px; 
	padding: 0; 
	margin: 0 5px;
}
.roster_position {
	position: absolute; 
	margin: 15px 0 0 0; 
	padding: 0 5px; 
	font-size: 8pt; 
	height: 0px; 
	color: #000; 
	background: #ececec; 
	width: 110px; 
	overflow: hidden;
}
.roster_image {
	margin: 0; 
	padding: 0; 
	position: absolute; 
	bottom: 0; 
	width: 120px; 
	height: 189px;
	overflow: hidden;
}
.roster_name {
	position: absolute; 
	top: 15px;
	font-size: 11pt; 
	line-height: 10pt; 
	margin: 0; 
	padding: 5px 0 0 0; 
	border-top: 1px solid #ececec; 
	width: 120px;
}
.roster_links {
	width: 120px;
	height: 20px;
	position: absolute;
	bottom: -14px;
}
.roster_links .link1 {
	position: absolute;
	left: 62px;
	bottom: 0;
	width: 24px;
	height: 24px;
	background: url('img/rostericons_sprite.png');
}
.roster_links .link2 {
	position: absolute;
	left: 76px;
	bottom: 14px;
	width: 24px;
	height: 24px;
	background: url('img/rostericons_sprite.png');
}
.roster_links .website {
	background-position: 24px 0px;
}
.roster_links .website.hover {
	background-position: 24px 24px;
}
.roster_links-b .link1.website {
	background-position: 24px 0px;
}
.roster_links-b .website.hover {
	background-position: 24px 24px;
}
.roster_links .blog {
	background-position: 48px 0;
}
.roster_links .blog.hover {
	background-position: 48px 24px;
}

.roster_links-b .link2.blog {
	background-position: 48px 0;
}
.roster_links-b .blog.hover {
	background-position: 48px 24px;
}

.roster_links .youtube {
	background-position: 72px 0;
}
.roster_links .youtube.hover {
	background-position: 72px 24px;
}
/*
.roster_links-b .youtube {
	background-position: 72px 0;
}
.roster_links-b .youtube.hover {
	background-position: 72px 24px;
}
*/
.roster_links .facebook {
	background-position: 96px 0;
}
.roster_links .facebook.hover {
	background-position: 96px 24px;
}
/*
.roster_links-b .facebook {
	background-position: 96px 0px;
}
.roster_links-b .facebook.hover {
	background-position: 96px 24px;
}
*/
.roster_links .twitter {
	background-position: 0px 0px;
}
.roster_links .twitter.hover {
	background-position: 0px 24px;
}

.roster_links-b .link2.twitter {
	background-position: 0px 0px;
}
.roster_links-b .twitter.hover {
	background-position: 0px 24px;
}

.roster_links_map {
	position: absolute;
	bottom: -14px;
	z-index: 5;
	width: 120px;
	height: 38px;
}
.roster_person-b {
	position: relative;
	display: inline-block; 
	width: 120px; 
	height: 240px; 
	padding: 0; 
	margin: 0 5px;
}
.roster_position-b {
	position: absolute;
	top: 224px;
	padding: 0 5px; 
	font-size: 8pt; 
	height: 0px; 
	color: #000; 
	background: #ececec; 
	width: 110px; 
	overflow: hidden;
}
.roster_image-b {
	margin: 0; 
	padding: 0; 
	position: absolute; 
	top: 0px; 
	width: 120px; 
	height: 189px;
	overflow: hidden;
}
.roster_name-b {
	position: absolute; 
	bottom: 15px;
	font-size: 11pt; 
	line-height: 10pt; 
	margin: 0; 
	padding: 2px 0 3px 0; 
	border-bottom: 1px solid #ececec; 
	width: 120px;
}
.roster_links-b .link1 {
	position: absolute;
	right: 62px;
	top: 0;
	width: 24px;
	height: 24px;
	background: url('img/rostericons_sprite.png');
}
.roster_links-b .link2 {
	position: absolute;
	right: 76px;
	top: 14px;
	width: 24px;
	height: 24px;
	background: url('img/rostericons_sprite.png');
}
.roster_links-b {
	position: absolute;
	top: -14px;
	width: 120px;
	height: 20px;
}
.roster_links_map-b {
	position: absolute;
	top: -14px;
	z-index: 5;
	width: 120px;
	height: 38px;
}
#roster {
	width: 100%;
	height: 560px;
	overflow: hidden;
}
#roster_container {
	position: absolute;
	left: 22%;
	margin: 0;
	padding: 0;
	width: 940px;
	height: 560px;
}
#manifesto {
	position: absolute; 
	top: 140px; 
	left: 25%; 
	width: 600px;
	height: 460px;
	-webkit-text-size-adjust:100%
}
#contact {
	position: absolute; 
	top: 140px; 
	left: 25%;
	width: 400px;
	height: 440px;
}
#projects_next {
	display: none;
	z-index: 4;
	position: absolute;
	height: 100%;
	width: 80px;
	right: 20px;
}
#projects_next_button {
	position: absolute;
	right: 20px;
	top: 45%;
	width: 30px;
	height: 60px;
	background: url('img/project_arrow_next.png');
}
#projects_next_button a {
	display: block;
	height: 100%;
	width: 100%;
}
#projects_prev_button {
	position: absolute;
	left: 20px;
	top: 45%;
	width: 30px;
	height: 60px;
	background: url('img/project_arrow_prev.png');
}
#projects_prev_button a {
	display: block;
	height: 100%;
	width: 100%;
}
#projects_next_button:hover, #projects_prev_button:hover {
	cursor: pointer;
}
#divearea {
	position: absolute;
	top: 50%;
	height: 50%;
	width: 100%;
	z-index: 5;
}
#divebutton {
	display: none;
	margin: 20% auto 0 auto;
	width: 26px;
	height: 32px;
	background: url('img/icon_dive1_sprite.png');
}
#divebutton:hover {
	background-position: 0 32px;
	cursor: pointer;
}
#dive {
	height: 100%;
	overflow: hidden;
}
#dive-videobg {
	height: 100%;
	width: 100%;
	position: absolute;
}
#dive_up_button {
	z-index: 5;
	position: relative;
	left: -50%;
	width: 26px;
	height: 26px;
	background: url('img/medicons_sprite.png');
	background-position: 0 0;
	margin: auto;
}
#dive_up_button:hover {
	background-position: 0 26px;
	cursor: pointer;
}
#dive_up_label {
	font-size: 8pt;
	z-index: 5;
	position: relative;
	left: -50%;
	margin: 10px auto 0 auto;
}
#dive_down_button {
	z-index: 5;
	position: relative;
	left: -50%;
	width: 26px;
	height: 32px;
	background: url('img/icon_dive1_sprite.png');
	background-position: 0 0;
	margin: 0 auto;
}
#dive_down_button:hover {
	background-position: 0 32px;
	cursor: pointer;
}
#dive_down_label {
	font-size: 7pt;
	z-index: 5;
	position: relative;
	left: -50%;
	margin: 0 auto 10px auto;
}
#dive_content {
	position: relative;
	height: 400%;
	background: url('img/pattern_dot.png');
}
#dive0 {
	height: 25%;
	background: url('img/dive_1.png') no-repeat center 40%;
}
#dive1 {
	height: 25%;
	background: url('img/dive_2.png') no-repeat center 40%;
}
#dive2 {
	height: 25%;
	background: url('img/dive_3.png') no-repeat center 40%;
}
#dive3 {
	height: 25%;
	background: url('img/dive_4.png') no-repeat center 40%;
}
.dive-img {
	position: relative;
	width: 200px;
	height: 201px;
	top: 40%;
	right: 100px;
	margin: auto 0 0 50%;
	z-index: 2;
	float: left;
}
.divetext {
	margin: 0 0 0 120px;
	position: relative;
	top: 40%;
	left: 50%;
	height: 26pt;
	overflow: visible;
}
.dive-num {
	margin: 76px 0 0 -30px;
	position: relative;
	top: 40%;
	left: 50%;
	width: 25px;
	height: 25px;
	background: url('img/icon_emptysquare.png') no-repeat center center;
	z-index: 2;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	line-height: 25px;
	font-size: 7pt;
}
.dive-title {
	display: block;
	margin: -36px 0 0 -70px;
	position: relative;
	top: 40%;
	left: 50%;
	font-size: 7pt;

}
.dive_topline {
	position: relative;
	left: 50%;
	margin: 0 1px 0 0;
	width: 1px;
	height: 10%;
	border-left: #999 1px solid;
}
.dive_midline {
	position: relative;
	left: 50%;
	margin: 24px 1px 0 0;
	width: 1px;
	height: 80%;
	border-left: #999 1px solid;
	z-index: 0;
}
.dive-fademe {
	display: none;
}
#projects_prev {
	display: none;
	z-index: 4;
	position: absolute;
	height: 100%;
	width: 80px;
	left: 20px;
}
#projects {
	position: absolute;
	width: 60%;
	height: 100%;
	left: 20%;
	text-align: center;
}
#project_haven {
	display: none;
	position: relative;
	width: 390px;
	height: 120px;
	margin: 70% auto 0 auto;
	text-align: center;
}
#project_haven a {
	text-decoration: none;
	display: inline-block;
	position: absolute;
	background: url('img/bigicons_sprite.png');
	top: 100px;
	width: 36px;
	height: 36px;
}
/*
#project_haven .link1 {
	background-position: 144px 0px;
	right: 197px;
}
#project_haven .link2 {
	background-position: 36px 0px;
	right: 237px;
}
#project_haven .link3 {
	background-position: 72px 0px;
	left: 237px;
}
#project_haven .link4 {
	background-position: 108px 0px;
	left: 197px;
}
*/

#project_beacon {
	display: none;
	position: relative;
	width: 390px;
	height: 120px;
	margin: 70% auto 0 auto;
	text-align: center;
}
#project_beacon a {
	text-decoration: none;
	display: inline-block;
	position: absolute;
	background: url('img/bigicons_sprite.png');
	top: 100px;
	width: 36px;
	height: 36px;
} 
#project_beacon .beacon_temp {
	position: absolute;
	top: 25px;
	width: 100%;
	text-align: center;
}

#project_beacon_logo {
	position: absolute;
	top: 0;
	left: 95px;
	width: 205px;
	margin: -330px 0 0 0;
}

#project_haven .haven_temp {
	position: absolute;
	top: 100px;
	width: 100%;
	text-align: center;
}

#project_haven_logo {
	display: none;
	position: absolute;
	top: 0;
	left: 95px;
	width: 205px;
	margin: -330px 0 0 0;
}
#project_blacksnow {
	display: none;
	position: relative;
	width: 520px;
	height: 120px;
	margin: 70% auto 0 auto;
}


#project_beacon a {
	text-decoration: none;
	display: inline-block;
	position: absolute;
	background: url('img/bigicons_sprite.png');
	top: 100px;
	width: 36px;
	height: 36px;
}
#project_beacon .link2 {
	background-position: 36px 0px;
	margin: auto;
	margin-left: -18px;
}
#project_beacon .link2:hover {
	background-position: 36px 36px;
}

#project_blacksnow a {
	text-decoration: none;
	display: inline-block;
	position: absolute;
	background: url('img/bigicons_sprite.png');
	top: 100px;
	width: 36px;
	height: 36px;
}
#project_blacksnow .link2 {
	background-position: 36px 0px;
	margin: auto;
	margin-left: -18px;
}
#project_blacksnow .link2:hover {
	background-position: 36px 36px;
}
/*
#project_blacksnow .link1 {
	background-position: 144px 0px;
	right: 262px;
}
#project_blacksnow .link2 {
	background-position: 36px 0px;
	right: 302px;
}
#project_blacksnow .link3 {
	background-position: 72px 0px;
	left: 302px;
}
#project_blacksnow .link4 {
	background-position: 108px 0px;
	left: 262px;
}
*/
#contact .links {
	position: absolute; 
	top: 44px; 
	width: 160px; 
	border-top: 1px solid #fff;
}
#contact .link1 {
	display: block; 
	position: absolute; 
	top: 8px; 
	left: 2px; 
	width: 36px; 
	height: 36px; 
	background-image: url('img/contacticons_sprite.png'); 
	background-position: 0 0; 
}
#contact .link1:hover {
	background-position: 0 36px;
}
#contact .link2 {
	display: block; 
	position: absolute; 
	top: 8px; 
	left: 42px; 
	width: 36px; 
	height: 36px; 
	background-image: url('img/contacticons_sprite.png'); 
	background-position: 72px 0;
}
#contact .link2:hover {
	background-position: 72px 36px;
}
#contact .link3 {
	display: block; 
	position: absolute; 
	top: 8px; 
	left: 82px; 
	width: 36px; 
	height: 36px; 
	background-image: url('img/contacticons_sprite.png'); 
	background-position: 108px 0; 
}
#contact .link3:hover {
	background-position: 108px 36px;
}
#contact .link4 {
	display: block; 
	position: absolute; 
	top: 8px; 
	left: 122px; 
	width: 36px; 
	height: 36px; 
	background-image: url('img/contacticons_sprite.png'); 
	background-position: 144px 0;
}
#contact .link4:hover {
	background-position: 144px 36px;
}
#contact .info {
	position: absolute; 
	top: 24px; 
	left: 45%; 
	width: 180px;
}