@font-face
{
	font-family: 'Terminus';
	src: url('font/terminus-webfont.eot?#iefix') format('embedded-opentype'), 
	url('font/terminus-webfont.woff') format('woff'), 
	url('font/terminus-webfont.ttf')  format('truetype'),
	url('font/terminus-webfont.svg#svgFontName') format('svg');
}

body
{
	background-color:#000;
	color:#fff;
	margin:0;
	padding:0;
	font-family:'Terminus';
}

img#source
{
	position:fixed;
	bottom:0;
	left:161px;
	z-index:2;
}

div#menu
{
	position:fixed;
	top:10px;
	left:0;
	z-index:3;
}

div#menu ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

div#menu li
{
	display:block;
	width:140px;
	margin:10px 0;
	height:29px;
	background-image:url(iimg/dline.png);
	background-repeat:repeat-x;
	background-position:center;
}

div#menu li:hover:after
{
	content:url(iimg/connect.png);
	position:relative;
	top:-30px;
	right:-140px;
}

div#menu li.high
{
	width:170px;
	background-image:url(iimg/line.png);
}

div#menu li:hover
{
	background-image:url(iimg/line.png);
}

div#menu li.high:after, div#menu li.high:hover:after
{
	content:url(iimg/box.png);
	position:relative;
	top:-27px;
	left:168px;
}

div#menu a, div#menu a:visited
{
	border:1px solid #080;
	margin-left:15px;
	width:115px;
	height:20px;
	display:block;
	line-height:20px;
	padding:4px;
	vertical-align:middle;
	background-color:#000;
	color:#09f;
	text-decoration:none;
}

div#menu a:hover, div#menu li.high a:hover, div#menu li.high a
{
	color:#0ff;
	border:3px double #0f0;
	padding:2px;
}

div#body
{
	position:absolute;
	top:30px;
	left:180px;
	z-index:3;
}

div#lbar
{
	border-left:1px solid #0f0;
	height:100%;
	position:fixed;
	top:0;
	left:170px;
}

div#tbar
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:30px;
	background-color:#000;
	overflow:hidden;
	z-index:2;
}

div#tbar div
{
	border-bottom:1px solid #0f0;
	width:100%;
	height:29px;
	margin-left:170px;
}

div#content
{
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #0f0;
	border-bottom:1px solid #0f0;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-right:50px;
}

div#content a:link, div#content a:visited
{
	color:#09f;
	text-decoration:none;
}

div#content a:hover
{
	color:#0ff;
}

div#content h2 a:hover
{
	color:#fff;
}

div#content:before
{
	content:url(iimg/box.png);
	position:absolute;
	top:-12px;
	left:8px;
}

div#content:after
{
	content:url(iimg/box.png);
	position:absolute;
	bottom:3px;
	right:0px;
}

div#content h1
{
	position:relative;
	top:-16px;
	left:10px;
	margin:0;
	padding:0 10px;
	border:3px double #0f0;
	background-color:black;
	height:29px;
	line-height:30px;
	vertical-align:middle;
	font-size:1.5em;
	display:inline-block;
}

div#content h2
{
	margin-left:10px;
	margin-top:20px;
	margin-bottom:5px;
	padding:2px 10px;
	padding-right:33px;
	border:1px solid #0f0;
	background-color:black;
	font-size:1.2em;
	height:21px;
	line-height:22px;
	vertical-align:middle;
	display:inline-block;
}

div#content h2:before
{
	content:url(iimg/h2line.png);
	position:relative;
	top:-4px;
	left:-34px;
}

div#content p
{
	margin:0;
}

div#content p+p
{
	margin-top:15px;
}