html, body, div, ul , li, h1, h2, h3, h4, h5, h6, p, a, span, form, label, textarea, abbr, address, em, strong, img, q, dd, ol, dl, dt
{
	margin:0;
	padding:0;
	border: none;
	vertical-align:baseline;
	line-height: 1em;
}
li{ list-style:none;}
a
{
color:#333;
text-decoration:none;
}
html, body
{
height:100%;
}
body
{
	font-size: 0.625em;
	font-family: arial, serif;
	color:#333;
}
h1,h2,h3,h4,h5,h6 {font-family: Helvetica;}
h1{	font-size: 3.6em;}
h2{	font-size: 3.0em;}
h3{	font-size: 2.2em;}
h4{	font-size: 2em;}
h5{	font-size: 1.6em;}
h6{	font-size: 1.2em;}
.sitewidth {width:96em;}
q
{
	display:block;
	margin:1em 0 1em 2em;
	padding:2em ;
	float:right;
	color:#0CF;
	background:#EEE;
	width:30%;
	text-align:center;
}
section
{
	font-size: 1.4em;
	padding:0;
}
p, q, h1, h2, h3, h4 , h5, h6
{
	line-height:1.5em;
}
p
{
	padding:0 0 1em 0;
}
#wrapper
{
	min-height:100%;
}
#contentwrapper
{
	overflow:auto;
	padding-bottom:10em;
	margin:0 auto;
}
#footerwrapper
{
	background:#09F;
	margin:0 auto;
	height:10em;
	margin-top:-10em;
	position:relative;
	clear:both;
}
nav
{
	margin:1em 0;
}
nav li 
{
	display: inline-block;
	margin:0 -.3em 0 0;
}
nav a
{
	background:#CCC;
	padding:1em;
	margin:1em 0;
}
nav li > ul
{
	display:none;
	margin:1em 0 0 0;
	text-align:left;
	position:absolute;
	width:auto;
}
nav li:hover > ul
{	
	display:block;
}
nav li > ul li
{
	display:block;
	clear:both;
	float:left;
	margin:1em 0;
}

Normal site base

CSS