* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	color: #B0B0B0;
  background-color: #FFFFD0;
}

canvas, section, div {
	display: block;
}

#c {
	position: absolute;
  z-index:10;
}
#where, #mail, #clock, #annette, #maud, #steven, #lisa, #feest {
	position: absolute;
  z-index:8;
}
#annette0, #maud0, #steven0, #lisa0 {
	position: absolute;
  z-index:9;
}
#annette1, #maud1, #steven1, #lisa1 {
	position: absolute;
  z-index:10;
  opacity:0;
  filter:alpha(opacity=0);
}
#annette2, #maud2, #steven2, #lisa2 {
	position: absolute;
  z-index:11;
  opacity:0;
  filter:alpha(opacity=0);
}
#lisa { left:547px; top:203px; }
#lisa0 { left:541px; top:197px; }
#lisa1 { left:520px; top:193px; }
#lisa2 { left:442px; top:139px; }
#steven { left:347px; top:203px; }
#steven0 { left:341px; top:197px; }
#steven1 { left:271px; top:134px; }
#steven2 { left:248px; top:135px; }
#maud { left:147px; top:203px; }
#maud0 { left:141px; top:197px; }
#maud1 { left:107px; top:161px; }
#maud2 { left:46px; top:141px; }
#annette { left:747px; top:203px; }
#annette0 { left:742px; top:197px; }
#annette1 { left:623px; top:114px; }
#annette2 { left:641px; top:137px; }
#clock { left:11px; top:34px; }
#where { left:12px; top:165px; }
#mail { left:12px; top:335px; }
#feest {
	position: absolute;
  z-index:8;
  left:325px;
  top:0px;
}

#info {
	position: absolute;
  z-index:8;
  width:100%; left:0px; text-align:center; font-size:30px; font-weight:bold; 
}
td {
font-size:30px; font-weight:bold; 
}
a:visited, a:hover, a:link, a:active { color:#707070; }