body {
	color: #CCC;
	background-color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font : 1.5em;
	width : 100%;
	clear: both;
}

h2 {
	font : bold 1.25em;
	margin: 1em 0 0 0;
	padding: 1em 0 0 0;
	clear: both;
}

h3 {
	font-size : 1em;
	font-weight: bold;
	font : bold 1em;
}

h4 {
	font-size : .75em;
	font-weight : bold;
}
	
p {
	font-size:.75em;
	margin: 0;
	padding: 0 0 1em 0;
}

ul li {
	font-size: .75em;
	list-style: none;
}

ul li ul li {
	font-size: 1em;
	list-style: none;
}

ul li ul li ul li {
	font-size: 1em;
	list-style: none;
}

a {
	color : #FFF;
}

a:hover {
	color: #FFFFCC;
}

/*** Layout Selectors ***/
#main {
	left: 50%;
	margin-left: -350px;
	width: 700px;
	position: absolute;
	text-align:left;
	padding:15px;
}

#header {
	padding: 2em 0;
	text-align : center;
}
#header h1 {
	margin: 0;
	padding: 0;
}
	
#navigationTop {
	padding: 0;
	text-align: center;
}

#navigationBottom {
	padding: 2em 0;
	text-align : center;
}


#content {
	position : relative;
	display : block;
	text-align: left;
}

#footer {
	padding: 2em 0 ;
	clear : both;
	display : block;
	text-align: center;
	width : 100%;
	font-size: .55em;
	color: #CCCCCC;
}

/*  Classes */
.works {}
.works ul {
	padding: 0;
	margin: 25px;
	width: 700px;
	list-style:none;
}
.works ul li {
	float: left;
	width: 200px;
	height: 220px;
	padding: 12.5px;
	margin: 0;
	text-align:center;
	vertical-align:middle;
}
.works ul li a {}
.works ul li a img {border:0;}