body, div, p, span, th, td
{
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 0.90em;
}

body
{
	background-color: #212121;
}

div#background
{
	width: 100%;
	height: 100%; 
	background-color: #212121;
}

div#background div#backgroundContent
{
	position: absolute; width: 100%; z-index: 2; color: #262525;
	font-size: 4em; overflow: hidden;
	
}

div#background div#backgroundContent div
{
	padding: 0.30em; font-family: Consolas, Courier New, Courier, Sans-Serif; 
}

div#sections
{
	position: absolute; z-index: 20; width: 100%; height: 100%;
}

a.sectionLink
{
	display: block;
	text-decoration: none;
	color: #FFF; cursor: pointer;
}

div.floater
{
	width: 50%;
	margin-top: 2em;
	color: #FFF;
	font-size: 1em;
	height: 206px;
}



	div.leftFloat
	{
		float:left;
		text-align: right;
		
		padding-right: 143px;
		
		background-position: right; 
		background-repeat: no-repeat;
	}
	

	div.rightFloat
	{
		float: right;
		text-align: left;
		padding-left: 130px;
		
		background-position: left; 
		background-repeat: no-repeat;
	}
	
	div.floater div.innerRect
	{
		border-top: 3px solid #FFF;
		border-bottom: 3px solid #FFF;
		margin-top: 50px;
	}
	div.floater.leftFloat div.innerRect
	{
		margin-right: 130px;
	}
	div.floater.rightFloat div.innerRect
	{
		margin-left: 136px;
	}
	
	div.sectionHeading
	{
		margin-bottom: 1em; 
		padding: 0.50em;
		position: relative; 
		font-weight:bold; 
		
	}
	div.sectionHeading div
	{
		font-size: 2.70em; 
	}
	
	div.leftFloat div.sectionHeading div
	{
		padding-right: 0.40em;
	}
	div.rightFloat div.sectionHeading div
	{
		padding-left: 0.40em;
	}
	
		/** Shadowing **/
		div.leftFloat div.sectionHeading div.under
		{
			color: #000;
			position: absolute; top: 1px; right:0px;  
		}
		div.leftFloat div.sectionHeading div.over
		{
			color: #FFF; 
			position: absolute; top: 0px; right:3px; 
		}
		
		div.rightFloat div.sectionHeading div.over
		{
			color: #FFF; 
			position: absolute; top: 0px; left:0px;
		}
		div.rightFloat div.sectionHeading div.under
		{
			color: #000; 
			position: absolute; top: 1px; left:3px;
		}
	div.innerContent
	{
		margin-top: 0.50em;
		margin-bottom: 1em;
		border-top: 2px solid #FFF;
		border-bottom: 2px solid #FFF;
		background-color: #000;
		padding: 1em;
		font-size: 1.25em;
	}

/** Each section **/
div#entrepreneur
{
	background-image: url(../images/screenshot-entrepreneur.png);
}
div#entrepreneur div.innerRect
{
	background-color:#7ACAFF; 
}
div#webDesigner
{
	background-image: url(../images/screenshot-web.png);
}

div#webDesigner div.innerRect
{
	background-color: #e31d1d;
}

div#softwareDeveloper
{
	background-image: url(../images/screenshot-portfolio.png);
	
}

div#softwareDeveloper div.innerRect
{
	background-color:#dd57ff;
}

div#blogger
{
	background-image: url(../images/screenshot-blog.png);
	
}

div#blogger div.innerRect
{
	background-color: #c5ee23;
}

div#musician
{
	background-image: url(../images/screenshot-web.png);
}
div#musician div.innerRect
{
	background-color:  #f6d692;
}

div#musician
{
	background-image: url(../images/screenshot-music.png);
}
div#musician div.innerRect
{
	background-color:  #f6d692;
}

div#performer
{
	background-image: url(../images/screenshot-stage.png);
}
div#performer div.innerRect
{
	background-color:  #856730;
}

div#adventurer
{
	background-image: url(../images/screenshot-cycling.png);
}
div#adventurer div.innerRect
{
	background-color:  #e45900;
}