body
{
	/*ie nedds these*/
	margin:0px;
	padding:0px;
	/*align center for IE*/
	text-align:left;	
}
/*
	make text more visible
*/
div
{
	text-align:left;
	line-height:1.2em;
}

/*we use container DIV  to center #content and #navigation in the page*/
#container1
{
	/*our page width*/
	width:950px;
	/*center relative div*/
	margin:auto auto;
	/*make space for the header*/
	margin-top:200px;
}
#content1
{
	/*  we substracted navigation width from page width and got 800px*/
	width:950px;
	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:#c0c0c0;*/
}

/*
	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 #content1
{
	height:700px;
}


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

/*
	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 #navigation1
{
	height:300px;
}

#header1
{
	/* postion absolute so we can place our div anywhere on the page, in this case the first div*/
	position:absolute;
	/*our page width*/
	width:950px;
	/*center absolute  div*/
	/*put div on the center of the page*/
	left:52%;
	/*move div 50% right to put it in the center of the page*/
	margin-left:-500px;
	/*pu the div fist on the page*/
	top:0px;
	height:200px;
	/*color section for identification*/
	/*background:#f9acac;*/
}
#footer1
{
	width:950px;
	clear:both;
	/*center relative div*/
	margin:auto auto;
	/*color section for identification*/
	background:#ffd4d4;
	
}