/* RESET (Based on Eric Meyer's 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,
	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;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

/* Standard Formatting */

	/* Text */
		html				{ font-size: 100%; }
		body				{ color: #00284c; line-height: 1.5; font-family: Arial, Helvetica, sans-serif;
							  font-size: 0.8em; }

		h1, h2, h3, h4,
		p, ul, ol, dl		{ margin: 0.9em 0 0 0; }
		.cite				{ margin: 0.4em 0 0 0; }
		pre					{ margin: 1em 0 0 0; }

		h1, h2, h3, h4		{ font-weight: normal; }
		h1, h2				{ letter-spacing: -0.02em; }
		h1, h2, h3, h4		{ font-family: Arial, Helvetica, sans-serif; line-height: 1.2; }
		h1 a, h2 a, h3 a,
		h4 a				{ color: #00284c; }
		h1					{ font-size: 2.2em; }
		h2					{ font-size: 1.9em; }
		h3					{ font-size: 1.6em; }
		h4					{ font-size: 1.3em; }

		.cite				{ font-size: 0.85em; }

		em					{ font-style: oblique; }
		strong				{ font-weight: bold; }
		
		q					{ }
	
		del 				{ text-decoration: line-through; }
		ins 				{ text-decoration: none; border-bottom: 1px solid #9bd0ff; }
	
		sup 				{ vertical-align: super; }
		sub 				{ vertical-align: sub; }
	
		abbr				{ border-bottom: 1px dotted; cursor: help; }
		
		a					{ color: #5291CC; border-bottom: 1px solid; text-decoration: none; }
		a:visited			{ border-bottom-style: dotted; }
		a:hover,
		a:focus				{ }
		a:active			{ }
		a.img				{ border: 0; }

		blockquote			{ font-style: oblique; }
		.cite				{ display: block; text-align: right; }

		pre					{ font-size: 0.9em; line-height: 1.3; padding: 15px; background: url(../images/layout/pixel_40.stretch.alpha.png);
							  white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap;
							  white-space: -o-pre-wrap; word-wrap: break-word; }	
		pre, code			{ font-family: Consolas, "Courier New", Courier, monospace; }
		
		p.guide				{ text-align: center; margin: 1.5em 0 0 0; font-weight: bold; }

	/* Lists */
		ul, ol				{ margin-left: 30px; }
		ul 					{ list-style: disc; }
		li 					{ }
		dl 					{ overflow: hidden; }
		dt 					{ float: left; width: 15%; text-align: right; margin-right: 10px; color: #5291cc; clear: both; }
		dd 					{ float: left; width: 80%; }

	/* Images */
		img					{ display: block; }
		#content img		{ margin-top: 1.5em; margin-bottom: 15px; }
		img.left			{ margin-right: 15px; }
		img.right			{ margin-left: 15px; }
		#content img.icon	{ margin-top: 0; }

	/* Horizontal Rules  */
		.hr					{ height: 1px; background: url(../images/layout/pixel_40.stretch.alpha.png) top repeat-x;  margin: 1.5em 0; }
		.hr	hr				{ display: none; }

	/* General */
		.top				{ margin-top: 0; }
		.center				{ margin-left: auto; margin-right: auto; }
		div.left, img.left	{ float: left; }
		div.right, img.right{ float: right; }
		
/* Layout */

	/* Body */
		body				{ background: #bbd2e8; }
		#wrapper			{ margin: 0 auto; width: 900px; }
		
	/* Header */
		#header				{ padding: 30px 0; float: left; width: 100%; position: relative; }
		#logo				{ float: left; background: 0; }
		#action 			{ float: right; display: block; padding: 9px 70px 9px 15px; line-height: 1.3; border: 0; color: #00284c;
		  					  background: url(../images/layout/pixel_20.stretch.alpha.png); }
		#action:hover		{ background: url(../images/layout/pixel_40.stretch.alpha.png); }
		#action img			{ position: absolute; top: 50%; right: -7px; margin-top: -31px; z-index: 100; }
		
	/* Navigation */
		#nav				{ overflow: hidden; clear: both; }
		#nav ul				{ list-style: none; font-size: 1.2em; margin: 0; }
		#nav li				{ float: left; line-height: 1; }
		#nav a				{ border: 0; display: block; padding: 10px 25px; background: url(../images/layout/pixel_20.stretch.alpha.png); }
		#nav .subtitle		{ font-weight: normal; text-transform: uppercase; font-size: 0.7em; color: #5291cc; }

		#nav a:hover		{ background: url(../images/layout/pixel_40.stretch.alpha.png); color: #5291CC; }
		
		#nav_primary		{ float: left; }
		#nav_secondary		{ float: right; }

		body.default_index #nav_index a,
		body.default_portfolio #nav_portfolio a,
		body.default_contact #nav_contact a,
		body.default_about #nav_about a,
		body.default_blog #nav_blog a,
		body.default_code #nav_code a,
		body.default_projects #nav_projects a
							{ background: url(../images/layout/pixel_60.stretch.alpha.png); color: #00284c; }

	/* Content */
		#content			{ background: url(../images/layout/pixel_60.stretch.alpha.png); padding: 0 0 25px 0; }
		.content			{ margin: 25px 0 0 0; padding: 0 25px; }

		.row				{ overflow: hidden; }
		.flow .content		{ margin-top: 0.9em; }
		.column				{ float: left; }
		
		.width_1			{ width: 300px; }
		.width_2			{ width: 600px; }

		.box				{ background: url(../images/layout/pixel_40.stretch.alpha.png); padding-bottom: 25px; }
		.content .box		{ position: relative; top: -25px; right: -25px; }

		.divider_left		{ background: url(../images/layout/pixel_40_left.stretch.alpha.png) left repeat-y; padding-left: 24px; }
		.divider_right		{ background: url(../images/layout/pixel_40_right.stretch.alpha.png) right repeat-y; padding-right: 24px; }
		
	/* Footer */
		#footer				{ padding: 15px 0 30px 0; font-size: 0.85em; }

		#footer, #footer a	{ color: #5291CC; }
		#footer p			{ margin-top: 0.1em; }
	
	/* Quote */		
		.quote				{ float: right; margin: 0 0 1.5em 1.5em; width: 250px; clear: right;
							  padding: 0.8em 0 0 35px; background: url(../images/layout/quotes.alpha.png) top left no-repeat; }
		.quote blockquote	{ }
		
	/* Inline List */		
		dl.inline			{ font-size: 0.85em; margin-top: 0.3em; }
		dl.inline dt,
		dl.inline dd		{ display: inline; float: none; clear: none; width: auto; margin: 0; }
		dl.inline dt		{ }
		dl.inline dd		{ margin: 0 0.7em 0 0; }
		
	/* Block List */		
		ul.block			{ list-style: none; margin-left: 0; }
		ul.block li			{ float: left; width: 50%; }
		
	/* Portfolio */		
		#content
			.project img	{ margin-top: 0; }
		
	/* Logos */		
		.logos				{ text-align: center; margin: 1.2em 0; }
		#content .logos img	{ display: inline; margin: 5px; }
		
	/* Feature */		
		#feature			{ margin: 0 0 15px 0; background: url(../images/layout/pixel_20.stretch.alpha.png); padding: 0 0 25px 0;
							  position: relative; clear: both; }
		#summary			{ width: 380px; }
		#feature_image		{ position: absolute; top: 50%; margin-top: -120px; right: -40px; }
		
	/* Blog */		
		.details 			{ font-size: 0.75em; display: block; margin: 0.5em 0 0 0; }
		.details,
		.details a			{ color: #5291cc; }

		#cloud				{ }
		#cloud a			{ margin: 0 10px 0 0; }