/* CSS Document */

body { background: #fff;}
a { text-decoration: none;}
h1, h2, h3 { margin: 0; padding: 0;}

#site { background: url(bg/flek.png) center center no-repeat #fff; width: 1000px; height: 520px; margin: 0px auto; position: relative;}
	
ul { list-style-type: none; width: 1000px; height: 520px; margin: 0px; padding: 0px; position: relative;} 
ul li a span, ul li a strong {display: none;}

a {display: block; background-position: left top; background-repeat: no-repeat;}
a:hover { background-position: left bottom;}

ul li { position: absolute;}

li#daniel {left: 170px; top: 135px;}
li#daniel a {  width: 99px; height: 43px; background-image: url(bg/daniel.png);}
li#anna { right: 180px; top: 265px;}
li#anna a { width: 113px; height: 46px; background-image: url(bg/anna.png);}
li#web {left: 310px; top: 418px; }
li#web a { width: 180px; height: 50px; background-image: url(bg/web.png);}
li#omne { left: 545px; top: 90px;}
li#omne a { width: 110px; height: 36px; background-image: url(bg/ja.png);}

a:hover span { display: block; position: absolute; width: 200px; height: 75px; padding-top: 10px; background: #c00; color: #eee; text-align: center; font-size: 18px; font-weight: bold;}
li#daniel a:hover span {left: 250px; top: 90px;}
li#anna a:hover span {left: -287px; top: -40px;}
li#web a:hover span {left: 109px; top: -194px;}
li#omne a:hover span {left: -125px; top: 135px;}