body 
{
	margin-top: 20px;
	padding: 0;
	background: url(../images/bg_02.gif) repeat-x #254a5c;
	font-size: 11px;
	text-align: center;
	color: #ABABAB;
	
	border: 1px none red;
}

a
{
	text-decoration: none;
	/*color: #D0CFF7;*/
	color: #afd9e9;
	font-size: 11px;
}

a:hover
{
	color: #8da1af;
	text-decoration: underline;
	font-size: 11px;		
}

	
	/* Header */
	
	#header 
	{
		display: block;		
		clear: both;
		text-align: left;
		width: 808px !important;		
		margin: 0 auto;	
		padding: 0;
				
		border: 1px none red;
	}
	
		html>body #header 
		{
			display: block;		
			clear: both;
			text-align: left;
			width: 808px !important;
			margin: 0 auto;
			padding: 0;
			
			border: 1px none red;
		}
		
	#banner 
	{
		display: block;
		clear: both;
		margin: 0 auto;
		margin-bottom: 15px;
		padding: 0;
		width: 810px;
		height: 257px;
		
		
		border: 1px none yellow;
	}
	
		html>body #banner 
		{
			display: block;
			clear: both;
			margin: 0 auto;
			margin-bottom: 15px;
			padding: 0;
			width: 810px;
			height: 257px;
			
			
			border: 1px none yellow;
		}
	
	#wrapper 
	{
		display: block;
		clear: both;
		margin: 0 auto;
		width: 810px;
		
		border: 1px none red;
	}
	
		html>body #wrapper 
		{
			width: 810px;
			margin: 0 auto;
			padding: 0;
		}
		
	#footer
	{
		display: block;
		clear: both;
		text-align: right;
		margin: 0 auto;
		margin-top: -10px;
		width: 810px;
		font-family: arial, verdana, sans-serif;
	}
	
	#footer a
	{
		text-decoration: none;
		color: #FAFAFA;
		font-size: 12px;
		font-family: arial, verdana, sans-serif;
	}
	
		#footer a:hover
		{
			text-decoration: none;
			color: #8da1af;
			font-size: 12px;
			font-family: arial, verdana, sans-serif;
		}
		
		html>body #footer 
		{
			width: 810px;
			margin: 0 auto;
			text-align: right;
			margin-top: -10px;
			padding: 0;	
			font-family: arial, verdana, sans-serif;
		}
		
		html>body #footer a
		{
			text-decoration: none;
			color: #FAFAFA;
			font-size: 12px;
			font-family: arial, verdana, sans-serif;
	}
		
	#header_title
	{
		position: relative;
		width: 808px !important;
		cursor: pointer; 
		border: 1px none red;			
	}
			
	#header_name h1
	{
		padding: 0;
		font: normal 28px Impact;
		margin: 0;		
		display: inline;	
	}
	
	#header_name h1 a
	{
		color: #fff;
		position: relative; 
		z-index: 20;
		padding: 2px;
		margin-left: 4px;
		font-size: 36px;
		text-decoration: none;
		
		/* For when Firefox becomes CSS3-compliant...this will allow for vertical text. */
		/*writing-mode: tb-rl; 
		filter: FlipH FlipV;*/
	}
	
	#header_name .firstNav
	{
		color: #fff;
		position: relative; 
		z-index: 20;
		padding: 1px;
		margin-left: 2px;
		display: inline;
	
		font: normal 18px Impact;
				
		/* For when Firefox becomes CSS3-compliant...this will allow for vertical text. */
		/*writing-mode: tb-rl; 
		filter: FlipH FlipV;*/
	}
	
	
		#header_name .firstNav a
		{
			color: white;
			position: relative; 
			z-index: 20;
			padding: 1px;
			margin-left: 4px;
			display: inline;
			text-decoration: none;
		
			font: normal 18px Impact;
		}
		
		#header_name .firstNav a:hover
		{
			color: #d3d3d3;
			position: relative; 
			z-index: 20;
			padding: 1px;
			margin-left: 4px;
			display: inline;
		
			font: normal 18px Impact;
		}
		
		/*html>body #header_name div.firstNav:hover
		{
			color: #d3d3d3;
			position: relative; 
			z-index: 20;
			padding: 1px;
			margin-left: 4px;
			display: inline;
		
			font: normal 18px Impact;
		}*/
	
	#header_name .last
	{
		color: #000;
		position: absolute; 
		left: 5px;
		top: 3px;
		margin-left: 4px;
		z-index: 19;
		opacity: 0.4;
		filter: alpha(opacity=30);
		padding: 2px;
		font-size: 36px;
	}
	
		html>body #header_name .last
		{
			color: #000;
			position: absolute; 
			left: 5px;
			top: 3px;
			margin-left: 4px;
			z-index: 19;
			opacity: 0.4;
			filter: alpha(opacity=30);
			padding: 2px;
			font-size: 36px;
		}
	
	/* Shadows for NAV items -- must be absolute */
	
	#header_name .lastNavHome
	{
		color: #000;
		position: absolute; 
		left: 11px;
		top: 21px;
		margin-left: 226px;
		z-index: 19;
		opacity: 0.4;
		filter: alpha(opacity=30);
		
		font: normal 18px Impact;				
	}
	
		/* FF Hack */
		html>body #header_name .lastNavHome
		{
			color: #000;
			position: absolute; 
			left: 12px;
			top: 21px;
			margin-left: 230px;
			z-index: 19;
			opacity: 0.4;
			filter: alpha(opacity=30);
			
			font: normal 18px Impact;				
		}
		
	#header_name .lastNavResume
	{
		color: #000;
		position: absolute; 
		left: 9px;
		top: 21px;
		margin-left: 304px;
		z-index: 19;
		opacity: 0.4;
		filter: alpha(opacity=30);
		
		font: normal 18px Impact;
	}
	
		html>body #header_name .lastNavResume
		{
			color: #000;
			position: absolute; 
			left: 13px;
			top: 21px;
			margin-left: 311px;
			z-index: 19;
			opacity: 0.4;
			filter: alpha(opacity=30);
			
			font: normal 18px Impact;
			
			border: 1px none red;
		}
		
	#header_name .lastNavPortfolio
	{
		color: #000;
		position: absolute; 
		left: 11px;
		top: 21px;
		margin-left: 393px;
		z-index: 19;
		opacity: 0.4;
		filter: alpha(opacity=30);
		
		font: normal 18px Impact;
		
		border: 1px none red;
	}
	
		html>body #header_name .lastNavPortfolio
		{
			color: #000;
			position: absolute; 
			left: 17px;
			top: 21px;
			margin-left: 404px;
			z-index: 19;
			opacity: 0.4;
			filter: alpha(opacity=30);
			
			font: normal 18px Impact;
			
			border: 1px none red;
		}
		
	
	#header_name .lastNavContact
	{
		color: #000;
		position: absolute; 
		left: 15px;
		top: 21px;
		margin-left: 498px;
		z-index: 19;
		opacity: 0.4;
		filter: alpha(opacity=30);
		
		font: normal 18px Impact;
		
		border: 1px none red;
	}
	
	
		html>body #header_name .lastNavContact
		{
			color: #000;
			position: absolute; 
			left: 20px;
			top: 21px;
			margin-left: 517px;
			z-index: 19;
			opacity: 0.4;
			filter: alpha(opacity=30);
			
			font: normal 18px Impact;
		}
		
	#page 
	{
		width: 810px;
		margin: 0 auto;
		margin-bottom: 15px;
		
		border: 1px none white;
	}
	
	#page .bgtop 
	{
		display: block;
		clear: both;
		background: url(../images/topRail.gif) no-repeat left top;
		width: 810px;
		height: 49px;
		margin: 0;
		padding: 0;
		
		border: 1px none red;		
	}
	
		html>body #page .bgtop 
		{
			display: block;
			clear: both;
			text-align: left;
			background: url(../images/topRail.gif) no-repeat left top;
			width: 810px;
			height: 49px;
			margin: 0 auto;
			padding: 0;
			
			border: 1px none red;		
		}
	
	#page .bgbtm 
	{
		display: block;
		clear: both;
		background: url(../images/btmRail.gif) no-repeat left top;
		width: 810px;
		height: 21px;
		
		border: 1px none red;		
	}
	
		html>body #page .bgbtm 
		{
			display: block;
			clear: both;
			background: url(../images/btmRail.gif) no-repeat left top;
			width: 810px;
			height: 21px;
			
			border: 1px none red;		
		}

	#content 
	{
		display: block;
		float: left;
		clear: both;
		width: 810px;
		margin: 0;
	
		background: url(../images/midRail.gif) repeat-y left top;
	}
	
		html>body #content 
		{
			display: block;
			float: left;
			clear: both;
			width: 810px;
			
			margin: 0 auto;
			
			background: url(../images/midRail.gif) repeat-y left top;
		}
		
	
	.contentWrapper
	{
		display: block;
		float: left;
		clear: both;
		width: 470px;		
		margin: 10px 0 10px 18px;
		
		border: 1px none blue;	
	}
	
		html>body .contentWrapper
		{
			display: block;
			float: left;
			clear: both;
			width: 740px;
			padding: 10px;
			margin: 10px 0 10px 18px;
			
			border: 1px none blue;	
		}
	
	
	.contentPostTitle
	{
		display: block;
		float: left;
		clear: both;
		color: #fff;
		font-weight: bold;			
		text-align: left;
		width: 718px;
		margin: -10px 0 10px -5px;
		padding: 5px;
		
		border: 1px none red;
		
		font: normal 20px Impact;	
	}
	
		html>body .contentPostTitle
		{
			display: block;
			float: left;
			clear: both;
			color: #fff;
			font-weight: bold;			
			text-align: left;
			width: 708px;
			margin: -10px 0 10px -2px;
			padding: 0;
			
			border: 1px none red;

			font: normal 20px Impact;
		}
		
	.contentPost
	{
		display: block;
		float: left;
		clear: both;	
		padding: 10px;
		margin: 5px 10px 5px 5px;
		width: 745px;
		text-align: left;
		
		border: 1px none green;	
	}
	
		html>body .contentPost
		{
			display: block;
			float: left;
			clear: both;	
			padding: 10px;
			margin: 5px 10px 5px 5px;
			width: 720px;
			text-align: left;
			
			border: 1px none green;	
		}
		
	.spacer
	{
		display: block;
		clear: both;	
		margin: 10 0 10 0;
	}
		
		html>body .spacer
		{
			display: block;
			clear: both;	
			margin: 15 0 15 0;
		}
		
	#contentBody, #contentBody table
	{
		font-family: Verdana, sans-serif;
		font-size: 1em;
		color: #f9f9f3;
	}
	
		
	/* Content Title Headers*/
	#contentTitle_Home
	{	
		float: left;
		text-align: left;
		width: 250px;
		color: #fff;
		position: relative; 
		z-index: 20;
		padding: 0;
		margin: 7 0 0 28;
		
		font: normal 32px Impact;
	}
	
		html>body #contentTitle_Home
		{
			float: left;
			text-align: left;
			width: 250px;
			color: #fff;
			position: relative; 
			z-index: 20;
			padding: 0;
			margin: 7 0 0 30;
			
			font: normal 32px Impact;
		}
		
	#contentTitle_Home_last
	{			
		width: 250px;
		color: #000;
		position: absolute; 
		
		left: 1px;
		top: 342px;
		z-index: 19;
		padding: 0;
		margin-left: 250px;
		
		font: normal 32px Impact;
		
		display: inline;		
	}
	
		html>body #contentTitle_Home_last
		{	
			float: left;
			text-align: left;
			width: 250px;
			color: #000;
			position: absolute; 
			
			left: 14px;
			top: 339px;
			z-index: 19;
			padding: 0;
			margin: 7 -10 0 255;
			
			font: normal 32px Impact;
			
			display: inline;
		}
		
	.resumeHeaders
	{
		font: normal 18px Impact;
		margin-left: 4px;
	}
	
	.aboutHeaders
	{
		font: normal 18px Impact;
		margin: 0;
	}
	
	.resumeRight
	{
		text-align: right;
	}
	
	.colouredRow
	{
		background-color: #1d2428;
		padding: 5px;
	}	
	
	.topTitle
	{
		font: normal 18px Impact;
		border-bottom: 2px solid #21292d;
		padding: 3 0 3 3;
	}
	
	.portfolioTitle
	{
		font: normal 28px Impact;
		background-color: #21292d;
		padding: 3 0 3 3;
	}
	.smallPortfolioTitle
	{
		font: normal 14px Impact;
		background-color: #21292d;
		padding: 3 0 3 3;
	}	
	
	
	.colouredPortfolioTitle
	{
		background-color: #1d2428;
		padding: 5px;
	}
	.colouredPortfolioData
	{
		background-color: #1d2428;
		padding: 5px;
	}	
		
	td.launchButtonData
	{
		background-color: #3a3220; 
		padding: 5px;
		font-weight: bold;
		padding: 5px;
	}	
	
	/*a.launchButton
	{
		background-color: #3a3220; 
		padding: 5px;
	}	
	a.launchButton:hover
	{
		background-color: #1d2428; 
		padding: 5px;
	}*/