.menu {
text-align:left; font-family: arial, sans-serif; position:relative; font-size:11px; background:transparent;  height:18px; margin:0 auto; width: 99%;
}
.menu ul {
padding:0; margin:0; list-style-type: none; width: 99.5%;
}
.menu ul li {
float:left; position:relative; font-family: arial, sans-serif; font-size:11px;
}
.menu ul li.dr-smith {background: url(navigation/dr-smith.gif) no-repeat; text-indent: -9999px; width: 10.68%; }
.menu ul li.services {background: url(navigation/plastic-surgery.gif) no-repeat; text-indent: -9999px; width: 11.82%;}
.menu ul li.before-after {background: url(navigation/before-after-gallery.gif) no-repeat; text-indent: -9999px; width: 13.4%; }
.menu ul li.offices {background: url(navigation/new-york-office.gif) no-repeat; text-indent: -9999px; width: 11.84%;}
.menu ul li.videos {background: url(navigation/videos.gif) no-repeat; text-indent: -9999px; width: 9%;}
.menu ul li.news {background: url(navigation/plastic-surgery-news.gif) no-repeat; text-indent: -9999px; width: 13.58%;}
.menu ul li.blog {background: url(navigation/plastic-surgery-blog.gif) no-repeat; text-indent: -9999px; width: 6.9%;}
.menu ul li.contact {background: url(navigation/contact.gif) no-repeat; text-indent: -9999px; width: 12.43%;}
.menu ul li.home {background: url(navigation/home.gif) no-repeat; text-indent: -9999px; width: 6%;}

.menu ul li a, .menu ul li a:visited { display:block; text-decoration:none; width:70px; height:18px; color:#f3e3b5; padding-left:3px; line-height:18px; }
* html .menu ul li a, .menu ul li a:visited { width:100px; w\idth:98px; }
.menu ul li.doctors a, .menu ul li.doctors a:visited { display:block; text-decoration:none; width:98px; height:18px; color:#f3e3b5; padding-left:3px; line-height:18px; }
* html .menu ul li.doctors a, .menu ul li.doctors a:visited { width:98px; w\idth:96px; }
.menu ul li.services a, .menu ul li.services a:visited { display:block; text-decoration:none; width:90px; height:18px; color:#f3e3b5; padding-left:3px; line-height:18px; }
* html .menu ul li.services a, .menu ul li.services a:visited { width:90px; w\idth:88px; }
.menu ul li.before-after a, .menu ul li.before-after a:visited { display:block; text-decoration:none; width:117px; height:18px; color:#f3e3b5; padding-left:3px; line-height:18px; }
* html .menu ul li.before-after a, .menu ul li.before-after a:visited { width:117px; w\idth:115px; }
.menu ul li.offices a, .menu ul li.offices a:visited { display:block; text-decoration:none; width:88px; height:18px; color:#f3e3b5; padding-left:3px; line-height:18px; }
* html .menu ul li.offices a, .menu ul li.offices a:visited { width:88px; w\idth:86px; }
.menu ul li.videos a, .menu ul li.videos a:visited { display:block; text-decoration:none; width:81px; height:18px; color:#f3e3b5; padding-left:3px; line-height:18px; }
* html .menu ul li.videos a, .menu ul li.videos a:visited { width:81px; w\idth:79px; }
.menu ul li.news a, .menu ul li.news a:visited { display:block; text-decoration:none; width:100px; height:18px; color:#f3e3b5; padding-left:3px; line-height:18px; }
* html .menu ul li.news a, .menu ul li.news a:visited { width:100px; w\idth:98px; }
.menu ul li.blog a, .menu ul li.blog a:visited { display:block; text-decoration:none; width:48px; height:18px; color:#f3e3b5; padding-left:3px; line-height:18px; }
* html .menu ul li.blog a, .menu ul li.blog a:visited { width:48px; w\idth:46px; }
.menu ul li.contact a, .menu ul li.contact a:visited { display:block; text-decoration:none; width:93px; height:18px; color:#f3e3b5; padding-left:3px; line-height:18px; }
* html .menu ul li.contact a, .menu ul li.contact a:visited { width:93px; w\idth:91px; }
.menu ul li.home a, .menu ul li.home a:visited { display:block; text-decoration:none; width:57px; height:18px; color:#f3e3b5; padding-left:3px; line-height:18px; }
* html .menu ul li.home a, .menu ul li.home a:visited { width:57px; w\idth:55px; }


.menu ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden; text-indent: 0;
}
.menu table {
margin:-1px; border-collapse:collapse; font-size:11px;
}

/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu ul li:hover a,
.menu ul li a:hover {
color:#4b4c55; text-decoration:underline; border:0;
}
.menu ul li:hover ul,
.menu ul li a:hover ul {
visibility:visible; width:120px; height:auto; position:absolute; top:18px; left:-1px; background:#c2ad86; color:#4b4c55; border:1px solid #4b4c55; overflow:visible;
}
.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
display:block; background:transparent; text-decoration:none; color:#4b4c55; height:auto; line-height:1.1em; padding:2px 5px 2px 2px; width:120px; w\idth:118px; border-top:1px solid #4b4c55; 
}
.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
display:block; color:#444652; height:auto; line-height:1.1em; padding:3px 2px; width:118px; w\idth:116px;
}
.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
color:#3f4dbb; background: #F3E3B5;
}
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#f3e3b5; left:120px; height:auto; border:1px solid #909;
}
.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {
display:block; color:#00f; height:auto; line-height:1.5em; padding:5px 0; width:118px; w\idth:116px;
}
* html .menu ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 5px;}

.menu ul li:hover ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover ul li a:hover {
color:#f3e3b5; text-decoration:underline;
}