body
{
	/*ie nedds these*/
	margin:0px;
	padding:0px;
}


/*we use container DIV  to center #content and #navigation in the page*/
#container
{
	/*our page width*/
	width:830px;
	/*center relative div*/
	margin:auto auto;
	/*make space for the header*/
	margin-top:200px;
}
#content
{
	/*  we substracted navigation width from page width and got 800px*/
	width:590px;
	height:auto;
	/* have a minimum height, this does not work in IE*/
	min-height:300px;
	/* use float to inverse position with navigation DIV*/
	float:right;
	/*color section for identification*/
	background:#ffffff;
}

/*
	internet explorer min-height fix 
	can be removed if you don't need a minimum height
	in this way your CSS will be clean from hacks
*/
* html #content
{
	height:300px;
}


#navigation
{
	/* set margin top to header height*/
	float:left;
	height:auto;
	/* have a minimum height, this does not work in IE*/
	min-height:300px;
	width:240px;
	/*color section for identification*/
	background:#ffffff;
}

/*
	internet explorer min-height fix 
	can be removed if you don't need a minimum height
	in this way your CSS will be clean from hacks
*/	
* html #navigation
{
	height:300px;
}

#header
{
	/* postion absolute so we can place our div anywhere on the page, in this case the first div*/
	position:absolute;
	/*our page width*/
	width:830px;
	/*center absolute  div*/
	/*put div on the center of the page*/
	left:50%;

	/*move div 50% right to put it in the center of the page*/
	margin-left:-416px;
	
	/*put the div fist on the page*/
	top:0px;
	height:200px;
	/*color section for identification*/
	background:#ffffff;
}