/* Eric Meyer's Reset Reloaded */

	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, img, ins, kbd, q, 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;*/
		color: inherit;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		text-decoration: none;
		vertical-align: baseline;
		background: transparent;
	}
	/* remember to define focus styles! */
	/*:focus {
		outline: 0;
	}*/
	body {
		line-height: 1;
		color: black;
		background-color: white;
	}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}

/* Roger Johanssons' Clearfix */

	.clear:after {
		content: '.';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clear { display: inline-block; }
	/* Hide from IE Mac \*/
	.clear { display: block; }
	/* End hide from IE Mac */

/* Standard Formatting */

	/* Text */
		html				{ font-size: 100%; }
		body				{ color: #121212; line-height: 1.6; font-family: Arial, Helvetica, sans-serif;
							  font-size: 0.9em; }

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

		h1, h2, h3			{ font-weight: normal; }
		h1, h2				{ letter-spacing: -0.03em; }
		h1, h2, h3			{ font-family: Arial, Helvetica, sans-serif; line-height: 1; }
		h1 a, h2 a			{ color: #121212; }
		h1					{ font-size: 2.8em; }
		h2					{ font-size: 2.1em; }
		h3					{ font-size: 1.4em; }

		.cite				{ font-size: 0.75em; }

		em					{ font-style: oblique; }
		strong				{ font-weight: bold; }
		
		q					{ }
	
		del 				{ text-decoration: line-through; }
		ins 				{ border-bottom: 1px solid #eee; }
	
		sup 				{ vertical-align: super; }
		sub 				{ vertical-align: sub; }
	
		abbr				{ border-bottom: 1px dotted; cursor: help; }
		
		a					{ color: #0077ff; }
		a:visited			{}
		a:hover,
		a:focus				{text-decoration:underline; }
		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: 1.5em; background: #fff; border: 1px solid #dbdbdb;
							  white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap;
							  white-space: -o-pre-wrap; word-wrap: break-word; }	
		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 					{ }
		dt 					{ float: left; width: 15%; text-align: right; margin-right: 10px; color: #808080; clear: both; }
		dd 					{ float: left; width: 80%; }

	/* Images */
		img					{ display: block; }

		#content img		{ padding: 0px; background: url(../images/img_bg.alpha.png); margin-top: 1.5em; margin-bottom: 1.5em; }
		#content img.alpha	{ padding: 0; background: none; }

	/* Horizontal Rules  */
		.hr					{ border-top: 1px solid #dbdbdb; margin: 1.5em 0;clear:both; }
		.hr	hr				{ display: none; }

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

	/* Body */
		body				{ background: #fff; }
		.wrapper			{ margin: 0 auto; width: 800px; padding: 3em 50px ; position: relative; }
		
	/* Header */
		#header				{ background: #262626 url(../images/header_bg.png) top repeat-x; }
		#header .wrapper	{ padding-bottom: 1.6em; }
		#header_shadow		{ background: url(../images/shadow_top.alpha.png) top no-repeat; height: 20px; width: 900px; margin: 0 auto; }

		#header, #header a	{ color: #808080; }
		#header a:hover		{ color: #fff; }
		#logo				{ display: block; float: left; }
		
	/* Links */
		.links				{ float: right; clear: right; text-align: right; list-style: none; width: 25em; }
		.links li			{ display: inline; margin: 0 0 0 0.5em; padding-bottom: 1em; }
		.links a			{ border: 0; font-family: Arial, Helvetica, sans-serif; color: #808080; }
					
		#skip				{ font-size: 0.75em; margin: 15px 0 0 0; padding: 0; }
		#skip a				{ color: #404040; }
		#nav				{ margin: 0; }

		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
							{ color: #fff; }

	/* Content */
		#content			{ background: #f7f7f7;
							  border: 1px solid #fbfbfb; border-left: 0; border-right: 0; }
		#content .wrapper	{ background: url(../images/shadow_bottom.alpha.png) top no-repeat; }
		
		#content .corner	{ position: absolute; top: 40px; right: 0; }
		#content .corner
			img				{ margin: 0; }
		#content h4.date {color:#767676; margin:1.2em 2px; font-family:Arial, Helvetica, sans-serif;}
		
	/* Footer */
		#footer				{ font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(../images/footer_bg.png) top repeat-x; min-height: 350px;
							  text-align: center; }
		#footer .wrapper	{ background: url(../images/shadow_bottom.alpha.png) top no-repeat; }

		#footer p			{ font-size: 0.75em; }
		#footer, #footer a	{ color: #808080; }
		#footer a:hover		{ color: #000; text-decoration:underline;}
		#footer span		{ margin: 0 10px; }

	/* Project */		
		.stack				{ position: relative; margin: 1.5em 0; height: 302px; }
		#content .stack img	{ margin: 0; }
		.stack .home, 
		.stack .page_1,
		.stack .page_2		{ position: absolute; display: block; }

		.stack .home		{ top: 0; left: 200px; z-index: 1; }
		.stack .page_1,
		.stack .page_2		{ top: 19px; }
		.stack .page_1		{ left: -50px; }
		.stack .page_2		{ right: -50px; }		
		
	/* Quote */		
		.quote				{ float: right; margin: 0 0 1.5em 1.5em; width: 250px;
							  padding: 0.8em 0 0 35px; background: url(../images/quotes.gif) 0 5px no-repeat; }
		.quote blockquote	{ }
		
	/* Blog */		
		.details 			{ font-size: 0.75em; display: block; margin: 0.5em 0 0 0; }
		.details,
		.details a			{ color: #808080; }

		#cloud				{ }
		#cloud a			{ margin: 0 10px 0 0; }
		
	/* Feature */		
		#feature h1			{ text-align: center; margin: 0; }
		#feature .page_1	{ left: -50px; }
		#feature .page_2	{ right: -50px; }
		#feature .guide		{ margin: 0.8em 0 0 0; }
		
		
		img.right			{float:right;}
		img.left			{float:left;}
		
		.section			{padding: 0px 0px 100px 0px;margin: 0px;clear: both;display: block;}
		#adwords img.right	{margin: -20px 00px 32px 50px;border: 0px #f7f7f7;}
		#bofa img.left		{margin: -10px 50px 100px 0px;border: 0px #f7f7f7;}
		#color img.right 	{margin: -10px 00px 50px 50px;border: 0px #f7f7f7;}
		#search img.left	{margin: -30px 50px 100px 0px;border: 0px #f7f7f7;}
		#apps img.right 	{margin: -30px 00px 80px 50px;border: 0px #f7f7f7;}
		#billpay img.left 	{margin: -30px 50px 80px 0px;border: 0px #f7f7f7;}
		#boku img.right		{margin: -10px 00px 100px 50px;border: 0px #f7f7f7;}
		.section h3 		{margin-left:10px; padding-top: 40px;font-size: 2.1em; font-weight: normal;letter-spacing: -0.03em;line-height: 1.4; margin-bottom: 0.4em; }
		h4.role 		{margin-left:10px; font-size: 14px; font-weight: normal; color:#767676; margin-bottom:1.5em; font-family:Arial, Helvetica, sans-serif;}
		.section p 			{margin-left:10px; font-size:14px; margin-bottom: 1.5em; font-family:Arial, Helvetica, sans-serif;}
		#color p {margin-right:5px;}
		.learn				{text-decoration:none;}

		#title {padding-bottom:30px; margin:-30px 0 0 0;}
		
		#problem img.right	{margin: 40px 00px 32px 50px;border:1px #cccccc solid; }
		#problem {padding-bottom:50px !important;}
		
		.column {width:350px; float:left;}
		.column.first, .column.last {margin-left: 0px !important;}
		.column.last {float:right !important;}
		
		#research img {margin: 20px 00px 0px 10px;border: 1px #cccccc solid;}
		#research h3 {padding-top:10px !important;}
		#research p {padding-bottom:30px;}
		
		#concepts img {margin: 20px 00px 0px 0px;border: 1px #cccccc solid;}
		#concepts h3 {padding-top:10px !important;}
		#concepts {padding-bottom:10px; !important;}
		
		#convergence img {margin: 20px 00px 0px 0px;border: 1px #cccccc solid;}
		#convergence h3 {padding-top:10px !important;}
		#convergence {padding-bottom:10px; !important;}
		
		#proto img {margin: 20px 00px 0px 0px;border: 1px #cccccc solid;}
		#proto h3 {padding-top:10px !important;}
		#proto {padding-bottom:10px; !important;}
		
		#vis img {margin: 20px 00px 0px 0px;border: 1px #cccccc solid;}
		#vis h3 {padding-top:10px !important;}
		#vis {padding-bottom:10px; !important;}
		
		#specs img {margin: 20px 00px 0px 0px;border: 1px #cccccc solid;}
		#specs h3 {padding-top:10px !important;}
		#specs {padding-bottom:10px; !important;}
		
		#launch img {margin: 20px 00px 0px 0px;border: 1px #cccccc solid;}
		#launch h3 {padding-top:10px !important;}
		#launch {padding-bottom:10px; !important;}
		
		#new img {margin: 20px 00px 0px 0px;border: 1px #cccccc solid;}
		#new h3 {padding-top:10px !important;}
		#new {padding-bottom:20px; !important;}
		
				
		#bofaold img.right	{margin: 00px 00px 32px 50px;border: 1px #cccccc solid;}
		#bofaold {padding-bottom:60px !important;}
		
		#bofanew img.right	{margin: 0px 00px 32px 50px;border: 1px #cccccc solid;}
		#bofanew {padding-bottom:60px !important;}
		
		#bofaotherpages img {margin: 20px 00px 0px 1px;border: 1px #cccccc solid;}
		#bofaotherpages h3 {padding-top:10px !important;}
		#bofaotherpages p {padding-bottom:20px;}
		
		#bofaresults img {margin: 20px 00px 0px 0px;border: 1px #cccccc solid;}
		#bofaresults h3 {padding-top:10px !important;}
		#bofaresults {padding-bottom:10px; !important;}