html,body {

 background:#000000;
 	height: 100%;
}


br {
	
}

a {
	color:white;
}

body, html {height: 100%;}

#copyright {
	font-family: Verdana;
	font-size: 9px;
	background: #000;
	color:white;
	text-align:right;
}

#pageWrapper
{
	border-style: solid;
	border-width: 0 1px;	/* layout's side borders */
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;		/* arial looks better with a smaller size */
	margin: 0 auto;
	min-width: 500px;	/* IE doens't understand this property */
	width: 600px;
	text-align: center;
	height: 100%; 
	overflow: visible;

}
/*
#outer {height: 100%; overflow: visible;} 
#outer[id] {display: table; position: static;}
*/
#outer {
	margin: 0 auto;
	text-align: center;
	

}


#middle {position: absolute; left:50%; top:50%; margin-left:-300px; margin-top:-250px;}  


#inner {width:600px} /* for explorer only */
/* optional: #inner[id] {position: static;} */

* html #pageWrapper
{
	/*word-wrap: break-word;	*/
	/* invalid CSS but keeps IE from breaking 
				   horribly under narrow viewports */
}

#outerColumnContainer
{
	background-color: #FFF;
	border-style: solid;
	border-width: 0 200px;	
	border-left-color: #c0c;	/* left hand column background color */
	border-right-color: #FFF;	/* right hand column background color */
	border-left-width: 0;	
	color: #000;
	z-index: 1;

}
* html #outercolumncontainer
{
	margin-top: -1px;
	border-top: solid 1px #000;
}
#innerColumnContainer
{
	border-style: solid;
	border-width: 0 0px;	/* puts borders between middle and the side 
				   columns. */
	margin: 0 -1px;	
	width: 100%;
	z-index: 2;
}
html[xmlns] .mozclear
{
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}

.line {
	background-color:#333333;
	height:2px;
	margin-bottom:5px;
	margin-top:2px;
}

.header {width:100%;float:left;}

.title {
	float:left;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#cfcfcf;
	text-align:left;
	
}

.main_menu {
	float:right;
	width:400px;
	margin-top:5px;
}

.content {
	color:#CCCCCC;
	font-size:12px;
	font-face:tahoma;
	text-align:left;
}

.main_menu ul {float:right; margin:0px;}
.main_menu ul li {float:left;margin-left:20px;}
.main_menu ul li a {color:#ffffff;font-weight:bold;font-size:12px;text-decoration:none;}
.main_menu ul li a:hover {color:#CC6600}

p, h1, h2, h3, h4, h5, h6
{
	margin: 1em 0;		/* for better consistency across platforms */
}
.clear
{
	clear: both;
}

.project img {float:left;margin-right:10px;}

.project a {color:#CC6600;font-weight:bold;}
.project {width:599px;display:block;padding:10px 0 10px 0; border-bottom:1px #cccccc dashed}