/* --- CSS Reset --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* --- Typography --- */

@font-face {
src: url("../../fonts/rockwell.ttf")
font-family: "rockwell";
format: ("truetype");
}

.grid p {
	line-height: 16px;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 16px;
}

.grid h1 {
	font-family: "rockwell", sans-serif;
	line-height: 16px;
	font-size: 16px;
	font-weight: bold;
	margin-left: 0px;
	letter-spacing: 0.05em;
	margin-bottom: 16px;
	margin-right: 5px;
	padding-left: 0px;
	color: #00CCFF;
	background-color: #FFFFFF;
}

.grid h2 {
	line-height: 16px;
	font-size: 16px;
	margin-top: 0px;
	font-family: rockwell, sans-serif;
	margin-left: 0px;
	letter-spacing: 0.2em;
	margin-bottom: 16px;
}

/* --- Grid --- */

.grid {
	width: 866px;
	margin: 0;
	height: 400px;
}

.grid-m1 {
	float: left;
	width: 2px;
	height: 420px;
}

.grid-c1 {
	float: left;
	width: 400px;
}

.grid-m2 {
	float: left;
	width: 22px;
	height: 400px;
}

.grid-c2 {
	float: left;
	width: 390px;
	text-align: left;
}

.grid-m3 {
	float: left;
	width: 2px;
	height: 420px;
}
.grid  a {
	font-family: "rockwell", sans-serif;
	line-height: 16px;
	font-size: 14px;
	font-weight: normal;
	margin-left: 0px;
	letter-spacing: 0.05em;
	margin-bottom: 16px;
	color: #FF3300;
	text-decoration: none;
}