#main-superfish-wrapper{ padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; }

ul.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
ul.sf-menu { line-height: 1; }
ul.sf-menu li{ padding: 0px 9px; float: left; position: relative; }
ul.sf-menu li:first-child{ padding-left: 0px; }
ul.sf-menu li:last-child{ padding-right: 0px; }
ul.sf-menu li:hover { visibility: inherit; } /* fixes IE7 'sticky bug' */
ul.sf-menu li a { 
	position: relative;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #B807A3;
    font-family: 'Yanone Kaffeesatz';
    font-weight: 700;
    font-size: 12px;
    display: block;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	width: 80px;
	text-align: center;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	}
ul.sf-menu li a:active {
    position: relative;
    top: 6px;
}

ul.sf-menu li a:hover {
    color:#FFFFFF;
}

/*--- sub menu ---*/
ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul { left: 0; z-index: 101; top: 22px; padding-top: 10px; }
ul.sf-menu li.sfHover ul li a{
	padding:8px;
	position: relative;
    color: #540749;
    text-decoration: none;
    background-color: #FAE8F7;
    font-family: 'Yanone Kaffeesatz';
    font-weight: 700;
    font-size: 12px;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	width: 180px;
	text-align: center;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	}
ul.sf-menu li.sfHover ul li a:hover 
{
    position: relative;
    top: 3px;
}

ul.sf-menu li.sfHover ul ul{ padding-top: 0; }

ul.sf-menu ul { text-align: left; width: 11em; }
ul.sf-menu ul { position: absolute; top: -999em; width: 10em; }/* left offset of submenus need to match (see below) */
ul.sf-menu ul li { width: 100%; padding: 0px 0px; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul,
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul{ top: -999em;  color:#B807A3;}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul,
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left: 10em; top: -1px; margin-left: 1px; color:#B807A3; } /* match ul width */

ul.sf-menu li li:last-child{  color:#B807A3; }
ul.sf-menu li li a{ line-height: auto; height: auto; padding: 0px 15px; background: none !important; color:#B807A3; }
ul.sf-menu ul li a{ padding: 4px 15px; border-style: solid;
	border-width: 0px; border-top-width: 0px;  color:#B807A3; }