/*
 * Resets default browser CSS
 */
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,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

body {
	line-height: 1.5;
}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/*
 * Sets up an easy-to-use grid of 24 columns
 */
.container {
	width: 950px;
	margin: 0 auto;
}

/* Columns */
.column, .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: 10px;
}
.last		{margin-right: 0;}
.span-1		{width: 30px;}
.span-2		{width: 70px;}
.span-3		{width: 110px;}
.span-4		{width: 150px;}
.span-5		{width: 190px;}
.span-6		{width: 230px;}
.span-7		{width: 270px;}
.span-8		{width: 310px;}
.span-9		{width: 350px;}
.span-10	{width: 390px;}
.span-11	{width: 430px;}
.span-12	{width: 470px;}
.span-13	{width: 510px;}
.span-14	{width: 550px;}
.span-15	{width: 590px;}
.span-16	{width: 630px;}
.span-17	{width: 670px;}
.span-18	{width: 710px;}
.span-19	{width: 750px;}
.span-20	{width: 790px;}
.span-21	{width: 830px;}
.span-22	{width: 870px;}
.span-23	{width: 910px;}
.span-24	{width: 950px; margin-right:0;}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear, .clearBox { clear:both; }