/**
Stylesheet for SooperFish by www.SooperThemes.com
Author: Jurriaan Roelofs
*/

/* Configuration of menu width */

html body ul.sf-menu ul
,html body ul.sf-menu ul li {
width:201px;
}
html body ul.sf-menu ul ul {
margin:0 0 0 180px;
}

/* Framework for proper showing/hiding/positioning */
/* DO NOT EDIT FROM HERE */
ul.sf-menu
,ul.sf-menu * {

padding:0;
}

ul.sf-menu {
display: block;
height: 81px;
margin: 0;
position: relative;
float:right;
}
ul.sf-menu li {
 border-right: 1px solid #dedede;
    display: block;
    float: left;
    height: 100%;
    line-height: 78px;
    list-style: none outside none;
    position: relative;
    text-align: center;
    width: 100px;
}
ul.sf-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
 background: url("../../images/common/bg-nav-h.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
ul.sf-menu a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #444444;
    font-family:Oswald-Light;
}
ul.sf-menu ul {
position:absolute;
left:0;
width:150px; 
top:auto;
left:-999999px;
}
ul.sf-menu ul a {
zoom:1; /* IE6/7 fix */

}
ul.sf-menu ul li {
float:left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
width:150px;
}
ul.sf-menu ul ul {
top:0;
margin:0 0 0 150px
}
ul.sf-menu li:last-child{
    border: none;
}
ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul { /*first level*/
left:auto;
}
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul {
left:-999999px;
}
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul {/*second level*/
left:auto;
}
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul {
left:-999999px;
}
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul {/*third level*/
left:auto;
}
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul {
left:-999999px;
}
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul {/*fourth level*/
left:auto;
}
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul {
left:-999999px;
}

/* autoArrows CSS */

span.sf-arrow {
width:7px;
height:7px;
position:absolute;
top:8px;
right:0;
display:block;
background: url(../../images/arrows-black.png) no-repeat 0 0;
overflow:hidden; /* making sure IE6 doesn't overflow and expand the box */
font-size:1px;
}

ul ul span.sf-arrow {
right:12px;
top:7px;
background-position:0 100%;
}
.sub-menu{
    margin-top: 4px;
}
.sub-menu li{
    
    background-color: #03baef;
/*    height: 45px !important;*/
    border-bottom: 1px solid #FFFFFF;
    line-height: 35px !important;
    width: 200px;
    border-right: none !important;
}
.sub-menu li a{
    color: #FFFFFF !important;
}
.sub-menu li:last-child{
    border:none;
}
.sub-menu li:hover{
   background-color: #32b1ec !important;  
}