/* converting sizes to % from px*/
#banner
{
	height: 25%;
	
}


/*  this works for vertical menu */

#navigation
{
	position:relative;
	height:100%;
	height:1000px;
	float:left;
	width: 10%;
	
}  


/* this should be the same as the banner height*/
html > body #navigation
{

	top:25%; 

} 


 

/* try horizontal - not completely working - postioning on vertical reize is wrong*/
/*
#navigation
{
	/*position:relative; */
	height:5%;
	width: 100%;
	
	background-color:red;
	
	position:static;
} 

html > body #navigation
{

	top:0;
	bottom:100%;
	
}  */

#centrecontent
{
	width:75%;
	margin-left:10%; /* this should be the same as navigation width */
	

}
#utility
{
	float:none;
	width:100%;
	
}

#spacer
{
	float:none;
}



#leftcontainer
{

	float:left;

	width:50%;
}

#rightcontainer
{

	margin-left:50%;
	width:50%;
	float:none;
}