body {
	background-color: #cdcfd0;
}

<!----------------- Gray ----------------->

#container {
position:relative;
height:45px;
color:#ffffff;
background:#ffffff;
width:100%;
}

#navMenu {
position:relative;
height:45px;
font-size:17px;
background:#4d4e50 url(images/background2.png) repeat-x bottom left;
padding:0 0 0 50px;
}

#navMenu ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;
}

#navMenu ul li {
display:block;
float:left;
margin:0 1px;
}

#navMenu ul li a {
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:0 0 0 30px;
height:45px;
}

#navMenu ul li a span {
padding:15px 30px 0 0;
height:21px;
float:left;
font-weight: 100;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

}

#navMenu ul li a:hover {
color:#fff;
background:#2d2d2e url(images/background2.png) repeat-x bottom left;
}

#navMenu ul li a:hover span {
display:block;
width:auto;
cursor:pointer;
}


<!----------------- Blue ----------------->

body {
	background-color: #cdcfd0;
}

#container2 {
position:relative;
height:45px;
color:#ffffff;
background:#ffffff;
width:100%;
margin-top: 50px;
}


#navMenu2 {
position:relative;
height:45px;
font-size:17px;
background:#3d359a url(images/background2.png) repeat-x bottom left;
padding:0 0 0 50px;
}

#navMenu2 ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;
}

#navMenu2 ul li {
display:block;
float:left;
margin:0 1px;
}

#navMenu2 ul li a {
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:0 0 0 30px;
height:45px;
}

#navMenu2 ul li a span {
padding:15px 30px 0 0;
height:21px;
float:left;
font-weight: 100;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

}

#navMenu2 ul li a:hover {
color:#fff;
background:#5749e7 url(images/background2.png) repeat-x bottom left;
}

#navMenu2 ul li a:hover span {
display:block;
width:auto;
cursor:pointer;
}