@charset "UTF-8";

/** begin global */
body {
	font-size: 77.5%;
	font-family: Helvetica;
	/*font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; */
	line-height: 1.429;
	color: #333;
	text-align: left;
}

h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.286em} /* 18px */
h5 {font-size: 1.143em} /* 16px */
h6 {font-size: 1em} /* 14px */

h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: .8em;
}

a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
    color: #464646;
    padding: 0 0px;
	text-decoration: underline;
}
a:hover, a:active {
    color: #999999;
    text-decoration: none;
}
/* end global **/

html {
	background: #000;
}

#wrapper {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	background: #000;
	z-index: 1;
}
#logo {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 10;
	
}
#splash {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	background: url('../img/phenomenon2010aw_splash.gif') no-repeat center center;
	z-index: 5;
}
	#splash img {
		width: 100%;
		height: auto;
	}

#enterbutton {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 100;
}
	#enterbutton a {
		width: 100%;
		height: 100%;
		display: block;
		text-indent: -9999px;
	}
		#enterbutton a span {
		}