body
{ background:url(images/orangesky4.jpg); 
  background-color:black;
  background-repeat: no-repeat
}

h1
{
	color:white;
}
#floating div { /*for IE*/
	position:absolute;
	top:50%;
}
#floating div div {
	position:relative;
	top:-50%;
}

#faces
{
	border:solid #00f 0px;
	width:100;
	height:600;
	position:absolute;
	left:100;
}

div.dave
{
	border:solid 0px #F00;
	
	width:250;
	height:100;
	position:relative; /* need this, for following div's not sure why */
}
	#dave div { /*for IE*/
		border:0px solid #FF0; /* yellow */

		position:absolute;
		top:50%;
	}
	#dave div div{
		border:0px solid #0F0; /* green */
		position:relative;
		top:-50%;
		
	}
div.dave div div a{

	color:red;
	vertical-align:middle;
		}


#mo
{
	float:right;
	width:250;
	height:250;
}
#tim
{
	float:left;
	vertical-align:middle;
	width:250;
	height:250;
}
#emma
{
	float:right;
	width:250;
	height:250;
}