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

/* Configuration of menu width */

html body ul#mainnav ul, html body ul#mainnav ul li {
	width: 13em;
}
html body ul#mainnav ul ul {
	margin: 0 0 0 13em;
}

/* Framework for proper showing/hiding/positioning */
/* DO NOT EDIT FROM HERE */
#mainnav, #mainnav * {
	margin: 0;
	padding: 0;
}
ul#mainnav {
	display: block; 
	/* position:relative; */
}
ul#mainnav li {
	display: block;
	list-style: none;
	float: left;
	position: relative;
}
ul#mainnav li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
ul#mainnav a {
	display: block;
	position: relative;
}
ul#mainnav ul {
	position: absolute;
	left: 0;
	width: 13em;
	top: auto;
	left: -999999px;
}
ul#mainnav ul a {
	zoom: 1; /* IE6/7 fix */
}
ul#mainnav ul li {
	float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
	width: 13em;
}
ul#mainnav ul ul {
	top: 0;
	margin: 0 0 0 13em;
}
ul#mainnav li:hover ul, ul#mainnav li:focus ul, ul#mainnav li.sf-hover ul { 
	/*first level*/
	left: auto;
}
ul#mainnav li:hover ul ul, ul#mainnav li:focus ul ul, ul#mainnav li.sf-hover ul ul {
	left: -999999px;
}
ul#mainnav ul li:hover ul, ul#mainnav ul li:focus ul, ul#mainnav ul li.sf-hover ul {
	/*second level*/
	left: auto;
}
ul#mainnav ul li:hover ul ul, ul#mainnav ul li:focus ul ul, ul#mainnav ul li.sf-hover ul ul {
	left: -999999px;
}
ul#mainnav ul ul li:hover ul, ul#mainnav ul ul li:focus ul, ul#mainnav ul ul li.sf-hover ul {
	/*third level*/
	left: auto;
}
ul#mainnav ul ul li:hover ul ul, ul#mainnav ul ul li:focus ul ul, ul#mainnav ul ul li.sf-hover ul ul {
	left: -999999px;
}
ul#mainnav ul ul ul li:hover ul, ul#mainnav ul ul ul li:focus ul, ul#mainnav ul ul ul li.sf-hover ul {
	/*fourth level*/
	left: auto;
}
ul#mainnav ul ul ul li:hover ul ul, ul#mainnav ul ul ul li:focus ul ul, ul#mainnav 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%;
}