nav dropdowns from http://designfromwithin.com/blog/1110/just-a-nice-wayfinder-dropdown/
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer arcu purus, molestie vel aliquam in, malesuada ut metus. Aliquam erat volutpat. Ut blandit dolor sed nisl suscipit dictum. Nunc rutrum est fermentum eros tristique rhoncus. Quisque volutpat interdum rutrum. Vestibulum faucibus luctus tellus ut faucibus. Cras nec sapien vehicula lectus varius ultricies. Donec eget sem dolor. Pellentesque felis velit, malesuada eu volutpat eu, semper quis augue. Mauris hendrerit scelerisque neque sit amet aliquam.
header nav#main_nav ul { margin:0; padding:0; z-index: 10000; float: right; } header nav#main_nav ul li { float:left; position:relative; font-size:10px; list-style:none; margin:0; min-width:70px; padding:0px 10px 0px 10px; text-align:center; text-transform:uppercase; border-right:1px solid #ccc; background:#222; line-height:30px; } header nav#main_nav ul li:first-child { border-left:1px solid #ccc; } header nav#main_nav ul li a { color:rgba(255,255,255,0.6); text-decoration:none; display:block; } header nav#main_nav ul li.active { background: #00A6FC; } header nav#main_nav ul li.active a { color: #ffffff; } header nav#main_nav ul li a:hover { color:#fff; } header nav#main_nav ul li:hover > a { color:#fff; } header nav#main_nav ul li span { background:url(arrow.png) center no-repeat; height:10px; position:absolute; text-indent:-9999px; top:10px; right:5px; width:10px; } header nav#main_nav ul li span.arrow { background-position:0 2px; } header nav#main_nav ul li span.arrow-right { background-position:-10px 2px; } header nav#main_nav ul li ul.sublist { float:left; list-style:none; margin:0; padding:0; position:absolute; left:0px; top:31px; background:#222; width:90px; opacity:0; visibility:hidden; -moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear; -webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear; -o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear; transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear; } header nav#main_nav ul li ul.sublist li { border:none; border-bottom:1px solid #ccc; clear:both; margin-top:-15px; padding:0; width:90px; -moz-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out; -webkit-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out; -o-transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out; transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out; } header nav#main_nav ul li ul.sublist li a { color:rgba(255,255,255,0); } header nav#main_nav ul li:hover ul.sublist { opacity:1; visibility:visible; } header nav#main_nav ul li:hover ul.sublist li { margin-top:0; opacity:1; } header nav#main_nav ul li:hover ul.sublist li a { color:rgba(255,255,255,0.6); -moz-transition:color 0.1s ease-out; -webkit-transition:color 0.1s ease-out; -o-transition:color 0.1s ease-out; transition:color 0.1s ease-out; } header nav#main_nav ul li:hover ul.sublist li a:hover { color:rgba(255,255,255,1); -moz-transition:color 0.3s ease-out; -webkit-transition:color 0.3s ease-out; -o-transition:color 0.3s ease-out; transition:color 0.3s ease-out; } header nav#main_nav ul li:hover ul.sublist li:hover > a { color:#fff; } /* SUB SUB LIST */ header nav#main_nav ul li ul.sublist li ul.sublist { float:left; list-style:none; margin:0; padding:0; position:absolute; left:61px; top:0px; background:#222; width:90px; opacity:0; visibility:hidden; -moz-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear; -webkit-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear; -o-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear; transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear; } header nav#main_nav ul li ul.sublist li ul.sublist li{ border:none; border-bottom:1px solid #ccc; clear:both; margin:0; padding:0; width:90px; opacity:1; } header nav#main_nav ul li ul.sublist li:hover ul.sublist { opacity:1; left:91px; visibility:visible; }