#nav {width:940px; margin:10px auto; z-index:100; padding:5px 0px 11px 0px;text-align:center; }

#nav ul.level1 a, #nav ul.level1 a:link, #nav ul.level1 a:visited, #nav ul.level1 a:hover 
{
   font-size:16px; line-height:34px; color:#fff; text-transform:uppercase;
   font-family: 'Ubuntu', 'sans-serif';
   padding:0 30px 0 0;
   text-decoration: none;
   outline: none;
   cursor: pointer;
   position: relative;
   z-index: 11; 
    display: inline-block;
    zoom: 1;
    *display: inline;
}
#nav ul.level1>li>a:hover
{
   padding:0 30px 0 0;
}
#nav ul.level1, #nav ul.level1 ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
   
}

#nav ul.level1 li
{
   
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
}

#nav ul.level1 li:hover
{
   z-index: 10000;
   white-space: normal;
}

#nav ul.level1:after, #nav ul.level1 ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}

#nav ul.level1, #nav ul.level1 ul 
{
   min-height: 0;
}

#nav ul.level1 
{
   display: inline-block;
   vertical-align: bottom;
}
#nav ul.level1>li {
   margin-left: 3px;
}
#nav ul.level1>li:first-child {
   margin-left: 1px;
}
#nav ul.level1>li:last-child, #nav ul.level1>li.last-child {
   margin-right: 1px;
}

#nav ul.level1>li>a:visited
{
   text-decoration: none; 
}

#nav ul.level1>li>a:hover, 
#nav ul.level1>li:hover>a {
   text-decoration: none;
}
#nav ul.level1 li li a
{
   padding:0 45px;
   margin:0 auto;
}
#nav ul.level1 li li 
{
   float: none;
   width: auto;
   margin-top: 0;
   margin-bottom: 0;
}

#nav ul.level1 li li ul>li:first-child 
{
   margin-top: 0;
}

#nav ul.level1 li li ul>li:last-child 
{
   margin-bottom: 0;
}

#nav ul.level1 ul:before
{
   background: #949494;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
#nav ul.level1 li:hover>ul {
   visibility: visible;
   top: 100%;
}
#nav ul.level1 li li:hover>ul {
   top: 0;
   left: 100%;
}

#nav ul.level1 ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   text-align:left;
   top: 0;
}

#nav ul.level1>li>ul
{
   padding: 10px 30px 30px 20px;
   margin: 0px 0 0 -30px;
}

#nav ul.level1 ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}

#nav ul.level1 li ul>li:first-child {
   margin-top: 0;
}
#nav ul.level1 li ul>li:last-child {
   margin-bottom: 0;
}

#nav ul.level1 ul ul:before
{
   border-radius: 0;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 10px;
}

#nav ul.level1>li>ul:before
{
   top: 10px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

#nav ul.level2{
   height: 30px;
}

#nav ul.level1 ul.level2 li a:link, #nav ul.level1 ul.level2 li a:visited {border: none; color:#FFF; text-decoration:none; padding-left:10px;}

#nav ul.level1 ul.level2 li a:hover {border: none; background:#0C0C0C;}

#nav ul.level1 ul.level2 li:hover {background:#0C0C0C;}

#nav ul.level1 ul.level2 li{
   line-height: 36px;
   background: #0C0C0C;
   min-width: 240px;
}