thanks, but i have that already, but works only for the content h1 and h2 text, not for the menu, which has this css:
/* Menu */
#menu {
background:none;
margin:38px 0px 0px 0px; /* Some top spacing */
list-style:none;
float:left;
font-size: 16px;
}
#menu li {
list-style:none;
float:left;
//font-style: H2;
padding-bottom:8px;
}
#menu li a {
color:#999999;
text-decoration:none;
margin-right:40px; /* Spacing between menu items */
font-family: Arial;
//font-style: H1;
//font-family: Magic Cards;
font-weight:bold;
position:relative;
z-index:888;
padding-bottom:20px;
}
#menu li a:hover, #menu li a.active {
color:#ba8d00;
//background:url("../images/icons/menu_hover.png") no-repeat center 22px;
}
#menu li a.submenu {
background:url("../images/icons/submenu.png") no-repeat center 19px;
}
#menu .submenu:hover, #menu .submenu.active {
background:url("../images/icons/submenu_hover.png") no-repeat center 22px;
}
/* Submenus */
#menu li ul {
display: none; /* Not displayed, they appear on mouse hover */
}
#menu li:hover ul, #menu li.hover ul {
position: absolute;
display: inline; /* Inline positionning */
left: 0;
width: 100%;
margin:0px 10px;
padding: 40px 0;
top:40px;
}
#menu li:hover li a, #menu li.hover li a {
color: #999999;
font-size:12px;
margin-right:20px;
// background:url("../images/icons/bullet_menu.png") no-repeat left top;
padding-left:15px;
}
#menu li li a:hover {
color: #2B2B2B;
background:url("../images/icons/bullet_menu_hover.png") no-repeat left top;
}
this arial i took out and you still see what i tried…