/*---------------------------------------------------------------
# Package - Joomla Template based on Stools Framework   
# ---------------------------------------------------------------
# Author - joomlatd http://www.joomlatd.com
# Copyright (C) 2008 - 2013 joomlatd.com. All Rights Reserved.
# Websites: http://www.joomlatd.com
-----------------------------------------------------------------*/
#navmenu,#sublevel {position:relative;}
#navmenu {  background:#fafafa;
	background-image: -webkit-linear-gradient(top,  #fff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
box-shadow:0 0 3px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5); }
#navmenu ul.ju-menu { padding: 0;margin:0}
#sublevel ul.ju-menu { padding: 0}
#navmenu .megacol,#sublevel .megacol {float:left}
#sublevel ul.empty,#sublevel li.empty {height:0px!important;display:none} 
#navmenu ul li,#sublevel ul li{background:none;padding:0;margin:0} 

/*Top Level*/
#sublevel {background:#f1f1f1}

#navmenu ul.level-0,
#sublevel ul.level-1{float:none;display:inline-block;margin:0 8px;padding:0}

/*Parent list item*/
#navmenu ul.level-0 > li.menu-item,
#sublevel ul.level-1 > li.menu-item{background:none;display:inline-block;margin:0 2px;padding:0}
.menu-item:hover .menu-desc, .menu-item.active .menu-desc{color: #fff !important; -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease;}

/*Parent anchor text*/
#navmenu ul.level-0 > li.menu-item > a.menu-item,
#sublevel ul.level-1 > li.menu-item > a.menu-item{ display:block;font-size:17px;line-height:normal;text-decoration:none;margin:0;padding:6px 12px; ;  
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}

/*Parent list item hover and active*/
#navmenu ul.level-0 > li.menu-item:hover > a.menu-item,
#navmenu ul.level-0 > li.menu-item.active> a.menu-item,
#sublevel ul.level-1 > li.menu-item:hover > a.menu-item,
#sublevel ul.level-1 > li.menu-item.active> a.menu-item{ margin:0;padding-top:6px;padding-bottom:6px;}

#sublevel ul.level-1 > li.menu-item:hover > a.menu-item,
#sublevel ul.level-1 > li.menu-item.active> a.menu-item {padding:13px 10px}

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

#navmenu ul.level-0 > li.menu-item span.menu-desc,
#sublevel ul.level-1 > li.menu-item span.menu-desc{display:block;font-size:10px;}

#navmenu ul.level-0 > li.parent > a.menu-item span.menu,
#sublevel ul.level-1 > li.parent > a.menu-item span.menu {display:block;background: none}

#navmenu ul li.parent > a.menu-item span.menu,
#sublevel ul li.parent > a.menu-item span.menu {display:block;background:url(../images/daddy.png) no-repeat 100% 50%}

/*Submenu*/
#navmenu li .submenu,#sublevel li .submenu {position: absolute;display:none;z-index:9999}
#navmenu ul li .submenu-inner,#sublevel ul li .submenu-inner {background:#fafafa;color:#333}

/*Styling subnav*/
#navmenu ul ul,
#sublevel ul ul {float: none;}

#navmenu li.menu-item li.menu-item,
#sublevel li.menu-item li.menu-item {background:none;display:block;margin:0;padding:0;float:none;border-top:1px solid #ccc;border-bottom:1px solid #f1f1f1}

#navmenu li.menu-item li.menu-item:first-child,
#sublevel li.menu-item li.menu-item:first-child{border-top:0}
#navmenu li.menu-item li.menu-item:last-child,
#sublevel li.menu-item li.menu-item:last-child{border-bottom:0}

#navmenu li.menu-item li.menu-item a.menu-item,
#sublevel li.menu-item li.menu-item a.menu-item
{display:block;font-weight:200;line-height:normal;text-decoration:none;margin:0;padding:10px;color:#666;}

#navmenu li.menu-item li:hover,#navmenu li.menu-item li.active,
#sublevel li.menu-item li:hover,#sublevel li.menu-item li.active{background:#f1f1f1}

#navmenu li.menu-item li.menu-item span.menu-desc,
#sublevel li.menu-item li.menu-item span.menu-desc{color:#666}

/*Dropline or Split menu*/
#sublevel ul.level-1 > li.menu-item{background:none}
#sublevel ul.level-1 > li.menu-item > a.menu-item{color:#333; font-size:13px; padding:10px!important}

/*Group*/
* html .group{height:0}
#navmenu .group {padding:10px;}
#navmenu .group .group-title {margin-top:-10px;}
#navmenu ul li.menu-item .group{background:none!important;overflow:hidden}
#navmenu .group-content ul.ju-menu{margin:0!important}
#navmenu .group-title{margin:0;border-bottom:4px solid #f1f1f1;padding:0;overflow:hidden}
#navmenu .group-title .menu-title{font-size:100%;font-weight:400;line-height:normal;text-transform:uppercase}
#navmenu .group-title .menu-desc{color:#666;padding-left:0!important}