/********************************************************************************************************************/

ul#menu { list-style:none; padding: 14px 0 0 0; float:left; display:block; }
ul#menu li:hover ul,
ul#menu li.sfhover ul,
ul#menu li:hover li:hover ul { display:block; }

/********************************************************************************************************************
HOME
****/
#menu #home { background:url("../images/nav_home.gif") no-repeat; width:58px; height:22px; padding-right:5px;}

#menu #home:hover,
#menu #home.sfhover{ background:url("../images/nav_home_on.gif") no-repeat; width:58px; height:22px; }

#menu #home.selected a { background:url("../images/nav_home_on.gif") no-repeat; padding-top:0 !important;}

/*
RATES
*****/
#menu #rates { background:url("../images/nav_rates.gif") no-repeat; width:152px; height:22px; }

#menu #rates:hover,
#menu #rates.sfhover { background:url("../images/nav_rates_on.gif") no-repeat; width:152px; height:22px; }

#menu #rates.selected a { background:url("../images/nav_rates_on.gif") no-repeat center; }

/* #menu #rates.selected a { padding:10px 0 0 0; }  works on safari */
/* #menu #rates.selected a { padding:7px 0 0 0; } works on FF mac */

/*
SERVICES
********/
#menu #services { background:url("../images/nav_services.gif") no-repeat; width:112px; height:22px; }

#menu #services:hover,
#menu #services.sfhover { background:url("../images/nav_services_on.gif") no-repeat; width:112px; height:22px; }

#menu #services.selected a { background:url("../images/nav_services_on.gif") no-repeat center; }

/*
GREEN
********/
#menu #green { background:url("../images/nav_green.gif") no-repeat; width:101px; height:22px; }

#menu #green:hover,
#menu #green.sfhover { background:url("../images/nav_green_on.gif") no-repeat; width:101px; height:22px; }

#menu #green.selected a { background:url("../images/nav_green_on.gif") no-repeat center; }

/*
ABOUT
*****/
#menu #about { background:url("../images/nav_about.gif") no-repeat; width:50px; height:22px; }

#menu #about:hover,
#menu #about.sfhover { background:url("../images/nav_about_on.gif") no-repeat; width:50px; height:22px; }

#menu #about.selected a { background:url("../images/nav_about_on.gif") no-repeat center; }

/*
CONTACT
*******/

#menu #contact { background:url("../images/nav_contact.gif") no-repeat; width:91px; height:22px; }

#menu #contact:hover,
#menu #contact.sfhover { background:url("../images/nav_contact_on.gif") no-repeat; width:91px; height:22px; }

#menu #contact.selected a { background:url("../images/nav_contact_on.gif") no-repeat center; }