/*
 |--------------------------------------------------
 | Reset
 |--------------------------------------------------
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, img, hr,
ol, ul, li, form, label, fieldset,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

li {
    list-style-type: none;
}

a, a:visited, a:active {
	color: #03f;
    text-decoration: none;
}

a:hover {
	color: #06f;
}

/*
 |--------------------------------------------------
 | Typography and vertical rhythm
 |--------------------------------------------------
*/

body {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

h1 {
    font-size: 28px;
    line-height: 40px;
}

h2 {
    font-size: 20px;
    line-height: 40px;
}

p, hr, table, img {
	margin-bottom: 20px;
}

/*
 |--------------------------------------------------
 | Grid and clear styles
 |--------------------------------------------------
*/

.grid {
	display:inline;
	float: left;
	position: relative;
    width: 960px;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}