@charset "UTF-8";


html {
	min-height: 102%; /* force vertical scrollbar - browser support flaky, doesn't work in Opera */
}

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

body {
	background: #000 url(/_img/global/background.jpg) no-repeat fixed center center;
}

#wrapper {
	
}

#container {
	width: 81em;
	margin: 0 auto;
	background: transparent url(/_img/global/opaque_10.png) repeat scroll 0 0;
}

#header {
	padding-top: 1em;
}

#nav {
	display: block;
	width: 255px;
	height: 80px;
	margin: 0.5em 0 0 2em;
}


#logo {
	display: block;
	float: right;
	width: 320px;
	height: 60px;
	margin: 1.8em 2.2em 0 0;
	background: url(/_img/global/logo.png) no-repeat center center;
}

#description {
	padding: 30px;
	background: transparent url(/_img/global/header_background.png) no-repeat center 0;
}

#intro{
	width: 45em;
	margin: 0;
	float: right;	
}

#intro p {
	filter: alpha(opacity=75); /* needed for IE */
	opacity: 0.75;
	color:#D8DFE5;
	font-size:1.1em;
	line-height:1.6em;
	text-align:right;

}

#intro p:hover {
	filter: alpha(opacity=100); /* needed for IE */
	opacity: 1.0;
}

#content {
	margin-bottom: 1em;
	padding:0 1em 1em;
}

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

#me {
	width: 45em;
	float: right;
	margin: 0;
}

#me p {
	font-size: 1.1em;
	line-height: 1.6em;
	text-align: right;
	color: #d8dfe5;
}

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

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

/*--- footer ------------*/

#footer {
	clear: both;
	margin: 0 1em 2em 1em;
	background: transparent url(/_img/global/opaque_10.png) 0 0 repeat;
}

#footer p {
	width: 40em;
	padding: 0.6em 1em;
	font-size: 1em;
}

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