html, body {height:100%; width:100%; margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#eee;} 
div#wrap {width:600px; padding: 180px 0 0 0; margin:0 auto;}
div#flags {height:30px; text-align:right;}
a.flag {padding:0 10px 0 0;}
div#menu {padding:160px 0 0 10px; height:50px;}

/* MENU - IMAGES */
.button {display:block; background-position:right; background-repeat:no-repeat; float:left; padding:0 0 0 15px; }
a.b20, a.b22 {background-image:url(images/vexpa.gif); width:177px; height:41px;}
a.b21 {background-image:url(images/tera.gif);  width:145px; height:43px;}
a.b23 {background-image:url(images/magnatas.gif);  width:204px; height:50px;}
a.a20, a.b20:hover, a.a22, a.b22:hover {background-image:url(images/vexpaon.gif);}
a.a21, a.b21:hover {background-image:url(images/teraon.gif);}
a.a23, a.b23:hover {background-image:url(images/magnatason.gif);}
a span.hidden {display:none;}
a span.slogan {display:none;}
a:hover {border:0;}
a:hover span.slogan {display:block; position:absolute; top:420px; left:0; right:0; _left:50%; _margin-left:-270px;}
a:hover span.slogan span.inline {display:block; width:540px; height:15px; margin:0 auto; background-repeat:no-repeat; background-position:left;}