/* Menus */
.sf-menu, .sf-menu * { list-style: none; margin: 0; padding: 0; z-index: 101; }
.sf-menu { line-height: 1; }
.sf-menu ul { position: absolute; left: -999em; width: 11em; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.8em; z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 11em; top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 11em; top: 0; }
.sf-shadow ul { background: url(../images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }
#top-menu, #nav { min-width: 990px; }
#top-menu-content, #nav-content { margin: 0 auto; width: 978px; }
#top-menu-content .sf-menu, #nav .sf-menu { float: left; line-height: 1.1; max-width: 770px; }
/* top menu */
#top-menu { background: #111; border-bottom: 1px solid #333; }
#top-menu-content { height: 25px; padding: 3px 0; }
#top-menu-content .sf-menu { text-transform: uppercase; margin: 0 2px; }
#top-menu .sf-menu a { display: block; text-decoration: none; padding: 7px 10px 8px; color: #AAA; font-size: 10px; border-right: 1px solid #333; }
#top-menu .sf-menu ul a { border: none; }
#top-menu .sf-menu ul li { border: 1px solid #333; margin-top: -1px; }
#top-menu .sf-menu a:hover, #top-menu .sf-menu li:hover, #top-menu .sf-menu li.sfHover, #top-menu .sf-menu ul li { color: #FFF; background: #111; }
#top-menu .sf-menu ul a:hover, #top-menu .sf-menu ul li.sfHover, #top-menu .sf-menu ul li:hover { color: #373331; background: #FFF; }
#top-menu .sf-menu ul li.sfHover a.sf-with-ul { color: #373331; }
#top-menu .sf-menu li li a { padding: 7px 10px; line-height: 1; height: auto; font-size: 11px; }
#top-menu .sf-menu .sf-with-ul { padding-right: 15px; }
#top-menu .sf-sub-indicator { background: url(../../images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }
#top-menu .sf-menu ul .sf-sub-indicator { display: none; }
#top-menu .sf-menu li:hover ul, #top-menu .sf-menu li.sfHover ul { top: 2.4em; }
#top-menu ul.sf-menu li li:hover ul, #top-menu ul.sf-menu li li.sfHover ul, #top-menu ul.sf-menu li li li:hover ul, #top-menu ul.sf-menu li li li.sfHover ul { top: 0; }
/* main navigation */
#nav { background: url(../../images/postbar.jpg) repeat-x top #F0F0F0; min-width: 990px; border-bottom: 1px solid #CCC; }
#nav-content { height: 31px; margin: 0 auto; width: 978px; }
#nav .sf-menu { float: left; line-height: 1.0; max-width: 770px; text-transform: uppercase; }
#nav .sf-menu a { display: block; text-decoration: none; padding: 10px 12px; color: #666; font-size: 11px; border: solid #DDD; border-width: 0 1px; margin-right: -1px; }
#nav .sf-menu ul li { border: 1px solid #CCC; margin-top: -2px; }
#nav .sf-menu a:hover, #nav .sf-menu li:hover, #nav .sf-menu li.sfHover, #nav .sf-menu ul li { background: url(../../images/content-bg.jpg) repeat-x top; color: #0052A3; }
#nav .sf-menu ul a:hover, #nav .sf-menu ul li.sfHover, #nav .sf-menu ul li:hover { color: #373331; background: #FFF; }
#nav .sf-menu ul li.sfHover a.sf-with-ul { color: #373331; }
#nav .sf-menu li li a { padding: 7px 10px; line-height: 1; height: auto; font-size: 11px; border: none; }
#nav .sf-menu .sf-with-ul { padding-right: 15px; }
#nav .sf-sub-indicator { background: url(../../images/dropdown_dark.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }
#nav .sf-menu ul .sf-sub-indicator { display: none; }
#nav .quick-nav li { padding-top: 8px; }
Ek Olarak: Valla arkadaşlar bi el atın siyah header üstüne siyah menü biraz zor görünüyor ondan değiştirmek istiyorum ya transparan bu menü ondan kaynaklanıyor yada ben renk kodunu çözemedim her yer background renkleri ile dolu