#nav {position: relative; list-style:none;}
#nav ul {list-style: none outside none;}
#nav li { float: left; position: relative;padding: 18px 27px 13px 26px;}
@media all and (min-width:0) {
    #nav li { padding: 18px 27px 13px 26px \0/; }  /* IE9-IE10pp4 */
}
#nav li a {
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: normal;
    height: 100%;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
	text-align:center;
	text-transform:uppercase;
	font-family: 'open_sanslight'; font-size:14px;
}

#nav li:hover, #nav li.active {
    background:url(../images/nav_arw.png) no-repeat scroll center top #227394;
    outline: 0 none;
	transition:all ease-in-out 500ms;
}
#nav li:hover ul.subs {
    left: 0;
    top: 53px;
    width: 180px;
}
#nav ul li {
    background: none;
    width: 100%;
}

#nav ul li a {
    float: none;
}
#nav ul li:hover > a {
    background-color: #121212;
    color: #00B4FF;
}