html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
:focus {
	outline:0;
}
body {
	line-height:1;
	color:#000;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
* {
	padding:0;
	margin:0;
}
html {
	background-color:#fff;
}
body {
	font:62.5% Calibri, arial, helvetica, sans-serif;
	margin:2em;
}
strong {
	font-weight:bold;
	display:block;
}
h1 {
	background:#f7f7f7 url(logo.png) center center no-repeat;
	text-indent:-999em;
	margin:0 auto;
	height:300px;
	width:960px;
}
ul {
	margin:0 auto;
	width:960px;
}
ul li {
	margin:20px 20px 0 0;
	font-size:1.2em;
	width:225px;
	float:left;
}
ul li a {
	border:3px solid #fff;
	background-color:#fff;
	padding:17px;
	text-decoration:none;
	overflow:hidden;
	display:block;
	color:#272727;
	height:80px;
	width:185px;
}
ul li a:hover {
	border-color:#f7f7f7;
}
ul li a:hover strong {
	color:#f30;
}
ul li a:active {
	background-color:#f30;
	border-color:#f30;
	color:#f30;
}
ul li a:active strong {
	border-color:#f30;
}
ul li a strong {
	font:bold 14px Calibri, helvetica, arial, verdana, sans-serif;
	border-bottom:1px solid #ddd;
	text-transform:uppercase;
	margin:2px 0 14px 0;
	padding-bottom:5px;
	display:block;
	color:#000;
}