@charset "UTF-8";



/* ---------- Page Layout ----------*/

html {
	overflow: auto; /* removes vertical scrollbar */
}

body  {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
}

#wrapper{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: transparent url(/_img/global/background.jpg) no-repeat scroll center center;
}

#container{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 960px;
	height: 540px;
	margin: -280px 0 0 -480px;
	text-align: left;
}

#splash{
	text-align: right;
	width: 960px;
	height: 540px;
	background: #000 url("/_img/home/splash_2.jpg") no-repeat scroll 0 0;
}

#logo{
	position: absolute;
	top: 50px;
	left: 50px;
	width: 320px;
	height: 60px;
	background-image: url("/_img/global/logo.png");
}

#content{
	width: 44em;
	float: right;
	margin: 30px 10px 0 0px;
}

#menu{
	float: right;
	display: block;
	margin: 0 0.5em 7em 0;
}
/* ---------- Footer ----------*/

#footer {
	margin: 1em 2.5em 0 0;
}

#footer p {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	width: 40%;
}

#footer p#copyright {
	float: right;
	text-align: right;
}

/* ---------- headings ----------*/
h3 {
	font-size: 1.4em;
}

/* ---------- About me ----------*/

#me {
	margin-bottom: 3em;
	margin-left: 3.5em;
	top: 50%;
}

#me:hover p{
	filter: alpha(opacity=90); /* needed for IE */
	opacity: 0.9;
}

#me p {
	color: #949CA5;
	font-size: 1.15em;
	filter: alpha(opacity=75); /* needed for IE */
	opacity: 0.75;
	text-align: justify;
	text-indent: 1em;
}

#me a:link, #me a:visited {
	text-decoration: none;
	color: #b0e194;
}

#me a:hover {
	text-decoration: underline;
	color: #79ff25;
}

#me:hover a:link, #me:hover a:visited {
	text-decoration: underline;
}

/* ---------- Menu ----------*/
 
.menu a:link {
	color: #0099FF;
	text-decoration: none;
}
.menu a:visited {
	color: #666666;
	text-decoration: none;
}
.menu a:hover {
	color: #990000;
	background-color:#333333;
	text-decoration: none;
}