/*** ESSENTIAL STYLES ***/

.sf-menu,

.sf-menu * { margin:0; padding:	0; list-style:		none; z-index: 99999; }

.sf-menu { }

.sf-menu ul { position:		absolute; top:			-999em; width:			13em; /* 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; position:		relative; }

.sf-menu li:hover ul,

.sf-menu li.sfHover ul { left:			0; top:			1.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:			13.1em; /* match ul width */ top:			-5.2em; }

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:			13.1em; /* match ul width */ top:			-5.2em; }

/* NAVIGATION ------------------------------------------------------------*/

.menu { float:right; margin:0;}

nav { float: right; line-height: 1.8em; }

nav a { text-decoration: none; color: #afafaf; }

#nav { margin:0; }

#nav li { display: inline; font-size: 12px; float: left; text-transform: none;  }

#nav li.last { background:none;}

#nav>li>a { display: block; overflow: hidden; margin:0 3px 0 0; padding:37px 7px 30px 7px; color: #afafaf;}

#nav>li>a:hover,

#nav>li.active>a { border-top:5px solid #ec6553; padding:32px 7px 30px 7px; }

#nav>li.active>a,

#nav a:hover { color: #ec6553; }

#nav>li>a>.subheader { color: #a9a9a9; display: block; font-size: 11px; text-transform:uppercase; margin-top:10px; font-weight: lighter; }

#nav .sf-sub-indicator { float: right; }

#nav>li>a>.sf-sub-indicator { display: none; }

/* sub navigation -----------------------------------------------------*/

#nav>li ul { display: block; margin-top:65px; background: #ffffff; border-top:2px solid #ec6553; }

#nav>li ul li { border-bottom:1px solid #ececec; background:none;}

#nav>li ul li a { background: url(../../images/ul_li_a.png) 5px 18px no-repeat; display: block; padding: 10px 15px; font-size: 12px; color: #a9a9a9; text-decoration: none; }

#nav>li ul li a span { display: block; }

#nav>li ul li a:hover, #nav>li ul li a.active { border:none; background: #fbfbfb url(../../images/ul_li_a.png) 5px 18px no-repeat; color: #f56e4d;  padding: 10px 15px; }

