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}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
	
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/
#outerspace {
	background:		transparent url("../img/bg.png") no-repeat scroll center 10px;
	width:		100%;
}

#container {
	margin-left:	auto;
	margin-right:	auto;
	width:			960px;
}

/* `Grid
----------------------------------------------------------------------------------------------------*/

#header,
#content,
#content-pri, #intro, #sections, .section,
#content-sec,
#footer-pri {
	display:		inline;
	float:			left;
	position:		relative;
	margin-left:	10px;
	margin-right:	10px;
}

#content-sec,
.section {
	width: 220px;
}

#content-pri,
#intro,
#sections {
	width: 700px;
}

#header,
#content,
#footer-pri {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Header
----------------------------------------------------------------------------------------------------*/
#nav-access { display:	none; }

#header {
	background:	transparent url("../img/header.png") no-repeat scroll 586px 2px;
	height:		260px;
	margin-top:	25px;
}

/* `Content
----------------------------------------------------------------------------------------------------*/

#content {
	background-color:	#fff;
}

/* `Primary Content
----------------------------------------------------------------------------------------------------*/

#content-pri {
	margin-left:	0;
}

/* `Primary Content - Intro
----------------------------------------------------------------------------------------------------*/

#intro {
	background:		#dc0022 url("../img/intro.jpg") no-repeat scroll 0 0;
	color:			#fff;
	height:			363px;
	margin-left:	0;
	text-align:		right;
}

/* `Primary Content - Sections
----------------------------------------------------------------------------------------------------*/
#sections {
	background:		#fff url("../img/section.jpg") repeat-y scroll 0 0;
	margin-bottom:	0px;
	margin-top:		20px;
}
.section {
	margin-bottom:	0;
}

/* `Secondary Content
----------------------------------------------------------------------------------------------------*/

#content-sec {
	background:		#92007c url("../img/content-sec.jpg") repeat-x scroll 0 0;
	color:			#fff;
	margin-bottom:	20px;
	margin-right:	0;
}

/* `Primary Footer
----------------------------------------------------------------------------------------------------*/

#footer-pri {
	background-color:	#008d55;
	color:				#fff;
	margin-bottom:		20px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

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

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.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;
}