/* ---------- Begin HTML Classes ---------- */

body {
	background-color:#000000;
	margin:0.75% 0.1% 0.1%;
	padding:0px;
	text-align:center;
}

body, a, div, input, p, span, select, td, textarea {
	font-family:Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size:11px;
	color:#9baeb2;
}

a {
	color:#a90000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

div {
	text-align:left;
	vertical-align:top;
	box-sizing:border-box; /* Opera and IE 8+ */
	-moz-box-sizing:border-box; /* Firefox and other Gecko */
	-webkit-box-sizing:border-box; /* Safari, Chrome and other WebKit */
}

img {
	border:none;
}

table {
	border:none;
	border-collapse:collapse;
}

td {
	margin:0px;
	padding:0px;
	text-align:left;
	vertical-align:top;
}

/* ---------- Begin Layout Classes ---------- */

div.layt-prj-otr {
	width:10%;
	height:10%;
	float:left;
	text-align:center;
	vertical-align:middle;
}

div.layt-prj-inr {
	width:94%;
	height:90%;
	margin:auto;
	background-color:#181818;
	border:solid 1px #222222;
}

div.layt-prj-itm-otr {
	width:100%;
	height:100%;
	background-color:#111111;
	border:solid 1px #000000;
}

div.layt-prj-itm-inr {
	width:100%;
	height:100%;
	display:none;
}

div.layt-prj-itm-inr-bdy {
	width:100%;
	height:75%;
}

div.layt-prj-itm-inr-mnu {
	width:100%;
	height:25%;
	background-color:#181818;
}