.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */
article, aside, figure, hgroup, menu, nav, section { display: block; }
a:focus { outline: 0; }

#page-wrap { 
    width: 500px; margin: 40px auto 5px; background: #91c7ff; 
    padding: 8px;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background: -moz-linear-gradient(top,  #eee,  #ccc);
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}

#main-content { padding:10px 1px; }

h1 { font: bold 32px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; padding: 14px; color: #333; text-shadow: 1px 1px 1px white; }
p { margin: 0 0 15px 0; }
 
nav ul { 
    list-style: none;
}
nav ul li a {
	display: block;
	float: left;
	padding: 0 27px;
	font: bold 20px "Lucida Grande", "Verdana", sans-serif;
	color:#F00;
	text-decoration: none; 
	margin: 0 5px 0 0;
	line-height:24px;
}
nav ul li a:hover {
	color:#999;
	text-decoration:none;
}	
nav ul li a.current {
	color:#999;
	text-decoration:none;
}