root { 
    display: block;
}
body {
	margin: 0;
	padding: 0;
	font-family: arial;
	font-size: 15px;
	color: #FFF;
	background-color: #000;
	background-image: url('../images/bg_spotlight.png');
	background-position: center top;
	background-repeat: no-repeat;
}
#logo_combo {
	position: absolute;
	width: 700px;
	height: 600px;
	margin: 0px -350px;
	top: 50px;
	left: 50%;
	background-image: url('../images/wimp_combo.png');
	background-position: center top;
	background-repeat: no-repeat;
}
#nav {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(0,0,0,.5);
	padding: 0;
}
#nav a {
	color: #EEE;
	text-decoration: none;
	padding: 5px 25px;
	width: 70px;
	display: inline-block;
}
#nav a:hover {
	color: #FFF;
	text-shadow: 0px 0px 12px #FFF;
}
#nav a.active {
	color: #FFF;
	text-shadow: 0px 0px 3px #FFF;
	border-bottom: #FFF solid 1px;
}
.outer {
	position: absolute;
	left: 50%;
	top: 60px;
	width: 800px;
	margin-left: -400px;
	height: 600px;
	background-color: rgba(1,3,5,.82);
	border: #0F1A20 solid 1px;
/*	display: table-cell;*/
}
.inner {
	position: relative;
	width: 90%;
	left: 5%;
	top: 20px;
}
.row {
	position: absolute;
	bottom: 0;
	padding: 12px 0 0 0;
	width: 100%;
	text-align: center;
	overflow: auto;
}
.row ul {
	width: 720px;
	text-align: center;
	display: table;
	white-space: nowrap;
	padding-right: 40px;
}
.row li {
	display: table-cell;
}
.row a {
	padding: 0 2px;
	display: block;
	text-decoration: none;
	color: #FFF;
}
.row img {
	border: #123 solid 2px;
}
.row a:hover img {
	color: #38A;
	border: #6BF solid 2px;
}
.project {
	position: absolute;
	width: 100%;
}
ul {
	
}
li {
	list-style: none;
}
h1 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 30px;
}
h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 20px;
}
.project p {
	margin: 15px 0 0 0;
	font-size: 14px;
	line-height: 24px;
}