/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu { }
.sf-menu ul {
	position:		absolute;
	top:			-999em; 
	width:			285px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			60;
	top:			48px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/* styles */
.sf-menu { height: 48px; }
.sf-menu > li {  background-repeat: no-repeat; background-position: left top;  margin-left: 5px; width: 176px; }
.sf-menu > li:first-child { margin-left: 0px; }
.sf-menu > li > a { text-align: right; padding-right: 12px; font-family: Segoe UI, Arial, Helvetica; font-size: 16px; font-weight: bold; line-height: 41px; padding-top: 7px; color: #fff; letter-spacing: -1px; text-decoration: none;}

.sf-menu > li:hover  > a { line-height: 55px; padding-left: 15px; font-size: 16px; letter-spacing: -1px; font-family: Segoe UI, Arial, Helvetica; font-weight: bold; text-decoration: none; position: relative; z-index: 200; color: #fff; border-radius: 3px 3px 3px 0px;  background-repeat: no-repeat; background-position: 158px 22px; margin-top: -7px; padding-top: 0px; padding-right: 26px;}
.sf-menu > li ul { left: 0px;}
.sf-menu > li ul li { background-image: url("./../IWIimages/navigation-dropdown-link-bg.png"); background-repeat: repeat-x; background-position: left bottom;}
.sf-menu > li ul li a { display: block; line-height: 39px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; background-repeat: no-repeat; background-position: 269px center;}
.sf-menu > li  ul li:hover { background-color: #fff !important;  }
.sf-menu > li:hover div { display: block; }
.sf-menu > li:hover div {} 



.sf-menu li.link-1 { background-image: url("./../IWIimages/navigation-link-1.png"); z-index: 50; }
.sf-menu li.link-1:hover > a { line-height: 41px; padding-top: 7px; color: #fff; letter-spacing: -1px; text-decoration: none; margin-top: 0px; padding-left: 0px; padding-right: 12px;  }
/* 
.sf-menu li.link-1:hover > a { background-color: #00b8ff; background-image: url("./../IWIimages/navigation-link-1-icon.png");}
*/
.sf-menu li.link-1 ul li {  background-color: #00b8ff; }
.sf-menu li.link-1 ul li a:hover { color: #00b8ff; background-image: url("./../IWIimages/navigation-dropdown-link-1.png");} 

.sf-menu li.link-2 { background-image: url("./../IWIimages/navigation-link-2.png"); margin-left: 4px; z-index: 49;}
.sf-menu li.link-2:hover  > a { background-color: #ff79bc; background-image: url("./../IWIimages/navigation-link-2-icon.png");}
.sf-menu li.link-2 ul li { background-color: #ff79bc; }
.sf-menu li.link-2 ul li a:hover { color: #ff79bc; background-image: url("./../IWIimages/navigation-dropdown-link-2.png");}

.sf-menu li.link-3 { background-image: url("./../IWIimages/navigation-link-3.png");  z-index: 48;}
.sf-menu li.link-3:hover > a { background-color: #abab50; background-image: url("./../IWIimages/navigation-link-3-icon.png"); font-size: 15px;}
.sf-menu li.link-3 ul li { background-color: #abab50; }
.sf-menu li.link-3 ul li a:hover { color: #abab50; background-image:  url("./../IWIimages/navigation-dropdown-link-3.png");}

.sf-menu li.link-4 { background-image: url("./../IWIimages/navigation-link-4.png"); z-index: 47;}
.sf-menu li.link-4:hover > a { background-color: #9b6fff; background-image: url("./../IWIimages/navigation-link-4-icon.png");}
.sf-menu li.link-4 ul li { background-color: #9b6fff; }
.sf-menu li.link-4 ul li a:hover { color: #9b6fff; background-image: url("./../IWIimages/navigation-dropdown-link-4.png");}

.sf-menu li.link-5 { background-image: url("./../IWIimages/navigation-link-5.png"); z-index: 46;}
.sf-menu li.link-5:hover > a { background-color: #a1e77e; background-image: url("./../IWIimages/navigation-link-5-icon.png");}
.sf-menu li.link-5 ul li { background-color: #a1e77e;}
.sf-menu li.link-5 ul li a:hover { color: #a1e77e; background-image: url("./../IWIimages/navigation-dropdown-link-5.png");}

.sf-menu li.link-6 { background-image: url("./../IWIimages/navigation-link-6.png"); z-index: 45;}
.sf-menu li.link-6:hover > a { background-color: #fe6b6b; background-image: url("./../IWIimages/navigation-link-6-icon.png");}
.sf-menu li.link-6 ul li { background-color: #fe6b6b; }
.sf-menu li.link-6 ul li a:hover { color: #fe6b6b; background-image: url("./../IWIimages/navigation-dropdown-link-6.png"); }

/* end of styles */

/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}