/* RESET */
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;
  list-style: none;
  text-decoration: none;
}

:focus { outline: 0; }
table { border-collapse: separate; border-spacing: 0; }

caption, th, td {
	text-align: left;
  vertical-align: top;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* GRID */
.container { width: 940px;   margin: 0 auto; }
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right: 20px;}
.last { margin-right:0; }
.span-1  { width: 20px; }
.span-2  { width: 60px; }
.span-3  { width: 100px; }
.span-4  { width: 140px; }
.span-5  { width: 180px; }
.span-6  { width: 220px; }
.span-7  { width: 260px; }
.span-8  { width: 300px; }
.span-9  { width: 340px; }
.span-10 { width: 380px; }
.span-11 { width: 420px; }
.span-12 { width: 460px; }
.span-13 { width: 500px; }
.span-14 { width: 540px; }
.span-15 { width: 580px; }
.span-16 { width: 620px; }
.span-17 { width: 660px; }
.span-18 { width: 700px; }
.span-19 { width: 740px; }
.span-20 { width: 780px; }
.span-21 { width: 820px; }
.span-22 { width: 860px; }
.span-23 { width: 900px; }
.span-24 { width: 940px; margin-right: 0; }

/* BASE TYPOGRAPHY */
strong { font-weight: bold; }
em { font-style: italic; }
body { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #444; line-height: 18px; }
ul, ol, table, dl, p, h1, h2, h3 { margin-bottom: 18px; }
h1 { font-size: 200%; line-height: 36px; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
.left { float: left; margin-right: 20px; }
.right { float: right; }
.clear { clear: both; }
a { text-decoration: underline; }
a:hover, a:focus { text-decoration: none; }