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

/* Configuration of menu width */

ul.sf-menu ul, ul.sf-menu ul li
{
	width: 180px;
}
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 *
{
	margin: 0;
	padding: 0;
	z-index: 100;
}

ul.sf-menu
{
	display: block;
	position: relative;
	z-index: 100;
}
ul.sf-menu li
{
	display: block;
	list-style: none;
	float: left;
	z-index: 100;
	
}
ul.sf-menu li:hover
{
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
ul.sf-menu a
{
	display: block;
	position: relative;
	
}
ul.sf-menu ul
{
	position: absolute;
	left: 0;
	width: 150px;
	top: auto;
	left: -999999px;
	z-index: 100;
	background-color: #0c50a0;
	box-shadow: 2px 2px 1px #333;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}
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;
	background-color: #f17801;
	
}

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: 9px;
	height: 17px;
	position: absolute;
	display: block;
	left:49%;

	background: none;
	background-position: bottom center; background-repeat: no-repeat;
	overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */
	font-size: 1px;
	margin-top: -1px;
}

ul ul span.sf-arrow
{
	
	background-position: 0 100%;
}