/*** ESSENTIAL STYLES ***/

.sf-menu ,
.sf-menu * { margin:0; padding:		0; list-style:		none; }
.sf-menu {
	 }
.sf-menu ul { position:		absolute; top:			-999em; width:			16em; background:url(../images/menu_back_a.png);/* 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:			right; position:		relative; }
.sf-menu a { display:		block; position:		relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { right:			-1em; top:			2.35em; /* 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:			12.1em; /* match ul width */ top:			-0.5em; }
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:			12.1em; /* match ul width */ top:			-0.5em; }
/* NAVIGATION ------------------------------------------------------------*/
nav {
	float: right;
	line-height: 1.8em;
	color: #036;
	 border-radius: 1px;
}
nav a { text-decoration: underline; color: #fff; }
#nav { margin-top:50px;}
#nav li { display: inline; font-size: 20px; float: left; font-weight:bold; background:url(../../images/menu_back.png); background-reapeat:no-repeat;  min-width:108px; text-align:center; margin-right: 3px; border-radius:10px 10px 0px 0px;}
#nav>li>a { display: block; overflow: hidden;  padding: 5px 10px; color: #878787;  text-shadow: 0 -1px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#nav>li>a:hover,
#nav>li.active>a { background:bottom; border:none; border-radius:10px;}
#nav>li.active>a,
#nav a:hover { background:url(../../images/menu_back.png); background-reapeat:no-repeat;  }
#nav>li>a>.subheader { color: #797a7a; display: block; font-size: 12px; margin-top: -8px; font-weight: bold; }
#nav .sf-sub-indicator { float: right; }
#nav>li>a>.sf-sub-indicator { display: none; }
/* sub navigation -----------------------------------------------------*/
#nav>li ul { border-top:0px solid #ff6e49; display: block; margin-top:3px; background: #003300 url(../../images/ul_li_bg.png); border-radius: 5px;}
#nav>li ul li { border-bottom:1px dashed #226d22;}
#nav>li ul li a { background:url(../images/menu_back_a.png) 5px 10px no-repeat; display: block; padding: 5px 10px; font-size: 15px; color: #8a8a8a; text-decoration: none; }
#nav>li ul li a span { display: block; }
#nav>li ul li a:hover, #nav>li ul li a.active {  background:url(../../images/menu_back_h.png); background-reapeat:no-repeat;  color: #fff; border-radius: 1px; }



@media screen and (min-width:280px) and (max-width:768px) {



#nav { margin-top:10px;}
}