@charset "utf-8";
/* CSS Document */

.noselect
{
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#container
{
	position:absolute;
	display:block;
	left:0%;
	top:0%;
	width:100%;
	height:100%;
	background-color:#222;
}

#titlearea
{
	overflow:hidden;
	display:block;
	position:absolute;
	top:0%;
}

#titletext
{
	margin:0px;
	padding:20px;
	background:none;
	cursor:default;
	font-size:72px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-shadow:1px 3px 2px #111;
}

.subtitletext
{
	margin:0px;
	padding:20px;
	background:none;
	cursor:default;
	font-size:24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-shadow:1px 3px 2px #000;
}

.menutext
{
	margin:0px;
	padding:0px;
	background:none;
	cursor:default;
	font-size:36px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-shadow:1px 3px 2px #111;
	left:10%;
	position:relative;
}

.menutext:hover
{
	background-color:#111;
}

.menutext:active
{
	background-color:#000;
}

#menuarea
{
	margin:0px;
	padding:0px;
	display:block;
	position:absolute;
	left:0%;
	top:30%;
	width:15%;
	height:50%;
}

.bodytext
{
	margin:0px;
	padding:0px;
	display:block;
	position:relative;
	left:0px;
	top:0px;
	color:#FFF;
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.sidebar
{
	margin:0px;
	padding:10px;
	display:block;
	position:absolute;
	left:0%;
	top:15%;
	width:20%;
	height:80%;
	border-right:dotted #000;
}

.sidebartext
{
	left:0%;
	top:5%;
}

#contentarea
{
	margin:0px;
	padding:0px;
	display:block;
	position:absolute;
	left:15%;
	top:20%;
	background-color:#111;
	width:85%;
	height:75%;
	opacity:0;
	border-top-left-radius:25px;
	border-bottom-left-radius:25px;
	box-shadow:10px 10px 1px #000;
}

.content
{
	margin:0px;
	padding:0px;
	display:block;
	position:absolute;
	left:5%;
	top:5%;
	width:95%;
	height:95%;
	opacity:0;
}