/* Reset styles, for Blank Slate purposes. Extended from Eric Meyer’s Reset CSS: http://meyerweb.com/eric/tools/css/reset/index.html */

html, body, div, span, applet, object, img, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, address,
dl, dt, dd, ol, ul, li,
a, abbr, acronym, cite, code, del, dfn, em, ins, kbd, q, samp, strong, var,
pre, b, big, center, font, i, s, small, strike, sub, sup, tt, u,
form, fieldset, legend, label,
table, caption, thead, tfoot, tbody, tr, th, td {
	outline: 0;
	margin: 0;
	border-style: none;
	padding: 0;
	background-color: transparent;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: inherit; /* See also main-lteIE7.css */
	font-style: inherit; /* See also main-lteIE7.css */
	text-decoration: none;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: inherit;
}

:focus {
	outline: 0;
}

/* End reset */

html {
	background-color: #fff;
	/*background-image: url(../images/verticalrhythm.png);*/
	background-position: top left;
	background-repeat: repeat;
	color: #000;
	font: 112.5% 'Georgia', serif; /* Vertical rhythm: 18 pixels */
	text-align: center;
}

h1 {
	margin-top: 1em;
	font-size: 4em;
}

p {
	font-size: 2em;
	line-height: 2;
}

p small {
	font-size: .5em;
}

a {
	text-decoration: underline;
}

a:link,
a:hover,
a:active {
	color: #03f;
}

a:visited {
	color: #909;
}

h2 {
	margin-top: 3em;
	line-height: 2;
	font-weight: bold; /* See also main-lteIE7.css */
}

ul {
	width: 414px;
	height: 90px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 18px 4em;
}

	li {
		display: inline;
	}

		li a {
			float: left;
			width: 88px;
			height: 88px;
			margin-left: 18px;
			border: solid 1px #ccc;
		}

		li:first-child a {
			margin-left: 0;
		}