/* Right accross the top pane */
div#header{	position:relative; }


/* Navigation is left pane */
div#navigation
{
	float:left;
	width:10%;
	margin-left:-100%;
}

/* Extra is right pane */
div#extra
{
	float:left;
	width:10%;
	margin-left:-20%;
}

/* Middle column with content in it */
div#content, div#headerContent { margin: 0 10%;}

div#content
{
	
	min-height:450px;
	
}

/* Bottom Pane */
div#footer
{
	clear:left;
	width:25%;
	vertical-align:bottom;
	text-align:center;
	font-size:smaller;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	
}
	
/* Wrapper goes around all our divs so they fit to the width properly */
div#wrapper, div#headerWrapper
{
	float:left;
	width:100%;
}