#topmenu{
    position:relative;
  /*  background:#444444;*/
    /*height:30px;*/
    margin:0 0 10px;
    padding:0;
    float:left;
    width:270px;
    z-index:10 /* ��� ����������� ���������� ������ ��������� ������ */
}
#topmenu ul {
    clear:left;
    position:relative;
  /*  right:50%;*/
    height:30px;
   /* float:right;*/
    text-align:center;
    font:15px Arial, Helvetica, sans-serif;
    list-style:none;
    padding:0;
    margin:0
}
#topmenu ul li {
    position:relative;
  /*  left:50%;*/
   /* float:left;*/
    width: 270px;
    height:40px;
    padding:0;
    margin:0 0 5px 0;
    background:url("../images/menu_bg.gif") left top repeat-y; 
    transition: all 0.5s ease 0s;
    float: right;
}
#topmenu ul li a {
    border-left:1px solid #666;
    display:block;
    color: #fff;
    text-decoration: none;
    padding:10px 15px;
    text-transform:uppercase;}
 
#topmenu ul li:hover a,
#topmenu ul li.hover a,
#topmenu ul li.selected a {color:#fff}
 
#topmenu ul li:hover, 
#topmenu ul li.hover {background:url("../images/menu_hover.gif") left top repeat-y; transition: all 0.5s ease 0s; width: 250px;}
 
/* ���������� ������ */
#topmenu ul li ul {
    position:absolute;
    left:0;
    top:30px;
    font-size:12px;
    display:none;
    list-style:none;
    padding:0;
    margin:0;
    width:150px    
}
#topmenu ul li ul li {
    background-color:#666;
    position:relative;
    left:0;
    display:list-item;
    float:none;
    height:auto;
    margin:0;
    text-align:left;
}
#topmenu ul li ul li a {
    border-bottom:1px solid #999 !important;
    padding:6px 5px;
    border:none
}
#topmenu ul li ul li:hover,
#topmenu ul li ul li.hover {
    background-color:#444
}
#topmenu ul li:hover ul,
#topmenu ul li.hover ul{display:block}