/*we use container DIV  to center #content and #navigation in the page*/
#container
{
	/*our page width*/
	width:965px;
	/*center relative div*/
	/*make space for the header*/
	margin-top:560px;
	margin:auto auto;
}

#content
{
	/*  we substracted navigation width from page width and got 800px*/
	width:965px;
	height:auto;

	margin-top:210px;
	/* have a minimum height, this does not work in IE*/
	min-height:300px;
	/* use float to inverse position with navigation DIV*/
	background:#ffffff;
	float:center;
}

/*
	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;
}

#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:965px;
	/*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:-483px;
	
	/*pu the div fist on the page*/
	top:20px;
	height:400px;
	
	/*height:auto;  color section for identification*/
}

h1, h2, h3, h4, h5, h6 {
        margin: 0;
        padding: 0;
}