*{
border: 0px;
padding: 0px;
list-style-type: none;
}
body{
behavior: url("csshover3-source.htc");
min-height: 600px;
}

h1{
font-family: courier;
font-weight: 100;
font-size: 50px;
font-variant: small-caps;
letter-spacing: 20px;
text-align: center;
text-shadow: white 1px 1px;
height: 1em;
filter: Shadow(Color=white, 	
		Direction=135, 
		Strength=1);
z-index: 4;
}

ol{
padding: 0px;
margin: 0px;
}	

#mouseover{
	position: absolute;
	top: 20px;
	left: 40px;
	height: 400px;
	width: 375px;
}

#eyes  span{ 
	font-family: courier;
	font-size: 25px;
	padding: 2px;
	}
	
#li_close{
	position: absolute;
	top: 200px;
	left: 600px;
	}
	
#li_heart{
	position: absolute;
	top: 300px;
	left: 600px;
	color: red;
	}
	
#li_cross{
	position: absolute;
	top: 500px;
	left: 425px;
	}
	
#li_left{
    position: absolute;
    top: 425px;
	left: 775px;    
}

#li_right{
    position: absolute;
    top: 475px;
    left: 775px;
}

#li_middle{
position: absolute;
top: 450px;
left: 775px;
}

#facebase {
position: absolute;
top: 10px;
left: 35px;
z-index: -1;
}

#mouth, #list2, #eye_closed, #eye_heart, #eye_cross, #eye_right, #eye_left, #eye_middle {
	display: none;
}
#mouth{
	position: absolute;
    top: 340px;
    left: 90px; 
    z-index: 2;   
}
#list2{
	position: absolute;
    top: 385px;
    left: 145px;
    z-index: 3;
}

#close ol:hover #eye_closed, #heart ol:hover #eye_heart, #cross ol:hover #eye_cross, #left ol:hover #eye_left, #right ol:hover #eye_right, #middle ol:hover #eye_middle{
	display: block;
	position: absolute;
	top: 118px;
	left: 74px;
	}

	
#list2 li a{
	font-family: courier;
	font-variant: small-caps;
	color: white;
	text-decoration: none;
	letter-spacing: 1px;
}

#list2 li{
text-align: center;
}

#myface ol:hover #mouth, #myface ol:hover #list2 {
    display: block;
	position: absolute;
}

#list2 li a:hover{
	border-bottom: 1px white dotted;
}

#background{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	}