/*
#------------------------------------------------------------------------
# Music Free - #1 Free Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License:  GPL v.2.0
# Website:  http://www.gavick.com
# Support:  support@gavick.com
 */
 
/* Base for all menus */
#gkMainMenu { 
	float: left; 
	margin: 0; 
}
#gkMainMenu .gkMenu {
	display: block; 
	float: left; 
}
.gkMenu > ul > li { 
	float: left; 
	height: 30px;
	width: auto; 
}
.gkMenu > ul > li > a { 
	display: block; 
}
.gkMenu > ul > li a small { 
	display: block; 
	font-size: 11px; 
	line-height: 13px; 
}
.gkMenu > ul > li > .childcontent,
.gkMenu > ul > li > .childcontent .childcontent { 
	left: -999em; 
	position: absolute; 
	z-index: 999; 
}
.gkMenu > ul > li > .childcontent .gkcol { 
	float: left; 
}
.gkMenu > ul > li:hover > .childcontent,
.gkMenu > ul > li:hover > .childcontent li:hover > .childcontent { 
	left: inherit; 
}
.gkMenu > ul > li:hover > .childcontent .childcontent { 
	margin-left: 140px; 
	margin-top: -25px !important; 
}

/* main menu CSS */
.gkMenu { 
	margin: 0;
	position: relative; 
	z-index: 1000; 
}
.gkMenu > ul { 
	height: 50px; 
	margin: 0; 
	padding: 0; 
}
.gkMenu > ul > li { 
	height: 50px;
}
.gkMenu > ul > li:first-child { 
	background: none; 
}
.gkMenu > ul > li > a {
	color: #bbb;
	display: block; 
	height: 50px; 
	line-height: 50px; 
	padding: 0 12px;
} 
.gkMenu > ul > li.hasDesc > a small {
	color: #777;
	font-size: 10px;
	margin-top: -17px;
}

.gkMenu > ul > li:hover > a, 
.gkMenu > ul > li:active > a, 
.gkMenu > ul > li:focus > a, 
.gkMenu > ul > li.active:hover > a, 
.gkMenu > ul > li.active:active > a, 
.gkMenu > ul > li.active:focus > a, 
.gkMenu > ul > li.active > a {
	color:#fff!important;
}
.gkMenu > ul > li.haschild:hover {
	background: #151515!important;
}
.gkMenu > ul ul { 
	margin: 0; 
	padding: 0; 
}
.gkMenu > ul div.childcontent { 
	font-weight: normal !important; 
}
.gkMenu > ul div.childcontent div.childcontent:before { 
	display: none; 
}
.gkMenu > ul div.childcontent div.childcontent { 
	border: 1px solid #222; 
	border-bottom: none; 
	border-right: none; 
	margin-top: -10px; 
	padding-top: 0 !important; 
}
.gkMenu > ul div.childcontent-inner { 
	background: #151515; 
	overflow: hidden; 
	padding: 6px 0; 
	text-align: left; 
}
.gkMenu > ul > li > .childcontent .gkcol { 
	padding-bottom: 0; 
}
.gkMenu > ul div.childcontent li { 
	border-top: 1px solid #333; 
	font-size: 12px; 
	font-weight: bold;
	margin: 0 24px; 
	padding: 6px 0; 
}
.gkMenu > ul div.childcontent li:first-child { 
	border: none;
}
.gkMenu > ul div.childcontent a {
	color: #bbb; 
	display: block;
	min-height: 24px;
}
.gkMenu > ul div.childcontent small { 
	color: #666;  
	font-weight: normal;
	margin: 0 0 6px;
}
.gkMenu > ul div.childcontent li.group { 
	background: none;
	border: none !important; 
	height: auto; 
	margin: 0; 
	padding: 0; 
}
.gkMenu > ul div.childcontent li.active > a,
.gkMenu > ul div.childcontent li:hover > a,
.gkMenu > ul div.childcontent li > a:hover { 
	color: #fff; 
}
.gkMenu > ul div.childcontent header { 
	background: #222;
	color: #959595; 
	display: block; 
	font-weight: 400 !important; 
	margin: 24px 24px 12px; 
	padding: 0 8px; 
}
.gkMenu > ul div.childcontent header a { 
	color: #bbb !important; 
	font-size: 14px; 
	text-transform: uppercase; 
}
.gkMenu > ul div.childcontent header small { 
	color: #666;
	display: block; 
	text-transform: none; 
}
#gkMainMenu .module p { 
	font-size: 12px; 
	line-height: 18px; 
}

/* hide mobile menu */
#gkMobileMenu { 
	display: none; 
}


@media screen and (max-width: 800px), screen and (max-device-width: 800px), only screen and (max-device-width: 1600px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-device-width: 1600px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-device-width: 1600px) and (min-device-pixel-ratio: 2) {
 	#gkMainMenu {
		clear: left;
		margin-top: -5px!important;
	}
}


@media screen and (max-width: 640px), screen and (max-device-width: 640px), only screen and (max-device-width: 1300px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-device-width: 1300px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-device-width: 1300px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-device-width: 1300px) and (min-device-pixel-ratio: 2) {
 	#gkExtraMenu {
 		display: none !important;
	}
 	#gkMainMenu {
 		background: transparent url('../../images/style1/mobile_menu.png') no-repeat right center;
 		clear: none!important;
 		color: #AAA;
 		float: right!important;
 		height: 40px;
 		left: 10px;
 		line-height: 40px;
 		margin-right: 7px;
 		padding-top: 15px;
 		position: relative;
 		text-indent: 5px;
 		width: 50px;
 	}
 	#gkMainMenu select {
 		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 		filter: alpha(opacity=0);
 		height: 40px;
 		left: 0;
 		opacity: 0;
 		position: absolute;
 		top: 0;
 		width: 100%;
	}
 	#gkMobileMenu {
		clear: both;
		display: block;
		position: relative;
		width: 100%;
	}
	#gkUserLinks {
		float: left!important;
		position: relative;
		z-index: 10;
	}
	#gkUserLinks a {
		padding-left: 0!important;
		text-indent: -9999px;
		width: 24px!important;
	}
}