/* @override 
	http://whaleroot.com/css/styles.css
	http://whaleroot.com/css/styles.css
	http://www.whaleroot.com/css/styles.css
*/

html {
	width: 100%;
	height: 100%;
	}
	
@font-face {
	font-family: "LiberationSans-Regular";
	src: url(http://www.whaleroot.com/fonts/LiberationSans-Regular.ttf) format("truetype");
	}
@font-face {
	font-family: "LiberationSans-Italic";
	src: url(http://www.whaleroot.com/fonts/LiberationSans-Italic.ttf) format("truetype");
	}
@font-face {
	font-family: "LiberationSans-Bold";
	src: url(http://www.whaleroot.com/fonts/LiberationSans-Bold.ttf) format("truetype");
	}
@font-face {
	font-family: "LiberationSans-BoldItalic";
	src: url(http://www.whaleroot.com/fonts/LiberationSans-BoldItalic.ttf) format("truetype");
	}

#body { 
	font-family: 'LiberationSans-Regular', 'helvetica', sans-serif;
	font-size: 11px;
	line-height: 170%;
	color: #fff;	
	text-align: left;
	}
	
#name {
	font-family: 'LiberationSans-Bold', 'helvetica', sans-serif;
	background: url(/images/name.gif);
	font-size: 20px;
	letter-spacing: 6px;
	width: 200px;
	position: fixed;
	top: 15px;
	left: 15px;
	padding: 10px;
	filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}

#name a, a:hover {
	text-decoration: none;
	background: none;
	color: #fff;
	}

#section {
	font-family: 'LiberationSans-Italic', 'helvetica', sans-serif;
	background: url(/images/section.gif);
	font-size: 15px;
	width: 200px;
	letter-spacing: 3px;
	position: fixed;
	top: 70px;
	left: 15px;
	padding: 10px;	
	filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
	
#menu {
	font-family: 'LiberationSans-Regular', 'helvetica', sans-serif;
	background: url(/images/menu.gif);
	width: 200px;
	position: fixed;
	top: 125px;
	left: 15px;
	padding: 10px;
	filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}

#menu p {
	font-family: 'LiberationSans-Bold', 'helvetica', sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	}

#menu span {
	font-family: 'LiberationSans-Bold', 'helvetica', sans-serif;
	font-size: 15px;
	letter-spacing: 4px;
	}

#statement {
	font-family: 'LiberationSans-Regular', 'helvetica', sans-serif;
	background: url(/images/statement.gif);
	width: 280px;
	position: fixed;
	top: 223px;
	right: 15px;
	padding: 10px;
	filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}

#statement span {
	font-family: 'LiberationSans-Bold', 'helvetica', sans-serif;
	font-size: 15px;
	letter-spacing: 4px;
	}
	
#main-menu {
	font-family: 'LiberationSans-Regular', 'helvetica', sans-serif;
	background: url(/images/main-menu.gif);
	width: 200px;
	position: fixed;
	top: 15px;
	right: 15px;
	padding: 10px 90px 10px 10px;
	filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
	
#main-menu span {
	font-family: 'LiberationSans-Bold', 'helvetica', sans-serif;
	font-size: 15px;
	letter-spacing: 4px;
	}

#title {
	font-family: 'LiberationSans-Bold', 'helvetica', sans-serif;
	background: url(/images/title.gif);
	font-size: 15px;
	letter-spacing: 4px;
	line-height: 135%;
	width: 280px;
	position: fixed;
	bottom: 15px;
	right: 15px;
	padding: 10px;	
	filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}

#title span {
	color: #000;
	}
	
#launch {
	font-family: 'LiberationSans-Bold', 'helvetica', sans-serif;
	background: url(/images/launch.gif);
	font-size: 15px;
	letter-spacing: 4px;
	line-height: 135%;
	position: fixed;
	bottom: 50%;
	right: 46%;
	padding: 10px;	
	filter: alpha(opacity=90);
		-moz-opacity: 0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
	}

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

#launch a:hover {
	background: #fff;
	color: #000;
	}

ul {
	margin: 0;
	padding: 0;
	line-height: 135%;
	}
	
li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

li a {
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	}

a {
	color: #fff;
	cursor: pointer;
	}

li a:hover {
	font-family: 'LiberationSans-Bold', 'helvetica', sans-serif;
	background: #fff;
	color: #000;
	padding: 0 10px;
	}

a:hover {
	background: #fff;
	color: #000;
	text-decoration: none;
	}
	

#special {
	font-family: 'LiberationSans-Bold', 'helvetica', sans-serif;	
	padding: 30px;
	color: #F09;
	font-size: 25px;
	}