/* self-clear floats 
----------------------------------------------- */

.floatCont:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

html {
	}
	
body { 
	font: .74em "Trebuchet MS", Arial, Sans-Serif;
	position:relative;
	}

#pageWrap { 
	font: .74em "Trebuchet MS", Arial, Sans-Serif; 
	width: 900px; 
	margin: 0 auto;
	position:relative;
	}

#headerArea { 
	width: 900px; 
	height:405px;
/*	float: left;*/
	margin:0;
	padding:0;
	position:relative;
	background: url(../images/index_header.jpg) repeat-y;
	}


h1 { 
	display:block;
	height:0px;
	text-indent:-30000px;
	 }
	
#mainNavigation  {  
	list-style: none; 
	width:900px;
	height:152px;
	position:relative;
	}

#nav1, #nav2 {
	display: block;
	width:450px;
	height:152px;
	margin:0;
	padding:0;
	text-indent:-30000px;
	background-image: url(../images/index_navleft.jpg);
	background-position: 0 -152px;
	position:absolute;
	top:405px;
	left:0;
	}

#nav2 {
	background-image: url(../images/index_navright.jpg);
	background-position: 0 -152px;
	left:450px;
	}


#nav1:hover, #nav2:hover { 
	background-position: 0 0px;
	}