#menu, #menu ul{margin:0;padding:0;list-style:none;}
#menu{width:100%;margin:0 auto;background-color:#008AC8;}
#menu:before,
#menu:after{content:"";display:table;}
#menu:after{clear:both;}
#menu{zoom:1;}
#menu li{float:left;position:relative;}
#menu a{float:left;padding:12px 33px;color:#fff;text-transform:uppercase;font:bold 14px 'Roboto Condensed', sans-serif;font-weight:700;text-decoration:none;text-shadow:0 1px 0 #000;}
@media (min-width:992px){#menu a{padding:12px 24px;}
}
@media (min-width:1200px){#menu a{padding:12px 28px;}
}
#menu li:hover > a{color:#E6E6E6;}
*html #menu li a:hover{color:#E6E6E6;}
#menu ul{margin:20px 0 0 0;_margin:0;opacity:0;visibility:hidden;position:absolute;top:38px;left:0;z-index:50;background:#008AC8;-moz-box-shadow:0 -1px rgba(255,255,255,.3);-webkit-box-shadow:0 -1px 0 rgba(255,255,255,.3);box-shadow:0 -1px 0 rgba(255,255,255,.3);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#menu li:hover > ul{opacity:1;visibility:visible;margin:0;}
#menu ul ul{top:0;left:210px;margin:0 0 0 20px;_margin:0;-moz-box-shadow:-1px 0 0 rgba(255,255,255,.3);-webkit-box-shadow:-1px 0 0 rgba(255,255,255,.3);box-shadow:-1px 0 0 rgba(255,255,255,.3);}
#menu ul li{float:none;display:block;border:0;_line-height:0;-moz-box-shadow:0 1px 0 #fff, 0 2px 0 #666;-webkit-box-shadow:0 1px 0 #fff, 0 2px 0 #666;box-shadow:0 1px 0 #fff, 0 2px 0 #666;}
#menu ul li:last-child{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
#menu ul a{padding:10px;width:210px;_height:10px;display:block;white-space:nowrap;float:none;text-transform:none;}
#menu ul a:hover{background-color:#0186ba;}
#menu ul li:first-child > a{-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
#menu ul li:first-child > a:after{content:'';position:absolute;left:40px;top:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #0189C5;}
#menu ul ul li:first-child a:after{left:-6px;top:50%;margin-top:-6px;border-left:0;border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:6px solid #3b3b3b;}
#menu ul li:first-child a:hover:after{border-bottom-color:#04acec;}
#menu ul ul li:first-child a:hover:after{border-right-color:#0299d3;border-bottom-color:transparent;}
#menu ul li:last-child > a{-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}