Проблема в выпадающем списке меню CSS

Помогите найти ошибку в меню, уже второй день бьюсь не могу не как решить.

CSS горизонтального меню с выпадающим списком

******************* Главное меню сайта */
#main_menu{
    position:relative;min-width:1219px;background:url(../img/m1.png) no-repeat  0px 0px;
    width:1219px;
    color: #fff;
    height:161px;
    margin:0 0 20px;top:-160px;
    padding:0;
    float:left;
    width:100%;left:-10px;
    z-index:100 /* для отображения подпунктов поверх остальных блоков */
}
#main_menu ul {
    clear:left;cursor: pointer;
	
	line-he1ight: 32px;
    position:relative;
    right:64%;top:60px;
    
    float:right;
    text-align:center;
    font-size:22px;font-family: 'PFDinTextCompPro-Light'; padding-top: -11px;text-transform: uppercase;
 m1in-height:60px;
    list-style:none;
    padding:0;2
    margin:0;
}
#main_menu ul li {
    position:relative;
    left:50%;background:url(../img/dot.jpg) no-repeat  scroll right top  transparent ;
    float:left;
    height:52px;top:-10px;
    
    padding-top: 8px;
}
#main_menu ul li a {min-he1ight:60px;
    
    display:block;
    color: #fff;
    text-decoration: none;
    padding:5px 30px
}

#main_menu ul li:first-child a {border:none}
 
#main_menu ul li:hover a,
#main_menu ul li.hover a,
#main_menu ul li.active a {color:#fff;}
 
#main_menu ul li:hover, 
#main_menu ul li.hover, 
#main_menu ul li.active {color:#fff;}
 #main_menu ul li.active{background:url(../img/bulet7.png)no-repeat;  padding-top: 21px;text-transform: uppercase;background-position:50% 0%;top:-23px;
  min-height:60px;}
/* Выпадающие пункты */
#main_menu ul li ul {cursor: pointer;
	
	line-hei9ght: 30px;
    position:absolute;color:#105051;
    left:-8px; font-family: 'PT Sans';
    top:59px; text-indent:10px;padd1ing-top: 11px;
  height: 50px;
    font-size:14px;
    display:none;padding:0;
    list-style:none;
    
    margin:0;
    width:200px;    
}
#main_menu ul li ul li {border-right:1px dotted #d8d4c5;background:url(../img/d5ot.jpg) no-repeat  scroll right top transparent ;
    background-color:#d8d4c5;color:#105051;
    position:relative;
    left:0;
    display:list-item;
    float:none;
    height:35px;
    margin:0;
    text-align:left;
}
#main_menu ul li ul li a {
    
    padding:6px 5px;color:#105051;
    border:none
}
#main_menu ul li ul li.active ul{display:block;color:#105051;background-color:#d8d4c5;position:absolute;color:#105051;
    top:80px;}
#main_menu ul li:hover ul,
#main_menu ul li.hover ul {display:block;color:#105051;background-color:#d8d4c5;position:absolute;color:#105051;
    top:63px;}
#main_menu ul li ul li.hover a {color:#105051;}
#main_menu ul li ul li.active a {color:#105051;}

Получается выпадающий список смотрится ровно только не на активно списке под меню.Если же активное открытое под меню то оно криво смотрится...

Вотк как смотрится

Так же не как не получается изменить цвет ссылок в под меню с белого на другой