#buttons, .buttons {
background-image:url(buttons_background.png);
border-bottom:1px none;
float:left;
width:100%;
}

#buttons a, .buttons a {
display:block;
height:20px;

padding-left:9px;
padding-right:9px;
padding-top:7px;
}

#buttons a:hover, .buttons a:hover {
text-decoration:none;
color:#694007;/* Цвет шрифта на кнопках */
}

#buttons ul, .buttons ul {
font-size:0;
text-align:center;

margin:0;
padding:0;
}

#buttons ul li, .buttons ul li {
	font-family:"Arial";
	border-left:1px solid silver;
	border-right:1px solid silver;
	display:inline-block;
	font-size:14px;
	height:35px;
	list-style-type:none;
	margin:0;	
	padding:0;
}

#buttons ul li.active a, .buttons ul li.active a {
text-decoration:none;
}

#buttons ul li ul {
display:none;
position:absolute;
margin-top:5px;
z-index:255;
}

#buttons ul li:hover ul li, .buttons ul li:hover ul li {
background-color:#ffdd95;/* Цвет в меню выпадающих кнопок */
white-space:nowrap;
display:block;
text-align:left;
border:1px solid silver;
height:25px;
font-size:14px;
font-family:Arial;
}

#buttons ul li:hover ul li ul, .buttons ul li:hover ul li ul {
margin-top:-28px;
border-left:0;
display:none;
position:absolute;
left:100%;
background:#FFE4B5; /* Цвет кнопки при наведении */
color:#fff;
}

#buttons a:link,#buttons a:visited,.buttons a:link,.buttons a:visited {
text-decoration:none;
color:#543806; /* Цвет подчеркивания слов на кнопках, у меня выключен */
}

#buttons ul li:hover,#buttons ul li.active,#buttons ul li:hover ul li:hover,.buttons ul li:hover,.buttons ul li.active,.buttons ul li:hover ul li:hover {
background-color:#FFE4B5; /* Цвет активной кнопки */
}

#buttons ul li:hover ul,#buttons ul li:hover ul li:hover ul, .buttons ul li:hover ul,.buttons ul li:hover ul li:hover ul {
display:block;
}

/* Всплывающие подсказки для ссылок */
div#qTip {
padding:3px;
border:#554418 solid 1px; /* Толщина рамки и её цвет */
display:none;
background:#FFFFE0; /* Фон поля подсказки */
color:#000; /* Цвет шрифта */
font-size:16px; /* Размер шрифта */
font-family:"Arial"; /* Вид шрифта */
text-align:left;
position:absolute;
z-index:1000;
}

@media (max-width: 550px) {
	#buttons ul.submenu, .buttons ul.submenu
	{
		display: none;
	}

	#buttons ul li:hover ul, .buttons ul li:hover ul
	{
		display: none;
	}
}