/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * 	{margin: 0;
	                     padding: 0;
	                     list-style: none;}

.sf-menu 				{line-height:	1.0;
	                     float: left;
	                    /* margin-bottom: 1em;*/}

.sf-menu ul 			{position: absolute;
	                     top: -999em;
	                     width: 10em;}

.sf-menu ul li 		{width: 100%;}

.sf-menu li:hover 		{visibility: inherit;}


.sf-menu li.membersonly  {float: right!important;
                          position: relative;}

.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: 0;
	                     top: 2.4em;
	                     z-index: 99;}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul 		{top: -1000em;}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul 		{left: 10em;
					    		 top: 0;}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul 	{top: -1000em;}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul 	{left: 10em;
						  	 top: 0;}

/*** arrows **/

.sf-menu a.sf-with-ul 	{padding-right: 2.25em;
					 min-width: 1px;}

.sf-sub-indicator 		{position: absolute;
	                     display: block;
	                     right: .75em;
	                     top: 1.05em;
	                     width: 10px;
	                     height: 10px;
	                     text-indent: -999em;
	                     overflow: hidden;
	                     background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;}

a > .sf-sub-indicator 	{top: .8em;
					 background-position: 0 -100px;}

/* 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;}

/* 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;}

/*** 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;}

/*** SKIN ***/

ul.sf-menu			{width: 100%;
					 background: #000;
                          color: #fff;
                          text-transform: uppercase;}

.sf-menu a 			{padding: .75em 1em;
	       			 outline: 0; }

.sf-menu a,
.sf-menu a:visited,
.sf-menu a:active,
.sf-menu a:focus,
.sf-menu a:hover	  	{color: #fff;}

.sf-menu li.genx		{background: #16CE1E;}
.sf-menu li.gallery		{background: #eb008b;}
.sf-menu li.blog		{background: #0D9CDF;}

.sf-menu li 			{}
.sf-menu li:hover,
.sf-menu li.sfHover		{background: #0D9CDF;}

.sf-menu li li 		{background: #000;}
.sf-menu li li:hover	{background: #0D9CDF;}
.sf-menu li li.sfhover	{background: #0D9CDF;}

.sf-menu li li li 		{background: #000;}
.sf-menu li li li:hover	{background: #0D9CDF;}
.sf-menu li li li.sfhover{background: #0D9CDF;}