/* pile images on top of one another */

.fadein
{
	position:relative; width:500px; height:332px;
}

.fadein img
{
	position:absolute; left:0; top:0;
}

.background
{
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

.overlay
{
  position: relative;
  top: 0px;
  left: 0px;
}

.background
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

#background1
{
	background-image: url('../img/headerImgTopA.jpg');
}

#background2
{
	background-image: url('../img/headerImgTopB.jpg');
}

#background3
{
	background-image: url('../img/headerImgTopC.jpg');
}

.foreground
{
  z-index: 2;
}

.invisible
{
  display: none;
}

.visible
{
  display: block;
}