html, body { margin: 0; padding: 0; text-align: center; background: #000; }



h1 { width: 401px; height: 51px; margin: 100px auto 20px; background: url(images/oborskycz.gif) }

h1 span { display: none; }



#links { width: 422px; height: 206px; margin: 0 auto; padding: 0; position: relative; }

#links li { display: block; position: absolute; height: 206px; width: 206px; margin: 0 auto; padding: 0; background: #fff; }

#links a { display: block; height: 200px; width: 200px; margin: 3px; background-position: top left; }

#links a:hover, #links a:active { background-position: top right; }

#links span { display: none; }



#link1 { top: 0; left: 0; }

#link1 a { background-image: url(images/virtual.jpg); }



#link2 { top: 0; right: 0; }

#link2 a { background-image: url(images/weblog.jpg); }



object, embed { background: #000; margin-top: 30px; }