/* 
=======================================================================
SSU Base CSS
=======================================================================
*/

/* 
=======================================================================
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212
=======================================================================
*/

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, b, u, i, center, 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-size: 100%; vertical-align: baseline;
	background: transparent;
	font-family: Arial, sans-serif;
	font-size:12px;
}
body { line-height: 1.5em; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

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

/* 
=======================================================================
The 1Kb Grid = 12 columns, 60 pixels each, with 20 pixel gutter
=======================================================================
*/

.g1  { width:60px;  }
.g2  { width:140px; }
.g3  { width:220px; }
.g4  { width:300px; }
.g5  { width:380px; }
.g6  { width:460px; }
.g7  { width:540px; }
.g8  { width:620px; }
.g9  { width:700px; }
.g10 { width:780px; }
.g11 { width:860px; }
.g12 { width:940px; }

.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12 {
	margin: 0 10px; 
	overflow: hidden;
	float: left;
	display: inline;
}
.wrap {
	width: 960px;
	margin: 0 auto;
}
.row, .wrap {
	overflow: hidden;
	position: relative;
}
.column {
	margin: 0;
	overflow: hidden;
	float: left;
	display: inline;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}
.row .wrap, .wrap .wrap {
	width: auto;
	margin: 0;
	display: inline-block;
}