ul.menu { list-style: none; margin: 0; padding: 0; float: left; width: 948px; height: 41px; background: #000; }
ul.menu li { float: left; margin: 0; position: relative; }

/* top level navigation */
ul.menu li.about a { width: 159px; height: 41px; float: left; display: block; background: #000 url(/images/nav/nav_about_barsmarts_off.gif) no-repeat; border: 0; }
ul.menu li.about a:hover { width: 159px; height: 41px; background: #000 url(/images/nav/nav_about_barsmarts_on.gif) no-repeat; border: 0; }

ul.menu li.mailing a { width: 184px; height: 41px; float: left; display: block; background: #000 url(/images/nav/nav_join_mailing_list_off.gif) no-repeat; border: 0; }
ul.menu li.mailing a:hover { width: 184px; height: 41px; background: #000 url(/images/nav/nav_join_mailing_list_on.gif) no-repeat; border: 0; }

ul.menu li.press a { width: 78px; height: 41px; float: left; display: block; background: #000 url(/images/nav/nav_press_off.gif) no-repeat; border: 0; }
ul.menu li.press a:hover { width: 78px; height: 41px; background: #000 url(/images/nav/nav_press_on.gif) no-repeat; border: 0; }

ul.menu li.photos a { width: 152px; height: 41px; float: left; display: block; background: #000 url(/images/nav/nav_photos_videos_off.gif) no-repeat; border: 0; }
ul.menu li.photos a:hover { width: 152px; height: 41px; background: #000 url(/images/nav/nav_photos_videos_on.gif) no-repeat; border: 0; }

ul.menu li.faq a { width: 71px; height: 41px; float: left; display: block; background: #000 url(/images/nav/nav_faqs_off.gif) no-repeat; border: 0; }
ul.menu li.faq a:hover { width: 71px; height: 41px; background: #000 url(/images/nav/nav_faqs_on.gif) no-repeat; border: 0; }

ul.menu li.company a { width: 190px; height: 41px; float: left; display: block; background: #000 url(/images/nav/nav_company_off.gif) no-repeat; border: 0; }
ul.menu li.company a:hover { width: 190px; height: 41px; background: #000 url(/images/nav/nav_company_on.gif) no-repeat; border: 0; }

ul.menu li.company a.active { width: 190px; height: 41px; background: #000 url(/images/nav/nav_company_on.gif) no-repeat; border: 0; }

ul.menu li.contact a { width: 114px; height: 41px; float: left; display: block; background: #000 url(/images/nav/nav_contact_us_off.gif) no-repeat; border: 0; }
ul.menu li.contact a:hover { width: 114px; height: 41px; background: #000 url(/images/nav/nav_contact_us_on.gif) no-repeat; border: 0; }

/* second level navigation */
ul.menu li ul.submenu { list-style: none; position: absolute; width: 200px; left: 0; top: 40px; margin: 0; padding: 0; display: none; float: left; line-height: 20px; }
ul.menu li ul.submenu li { margin: 0; padding: 0; clear: both; }

ul.menu li.company ul.submenu { width: 230px; height: 106px; padding: 16px 0 0 18px; left: -1px; background: #000; border-top: 1px solid #0C0A08; border-right: 1px solid #504232; border-bottom: 1px solid #504232; border-left: 1px solid #504232; filter: alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90) -moz-opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; opacity: .9; } 
ul.menu li.company ul.submenu li a { width: 216px; height: 20px; padding: 2px 0 0 10px; color: #E2C574; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_off.png) no-repeat; background-position: left center; } 
.menu li.company ul.submenu li a:hover { width: 216px; height: 20px; padding: 2px 0 0 10px; color: #AE1221; text-decoration: none; text-align: left; vertical-align: middle; background: url(/images/common/sub_arrow_on.png) no-repeat; background-position: left center; }