Changing Menu Color and Position

I would like to change the main menu color and place the main menu below the header image. The website is IrinaSalon.com and the theme is Meeta.

I already tried adding the following to the custom.css. Am I not adding to custom.css correctly or am I completely missing what css to update?

All of your suggestions are very much appreciated!!

#header {
    background: none repeat scroll 0 0 #79a4f2;
}

.sf-menu {
background-color:#999;
color:#000;
height:3em;
}

.sf-menu a, .sf-menu a:visited {
color: #000;
}

.dropdown ul {
text-align: left;
margin: 0;
background:#79a4f2;
border-top:none;
z-index:999;
padding:5px 0;
}

#menu li li { background-color:#1A1E6B; }