html,
  body {
  margin:0;
  padding:0;
  height:100%; /* 100 % height */
  }
  html>body #wrap {height:100%;} /* 100 % height */
  #header {
  width:100%;
  height:5em;
  }
  html>body #header {
  position:fixed;
  z-index:10; /* Prevent certain problems with form controls */
  }
  html>body #content-wrap {height:100%;} /* 100 % height */
  html>body #content {padding:6em 1em;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
  #footer {
  width:100%;
  height:5em;
  }
  html>body #footer {
  position:fixed;
  bottom:0;
  z-index:10; /* Prevent certain problems with form controls */
  }
.header1 {
	background-color: #000000;
	color: #FFFFFF;
}
.spacer {
	height: 75px;
	width: 40%;
}
.background {
	background-color: #000000;
	color: #FFFFFF;
}
.header2 {
	background-color: #000000;
	width: 30%;
}
.headerblue {
	background-color: #000000;
	float: left;
}