﻿

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {



	list-style:		none;

}

.sf-menu {

	line-height:	0;

}

.sf-menu ul {

	position:		absolute;



	width:			10em; /* 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;*/

line-height:inherit;

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	top:			2.5em; /* 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;

}



/*** DEMO SKIN ***/

.sf-menu {



	margin-bottom:	1em;

}

.sf-menu a {

	padding: 		.75em 1em;

	text-decoration:none;

}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#13a;

}







.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	outline:		0;

}






*** shadows for all but IE6 **

.sf-shadow ul {

	background:	url('../images/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}*

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}
