/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2011 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com - http://www.joomxpert.com
-----------------------------------------------------------------*/
#hornav,#sublevel {position:relative}
#hornav ul.sp-menu { margin: 10px}
#sublevel ul.sp-menu { padding: 10px}
#hornav .megacol,#sublevel .megacol {float:left}
#sublevel ul.empty,#sublevel li.empty {height:0px!important;display:none} 
#hornav ul li,#sublevel ul li{background:none;padding:0;margin:0} 
/*Top Level*/
#hornav {background:#232323 url(../images/nav-bg.png) repeat-x 0 0}
#sublevel {background:#454545}

#hornav .sp-inner,#sublevel .sp-inner {padding:0 2px}
#hornav ul.level-0,
#sublevel ul.level-1{float:left;margin:0;padding:0}

#hornav ul.level-0 > li.menu-item,
#sublevel ul.level-1 > li.menu-item{display:block;float:left}

#hornav ul.level-0 > li.menu-item{background: url(../images/nav-sep.png) no-repeat 100% 50%;margin:5px 0 0 0;padding:0 5px 0 3px}

#sublevel ul.level-1 > li.menu-item{margin:5px 0 0 0;padding:0 5px 0 3px;background:none}

#hornav ul.level-0 > li.menu-item.last {background:none}

#hornav ul.level-0 > li.menu-item > a.menu-item,
#sublevel ul.level-1 > li.menu-item > a.menu-item{display:block;font-weight:400;line-height:normal;text-decoration:none;margin:0;color:#fff;padding:5px 10px}

#hornav ul.level-0 > li.menu-item:hover > a.menu-item,
#hornav ul.level-0 > li.menu-item.active > a.menu-item{background-color:#454545!important}

#hornav ul.level-0 > li.menu-item span.has-image,
#sublevel ul.level-1 > li.menu-item span.has-image{padding-left:18px;display:block;background-repeat:no-repeat;background-position:0 50%}

#hornav ul.level-0 > li.menu-item span.menu-title,
#sublevel ul.level-1 > li.menu-item span.menu-title{display:block}

#hornav ul.level-0 > li.menu-item span.menu-desc,
#sublevel ul.level-1 > li.menu-item span.menu-desc{display:block;font-weight:400;font-size:92%}
#hornav ul.level-0 > li.menu-item span.menu-desc{color:#999}
#sublevel ul.level-1 > li.menu-item span.menu-desc{color:#fff}

#hornav ul.level-0 > li.parent > a.menu-item span.menu {display:block;padding-right:20px;background:url(../images/big_daddy.png) no-repeat 100% 50%}
#sublevel ul.level-1 > li.parent > a.menu-item span.menu {background: none;padding-right: 0;}

#hornav ul li.parent > a.menu-item span.menu,
#sublevel ul li.parent > a.menu-item span.menu {display:block;padding-right: 12px}

#hornav ul li.parent > a.menu-item span.menu {background:url(../images/daddy.png) no-repeat 100% 50%}

/*Submenu*/
#hornav li .submenu,#sublevel li .submenu {position: absolute;display:none;z-index:9999}
#hornav ul li .submenu-inner,#sublevel ul li .submenu-inner {font-size:12px;line-height:1.2}
#hornav ul li .submenu-inner {background:#454545;color:#777}
#sublevel ul li .submenu-inner {color:#fff}
#hornav ul.level-1 > li .submenu-inner {border:1px solid #666}

#hornav li.menu-item li:hover,#hornav li.menu-item li.active {background:#222!important}

/*Styling subnav*/
#hornav {width: 960px; margin-left:auto;margin-right:auto;}

#hornav ul ul,
#sublevel ul ul {float: none;}

#hornav li.menu-item li.menu-item,
#sublevel li.menu-item li.menu-item {background:none;display:block;margin:1px 0;padding:0 5px;float:none}

#hornav li.menu-item li.menu-item a.menu-item,
#sublevel li.menu-item li.menu-item a.menu-item{display:block;color:#fff;font-size:92%;font-weight:400;line-height:normal;text-decoration:none;margin:0;padding:5px 10px}

#hornav li.menu-item li.menu-item a.menu-item{background: url(../images/menu-bullet.png) no-repeat 0 9px;color:#888}
#sublevel li.menu-item li.menu-item a.menu-item{color:#fff}

/*Group*/
* html .group{height:0}
#hornav ul li.menu-item .group{background:none!important;overflow:hidden}
#hornav .group-content > ul.sp-menu{margin:10px 0!important}
#hornav .group-title{overflow:hidden}
#hornav .group-title a.menu-item {padding:0!important}
#hornav .group-title span.menu-title{font-size:24px;font-weight:400;line-height:normal;text-transform:uppercase;text-shadow:0 1px #000}
#hornav .group-title .menu-desc{padding-left:0!important;color:#888}