* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

body {
	background: #bfbfbf url(/pagetest/img/bg.gif) fixed;
	font-family:  Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center; 
	}
#main {
	padding-bottom: 60px;
}  /* must be same height as the footer */

#content {
	padding: 40px 0px;
	margin: 0px 20% 0px 20%; 
	width: auto;
}

#footer {position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	clear:both;
	background: #aaabab url(/pagetest/img/footer.jpg) center top no-repeat;
	color: #000000;
	} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div {text-align: left;}

#header {
	background: #aaabab url(/pagetest/img/header.gif) center bottom no-repeat;
	height: 140px;
	width: 100%;
	width: auto;
	}

/* mainMenu */
#mainMenu {
	background: #525252; 
	height: 23px;
	width: auto;
	width: 100%;
}

#mainMenu ul {
	list-style: none;
	float: right;
}

 #mainMenu ul li {
	float: left;
	margin: 0px 0px 0px 10px;
 }

 #mainMenu ul li a {
	display: block;
	color: #252525;
	padding: 5px 20px;
	overflow: hidden;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#mainMenu ul li a.currentpage { 
	color: #d1d1d1;
	text-decoration: none;
	background: #5d5d5d;
}