/*** ESSENTIAL STYLES ***/
.sf-menu {
	position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.5em;
    font-size: 20px;
    width: 100%;
    text-align: center;
}
.sf-menu .sf-mega {
	position: absolute;
	display: none;
	top: 50px;
	left: 0;
	z-index: 99;
	border-top:1px solid #f1b812;
	border-radius: 0 0 10px 10px;
}
.sf-menu > li {
  display:inline-block;
}
.sf-menu li:hover > .sf-mega,
.sf-menu li:focus > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
  display: block;
  line-height:20px;
  text-align:left;
}
.sf-menu > li > a {
  display: block;
  position: relative;
}
/*** DEMO SKIN ***/
.sf-menu .sf-mega {
  box-shadow: 0 5px 6px rgba(0,0,0,.2);
 /* width:95%;  allow long menu items to determine submenu width */
  text-align:center;
  z-index:1000;
  margin:auto;
}
.sf-menu > li > a {
  padding: 0.5em;
  text-decoration: none;
  /*zoom: 1;*/
  color: #000;
}
.sf-menu > li {
  -webkit-transition: background .2s;
  transition: background .2s;
}
.sf-menu > li:hover,
.sf-menu > li.sfHover {
  /* only transition out, not in */
  	transition: none;
}
.sf-menu > li:last-child:hover,
.sf-menu > li:last-child.sfHover {
  /* only transition out, not in */
  	transition: none;
	background-color:transparent;
}

.sf-menu > li:hover a,
.sf-menu > li.sfHover a {
	color:#000;
	background-color:#fff5a0;
	border-radius: 10px 10px 0 0;
}

/*** mega menu dropdown ***/
.sf-menu h2 {
	font-size:16px;
	font-weight:normal;
}
.sf-mega {
  z-index:1000;
  background-color:#fff5a0;
  padding: .5em 0 .5em 1em;
  box-sizing: border-box;
  width: 100%;
}
.sf-mega-section {
  width: 14.5%;
  padding-left: 10px;
  margin: .5em 0 1em .5em;
  border-left: 5px solid #ff8731;
  text-align: left;
  display: inline-block;
  vertical-align: bottom;
  box-shadow: -2px 0 0 #9c2500;
}
/*.sf-mega-section::before {
	content:'';
	display:block;
	margin-right:5px;
	background:red;
	width:6px;
	height:6px;
}
*/
.sf-mega-section h2 a:hover{
	color:#F60;	
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  /**padding-right: 1em;*/
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white; /* IE8 fallback colour */
}
#SFM01{
	left:0;	
}
#SFM02{
	left:240px;	
}
#SFM03{
	left:360px;	
}
#SFM04{
	left:480px;	
}
#SFM05{
	left:600px;	
}
#SFM06{
	left:705px;	
}