/*

#------------------------------------------------------------------------

# music - November 2011 template (for Joomla 1.6/1.7)

#

# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.

# License: Copyrighted Commercial Software

# Website: http://www.gavick.com

# Support: support@gavick.com 

*/



#gkMainMenu {

padding: 0; 

-webkit-border-radius: 

3px; 

-moz-border-radius: 

3px; border-radius: 

3px; position:relative; 

z-index:10000; }



#gkMainMenu > div > ul {  

height: 40px; 

background: #000; 

}

#gkMainMenu > div > ul > li:first-child { margin-left: 0; }

#gkMainMenu > div > ul > li { 



height: 40px; 

background: url(../images/style1/line.png) 0px no-repeat;



transition: background 0.3s linear; 

text-indent: -1px; 

}

#gkMainMenu > div > ul > li:hover,

#gkMainMenu > div > ul > li:active,

#gkMainMenu > div > ul > li:focus { color: #8dc63f; }

#gkMainMenu > div > ul > li:hover > a,

#gkMainMenu > div > ul > li:active > a,

#gkMainMenu > div > ul > li:focus > a {  color:#8dc63f;} /* Main menu BG Rollover Font color */

#gkMainMenu > div > ul > li > a 

{ 

padding: 0 18px; 

display: block; 

height: 30px; 

line-height:40px; 

font-weight:bold;

color: #f6f6f6; 



/* text-shadow: 0 -1px 0 #ffffff; */

/* border-right: 1px solid #cccccc; */

font-size: 13px; 

text-transform: uppercase!important; 

font-family: Arial,sans-serif!important;

} 



#gkMainMenu > div > ul > li.active { background: #85a6fb; }

#gkMainMenu > div > ul > li.active > a { color: #8dc63f; height: 40px;

    line-height: 40px; } / * main menu color */



#gkMainMenu > div > ul div.childcontent { padding-top: 12px; margin-top: -12px; background: transparent; }

#gkMainMenu > div > ul div.childcontent-inner-wrap { background: #227fa1; border: 1px solid #5faac4; border-top-color: #5faac4 }

#gkMainMenu > div > ul div.childcontent-inner-wrap div.childcontent-inner-wrap { border-top-color: #5faac4; }

#gkMainMenu > div > ul div.childcontent-inner { overflow: hidden; padding-bottom: 6px; padding-top: 6px; }



div.gk-menu > ul.level0 > li > .childcontent .gkcol { padding-bottom: 0; }

#gkMainMenu > div > ul div.childcontent a,

#gkMainMenu > div > ul div.childcontent span { font-size: 14px; font-family: Arial; color: #fff; font-weight: bold; } /* drop down menu color */

#gkMainMenu > div > ul div.childcontent li {

margin: 0 10px; 

padding: 4px 0; 

min-height: 30px;  

/* border-top: 1px solid #5faac4; */

text-indent: 5px;  }



#gkMainMenu > div > ul div.childcontent li:first-child { border-top: none; border-bottom: 2px solid #8dc63f;}

#gkMainMenu > div > ul div.childcontent li.group { padding: 0; margin: 0; height: auto; border: none!important; background: none }

#gkMainMenu > div > ul div.childcontent li > a,

#gkMainMenu > div > ul div.childcontent li > span { display:block; min-height: 24px; color:#989898; margin-top:3px; }



#gkMainMenu > div > ul div.childcontent li.active > a,

#gkMainMenu > div > ul div.childcontent li.active > span,

#gkMainMenu > div > ul div.childcontent li:hover > a,

#gkMainMenu > div > ul div.childcontent li:hover > span,

#gkMainMenu > div > ul div.childcontent li > a:hover,

#gkMainMenu > div > ul div.childcontent li > span:hover,

#gkMainMenu > div > ul div.childcontent li.active > a > span,

#gkMainMenu > div > ul div.childcontent li.active > span > span,

#gkMainMenu > div > ul div.childcontent li:hover > a > span,

#gkMainMenu > div > ul div.childcontent li:hover > span > span,

#gkMainMenu > div > ul div.childcontent li > a:hover > span,





/* drop down menu BG and Color of first level dropdowns */



#gkMainMenu > div > ul div.childcontent li > span:hover > span { 

/* color: #333!important; 

background: #ccc!important;*/



} 





#gkMainMenu > div > ul div.childcontent .group-title 

{ padding: 4px; 

background: transparent; 

margin: 10px 10px 2px 5px; 

text-transform: uppercase  

}



#gkMainMenu > div > ul div.childcontent .group-title .menu-title { 

font-size: 19px; 

line-height: 

22px; display: 

block; color: #fff; 

text-shadow: 0 -1px 0 #3f5ca8 

}

#gkMainMenu > div > ul div.childcontent .group-title .menu-desc { 

font-size: 19px; 

line-height: 12px; 

display: block; 

color: #e9efff; 

} 

#gkMainMenu .module p {font-size: 19px; line-height:  18px; }



/* split menu */



#gkSubmenu { margin: 10px 0 40px 0; padding: 0 12px; }

#gkSubmenu > div > ul { float: left; font-size: 19px; line-height: 32px!important; }

#gkSubmenu > div > ul li { float: left; margin-right: 20px; text-transform: uppercase; font-size: 19px; font-weight: bold; color: #646464; line-height: 12px; }

#gkSubmenu > div > ul li a { color: #646464; display:block; height: 32px; line-height: 32px; }

#gkSubmenu > div > ul > li a:active,

#gkSubmenu > div > ul > li a:focus,

#gkSubmenu > div > ul > li a:hover { color: #000; }

#gkSubmenu > div > ul > li:first-child {}



/* Sub Nav (lv2) */

#gkSubmenu ul li li { margin: 0 10px; padding: 4px 0; min-height: 32px; border-top: 1px solid #5faac4; text-indent: 5px; float: none; clear: both; }

#gkSubmenu ul li li:first-child { border-top: none; }

#gkSubmenu ul li li > a { display:block; min-height: 24px; line-height: 32px; font-size: 19px; color: #fff; text-transform: none; font-weight: normal; }

#gkSubmenu ul li li > a:hover,

#gkSubmenu ul li li > a:hover > span { color: #fff!important; line-height: 32px; background: #5faac4; }

#gkSubmenu ul li ul,

#gkSubmenu ul li ul ul,

#gkSubmenu ul li ul ul ul { background: #227fa1; border: 1px solid #5faac4; border-top-color: #5faac4; position: relative; }

#gkSubmenu ul li ul ul,

#gkSubmenu ul li ul ul ul { border-top-color: #5faac4; }

#gkSubmenu ul>li.hover>ul { display:block; height:auto; left:auto; position:absolute; }

#gkSubmenu ul ul { }

#gkSubmenu > div > ul > ul { margin-left: -20px!important; }

#gkSubmenu ul ul ul { display:none!important; left:-999px!important; }

#gkSubmenu ul ul li:hover>ul { margin-left:180px!important; margin-top: -32px!important; left:0!important; display:block!important; }

#gkSubmenu ul li:hover ul,

#gkSubmenu ul li:hover ul ul,

#gkSubmenu ul li:hover ul ul ul { left: auto; }