body {
background: #595959;
margin: 0px;
padding: 0px;
}

#navigation {
font-family: "Georgia";
height: 216px;
background: url('images/nav_bg.gif') top repeat-x;
}

#title {
padding-top: 80px;
}

#title h1 {
margin: 0 10px 0 10px;
padding: 0px;
color: #ffb400;
font-size: 52px;
}

#title h1 a {
color: #ffb400;
text-decoration: none;
}

#title span {
margin: 0px;
padding: 0px;
font-weight: 900;
font-size: 18px;
}



#navigation ul{
padding: 0px;
margin: 0 20px 0 20px;
list-style: none;
width: 216px;
height: 216px;
float: left; 
position: relative;
z-index: 100;
}

#navigation li {
width: 108px;
height: 108px;
float: left;
}

#home {
background: url('images/off_01.gif');
width: 108px;
height: 108px;
display: block;
}

#contact {
background: url('images/off_02.gif');
width: 108px;
height: 108px;
display: block;
}

#games {
background: url('images/off_03.gif');
width: 108px;
height: 108px;
display: block;
}

#art {
background: url('images/off_04.gif');
width: 108px;
height: 108px;
display: block;
}

#home:hover { background: url('images/on_01.gif'); }
#contact:hover { background: url('images/on_02.gif'); }
#games:hover { background: url('images/on_03.gif'); }
#art:hover { background: url('images/on_04.gif'); }
#home:active { background: url('images/active_01.gif'); }
#contact:active { background: url('images/active_02.gif'); }
#games:active { background: url('images/active_03.gif'); }
#art:active { background: url('images/active_04.gif'); }

#navigation a em {display: none;}
#navigation span { display: none; }

#navigation a:hover em {
background: url('images/tooltip.gif');
display: block;
padding: 38px 4px 8px 42px;
position: absolute; 
top: 170px; 
left: 170px; 
width: 238px;
height: 94px;
margin: 10px; 
z-index: 100;
color: black;
font-family: "Georgia";
font-size: 14px;
font-weight: 900;
}