
.menu { font-family: arial, sans-serif; position:relative; font-size:11px; background:transparent; height:38px; margin:0; width: 100%;
}
.menu ul {
padding:0; margin:0; list-style-type: none; margin-left: 1.6%;
}
.menu ul li {
float:left; position:relative; font-family: arial, sans-serif; font-size:11px; padding:0; margin: 0;
}
.menu ul li.procedures {background: url(bttn/procs3.gif) no-repeat; text-indent: -9999px; width: 11%; }
.menu ul li.facility {background: url(bttn/center.gif) no-repeat; text-indent: -9999px; width: 11%;}
.menu ul li.drzevon {background: url(bttn/dr.gif) no-repeat; text-indent: -9999px; width: 10%; }
.menu ul li.photos {background: url(bttn/photos.gif) no-repeat; text-indent: -9999px; width: 11%;}
.menu ul li.nonsurgical {background: url(bttn/nonsurgical.gif) no-repeat; text-indent: -9999px; width: 11%;}
.menu ul li.payment {background: url(bttn/finan.gif) no-repeat; text-indent: -9999px; width: 11%;}
.menu ul li.contact {background: url(bttn/mail.gif) no-repeat; text-indent: -9999px; width: 11%;}
.menu ul li.home {background: url(bttn/home.gif) no-repeat; text-indent: -9999px; width: 11%;}

.menu ul li.videos {background: url(bttn/videos.gif) no-repeat; text-indent: -9999px; width: 11%;}

li.procedures a:hover {background: url(bttn/procs3O.gif) no-repeat; }
li.facility a:hover {background: url(bttn/centerO.gif) no-repeat; }
li.drzevon a:hover {background: url(bttn/drO.gif) no-repeat; }
li.photos a:hover {background: url(bttn/photosO.gif) no-repeat; }
li.nonsurgical a:hover {background: url(bttn/nonsurgicalO.gif) no-repeat; }
li.payment a:hover {background: url(bttn/finanO.gif) no-repeat; }
li.videos a:hover {background: url(bttn/videosO.gif) no-repeat; }
li.contact a:hover {background: url(bttn/mailO.gif) no-repeat; }
li.home a:hover {background: url(bttn/homeO.gif) no-repeat; }

.menu ul li a, .menu ul li a:visited { display:block; text-decoration:none; height:38px; line-height:18px; }
* html .menu ul li a, .menu ul li a:visited { }


.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; 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 {
text-decoration:underline;
}
