div #menu { width: 650px; height: 104px; margin: 0px 0px 0px 200px; padding: 0px 0px 0px 0px; background-image: url(../images/nav_buttons.gif); }
div #menu ul { padding: 0; margin: 0; font: 1em sans-serif; }
div #menu ul li { height: 14px; font-size: 8px; list-style-type: none; position: relative; margin: 0; padding: 0; float: left; }
div #menu ul ul { display: none; }
div #menu ul li:hover > ul { height: 14px; display: block; position: absolute; left: 100%; }
div #menu li a { display: block; height: 14px; padding: 0px 0px 0 0px; text-decoration: none; background: #FFF; color: #666666; }
div #menu ul li a:hover { height: 14px; background: #04246F; color: #04246F; }
div #menu li.sub > a { height: 14px; font-weight: bold; font-size: 11px; background: #FFF; }
div #menu ul li ul li { height: 14px; width: 170px; font-size: 8px; list-style-type: none; position: relative; margin: 0; padding: 0; }

div #menu h1 {margin: 0; padding: 1em 0.25em 0; font: bold 2.5em Arial, sans-serif; line-height: 0.8em; text-align: right; color: #557; letter-spacing: 2px; }

div #menu ul > li { color: #000; font-size: 11px; font-weight: bold; height: 14px; padding: 0 0px 0 0px; float: left; }
div #menu ul > li > ul > li { font-size: 11px; color: #333; font-weight: normal; height: 14px; padding: 0 0px 0 0px; float: left; }
div #menu ul > li:hover > ul { width: 100px; top: 14px; left: 0; }

div #menu ul ul { width: 100px; }

/* specific button images */
div #menu ul li a { text-indent: -10000px; z-index: 0; }
div #menu ul li ul li a { text-indent: -5px; }

div #menu li a#fmdon { height: 75px; width: 155px; background: none; margin: 16px 0px 0px -172px; padding: 0px 0px 0px 0px; }

div #menu li a#aboutfmdon { height: 63px; width: 135px; background: url(../images/nav_buttons.gif) 0px -119px; margin: 16px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div #menu li a#aboutfmd { height: 63px; width: 135px; background: url(../images/nav_buttons.gif) 0px -16px no-repeat; margin: 16px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div #menu li a#aboutfmd:hover { height: 63px; background: url(../images/nav_buttons.gif) 0px -119px; margin: 16px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div #menu li a#aboutfmd:active { height: 63px; background: url(../images/nav_buttons.gif) 0px -119px; margin: 16px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div #menu li a#aboutfmd.selected { height: 63px; background: url(../images/nav_buttons.gif) 0px -119; margin: 16px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div #menu li a#aboutfmd.selected:hover { height: 63px; background: url(../images/nav_buttons.gif) 0px -119px; margin: 16px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div #menu li a#whatwedoon { height: 63px; width: 130px; background: url(../images/nav_buttons.gif) -138px -119px; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }

div #menu li a#whatwedo { height: 63px; width: 130px; background: url(../images/nav_buttons.gif) -138px -16px no-repeat; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }
div #menu li a#whatwedo:hover { height: 63px; background: url(../images/nav_buttons.gif) -138px -119px; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }
div #menu li a#whatwedo:active { height: 63px; background: url(../images/nav_buttons.gif) -138px -119px; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }
div #menu li a#whatwedo.selected { height: 63px; background: url(../images/nav_buttons.gif) -138px -119; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }
div #menu li a#whatwedo.selected:hover { height: 63px; background: url(../images/nav_buttons.gif) -138px -119px; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }

div #menu li a#associateson { height: 63px; width: 120px; background: url(../images/nav_buttons.gif) -275px -119px; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }

div #menu li a#associates { height: 63px; width: 120px; background: url(../images/nav_buttons.gif) -275px -16px no-repeat; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }
div #menu li a#associates:hover { height: 63px; background: url(../images/nav_buttons.gif) -275px -119px; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }
div #menu li a#associates:active { height: 63px; background: url(../images/nav_buttons.gif) -275px -119px; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }
div #menu li a#associates.selected { height: 63px; background: url(../images/nav_buttons.gif) -275px -119; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }
div #menu li a#associates.selected:hover { height: 63px; background: url(../images/nav_buttons.gif) -275px -119px; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }

div #menu li a#portfolioon { height: 63px; width: 120px; background: url(../images/nav_buttons.gif) -400px -119px; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }

div #menu li a#portfolio { height: 63px; width: 120px; background: url(../images/nav_buttons.gif) -400px -16px no-repeat; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }
div #menu li a#portfolio:hover { height: 63px; background: url(../images/nav_buttons.gif) -400px -119px; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }
div #menu li a#portfolio:active { height: 63px; background: url(../images/nav_buttons.gif) -400px -119px; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }
div #menu li a#portfolio.selected { height: 63px; background: url(../images/nav_buttons.gif) -400px -119; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }
div #menu li a#portfolio.selected:hover { height: 63px; background: url(../images/nav_buttons.gif) -400px -119px; margin: 16px 0px 0px 5px; padding: 0px 0px 0px 0px; }

div #menu li a#contacton { height: 63px; width: 100px; background: url(../images/nav_buttons.gif) -540px -119px; margin: 16px 0px 0px 20px; padding: 0px 0px 0px 0px; }

div #menu li a#contact { height: 63px; width: 100px; background: url(../images/nav_buttons.gif) -540px -16px no-repeat; margin: 16px 0px 0px 20px; padding: 0px 0px 0px 0px; }
div #menu li a#contact:hover { height: 63px; background: url(../images/nav_buttons.gif) -540px -119px; margin: 16px 0px 0px 20px; padding: 0px 0px 0px 0px; }
div #menu li a#contact:active { height: 63px; background: url(../images/nav_buttons.gif) -540px -119px; margin: 16px 0px 0px 20px; padding: 0px 0px 0px 0px; }
div #menu li a#contact.selected { height: 63px; background: url(../images/nav_buttons.gif) -540px -119; margin: 16px 0px 0px 20px; padding: 0px 0px 0px 0px; }
div #menu li a#contact.selected:hover { height: 63px; background: url(../images/nav_buttons.gif) -540px -119px; margin: 16px 0px 0px 20px; padding: 0px 0px 0px 0px; }


div #menuContainer li:hover ul, div #menuContainer li.over ul { display: block; } /* force IE8 to recognize hover applied to <li> */