/* #Site Styles
================================================== */

.header {
	height:355px;
	border-top:solid #FFF 1px;
	background:url(../images/header_bg.png) repeat-x bottom left;
	}
.header-img {
	height:355px;
	background:url(../images/header_img.png) no-repeat bottom center;	
	}	
.slogan {
	background:url(../images/slogan.png) no-repeat 10% 60%;
	height:355px;
	}	
.header-content {
	height:255px;
	border-top: solid #FFF 1px;
	background:url(../images/header-content_bg.png) repeat-x bottom left;
	}
.header-content .header-img {
	height:255px;
	background:url(../images/header-content_img.png) no-repeat bottom center;	
	}	
.header-content .slogan {
	background:url(../images/slogan.png) no-repeat 10% 65%;
	height:255px;
	}			
.menu-bg {
	background-color: #000;
	}
.menu-top {
	font-size:12px;
	margin-left:15px;
	margin-bottom:0px;
	}
.menu-top li{
	display:inline-block;
	margin-right:30px;
	margin-top:10px;
	margin-bottom: 10px;}	
.menu-top li:last-child{
	margin-right:0px;
	}		
.menu-top a, .menu-top-mobile a{
	text-transform:uppercase;
	text-decoration:none;
	border-bottom:#666 solid 1px;
	color: #CCC;
	}	
.menu-top a:hover, .menu-top-mobile a:hover, .menu-top a.active{
	border-bottom:#FFF solid 1px;
	color:#FFF;}
.menu-top-mobile a, .menu-top-mobile a:hover{
	display:block;
	border-bottom:none;
	}	
.menu-top-mobile {
	/*text-align:center;*/
	padding-top:15px;
	padding-left: 37px;}
.mobile-menu-title {
	color: #CCC;
	font-style: italic;
	margin-left: 5px;
	margin-top: 10px;
	vertical-align: top;
	display: inline-block;
	}	
.footer_main {
	border-top:#000 solid 4px;
	margin:0px 10px ;
	font-size:12px;
	color:#666;
	padding:15px 10px 10px 10px;}
.footer {
	border-top:#000 solid 4px;
	margin:0px 0px ;
	font-size:12px;
	color:#666;
	padding:15px 10px 10px 10px;}	
.footer a, .footer_main a{
	white-space: nowrap;
	}
.footer a:hover, .footer_main a:hover{
	text-decoration:none;
	}
.footer p, .footer_main p{
	display:inline;	
	}	

/* #Page Styles
================================================== */

.parts-main div{
	border-left:#EEE solid 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;  
	}
.parts-main div.remove-line{
	border-left:none;
	}

.parts-main a{
	display:block;
	padding:20px 20px 20px 90px;
	background-image:url(../images/numbers-main.png);
	background-repeat:no-repeat;
	text-decoration:none;
	font-size:12px;
	line-height:120%;
	height:85px;
	}	
.parts-main a.p1{
	background-position:20px 20px;}
.parts-main a.p1:hover{
	background-position:20px -1540px;}
.parts-main a.p2{
	background-position:20px -240px;}
.parts-main a.p2:hover{
	background-position:20px -1800px;}
.parts-main a.p3{
	background-position:20px -500px;}
.parts-main a.p3:hover{
	background-position:20px -2060px;}
.parts-main a.p4{
	background-position:20px -760px;}
.parts-main a.p4:hover{
	background-position:20px -2320px;}
.parts-main a.p5{
	background-position:20px -1020px;}
.parts-main a.p5:hover{
	background-position:20px -2580px;}
.parts-main a.p6{
	background-position:20px -1280px;}
.parts-main a.p6:hover{
	background-position:20px -2840px;}	
.parts-main span{
	border-bottom:#CCC solid 1px;
	font-size:24px;
	display:block;
	width:80px;
	padding-bottom:5px;
	margin-bottom:8px;
	padding-top:3px;}	
.parts-main a:hover span{
	border-bottom:#000 solid 1px;}
.line {
	border-top:#EEE solid 1px;
	height:1px;
	}
.bottom-line {
	border-bottom:#EEE solid 1px;
	}	
.help {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: inset 0px 2px 3px 0px #CCC;
	-webkit-box-shadow: inset 0px 2px 3px 0px #CCC;
	box-shadow: inset 0px 2px 3px 0px #CCC;
	background:url(../images/noise_bg.png) center center;
	padding:25px 0px 5px 0px;
	}
.help-container {
	font-size:12px;
	color:#666;
	line-height:140%;
	padding:0px 20px 0px 0px;
	}
.help-container a:hover{
	text-decoration:none;
	}	
.help-container.help-line {
	background:url(../images/help-line.png) repeat-y right top;
	padding:0px 20px 0px 20px;
	}
.help-container h2{
	font-size:21px;
	margin-top:0px;
	line-height:120%;
	}
.search input {
	width:100%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: inset 0px 2px 3px 0px #CCC;
	-webkit-box-shadow: inset 0px 2px 3px 0px #CCC;
	box-shadow: inset 0px 2px 3px 0px #CCC;
	background:url(../images/search-icon.png) 15px 12px no-repeat, url(../images/noise_bg.png) center center;
	padding:15px 0px 15px 0px;
	text-indent:60px;
	font-size:21px;
	font-style:italic;}	
.parts {
	width:940px;
	display:table;
	border-bottom:#000 solid 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0px 10px; 	
	}	
.parts li{
	display: table-cell;
	text-align:center;
	}
.parts li.active{
	position:relative;
	}		
.parts li .arrow{
	display:none;
	}
.parts li.active .arrow{
	display:block;
	position:absolute;
	bottom:-1px;
	left:50%;
	}
.parts a{
	display:inline-block;
	padding:17px 0px 35px 40px;
	background-image:url(../images/numbers.png);
	background-repeat:no-repeat;
	text-decoration:none;
	line-height:120%;
	}			
.parts a.p1{
	background-position:0px 0px;}
.parts a.p1:hover, .parts .active a.p1{
	background-position:0px -1560px;}
.parts a.p2{
	background-position:0px -260px;}
.parts a.p2:hover, .parts .active a.p2{
	background-position:0px -1820px;}
.parts a.p3{
	background-position:0px -520px;}
.parts a.p3:hover, .parts .active a.p3{
	background-position:0px -2080px;}
.parts a.p4{
	background-position:0px -780px;}
.parts a.p4:hover, .parts .active a.p4{
	background-position:0px -2340px;}
.parts a.p5{
	background-position:0px -1040px;}
.parts a.p5:hover, .parts .active a.p5{
	background-position:0px -2600px;}
.parts a.p6{
	background-position:0px -1300px;}
.parts a.p6:hover, .parts .active a.p6{
	background-position:0px -2860px;}	
.parts span{
	border-bottom:#CCC solid 1px;
	font-size:24px;
	color:#CCC;
	}
.parts a:hover span, .parts li.active span{
	border-bottom:#000 solid 1px;
	color:#000;}	
	
.cover {
/*	-moz-box-shadow: 5px 5px #CCC;
	-webkit-box-shadow: 5px 5px #CCC;
	box-shadow: 5px 5px #CCC;
	margin:5px 0px 0px 5px;*/
	max-width:200px;
	max-height:200px;
	}
.navigation-top {
		text-align:right;
	}	
.back, .next, .grid, .list {
	display:inline-block;
	width:32px;
	height:32px;
	background-image:url(../images/navigation.png);
	background-repeat:no-repeat;
	}
.back {
	background-position:0px -192px;}
.back:hover {
	background-position:0px -63px;}	
.next {
	background-position:0px -224px;}
.next:hover {
	background-position:0px -96px;}
.grid {
	background-position:0px -128px;}
.grid:hover, .grid.active {
	background-position:0px 0px;}
.list {
	background-position:0px -160px;}
.list:hover, .list.active {
	background-position:0px -32px;}

.mobile-menu-icn {
	display:inline-block;
	width:32px;
	height:32px;
	background-image:url(../images/menu-icn.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
	}	
	
h1.catalog {
	font-size:17px;
	line-height:140%;
	padding-top:5px;
	margin-left:10px;
	margin-bottom:10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;}	
h1.album {
	font-size:21px;
	font-style:italic;
	line-height:140%;
	}		
h1.title {
	font-size:21px;
	line-height:140%;
	padding-top:5px;
	margin-left:10px;
	margin-right:10px;	
	margin-bottom:10px;}			
.text {
	margin-left:10px;
	margin-right:10px;	
	}				
h2.catalog {
	color:#CCC;
	font-size:17px;
	line-height:140%;
	padding-top:5px;
	margin-left:10px;	
	margin-bottom:10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;}
h3 {
	margin-left:10px;
	font-size:17px;}	
.songs {
	min-width: 70%;
	width: auto;
	font-size:12px;
	margin-bottom:20px;}
.songs td{
	padding:5px;}
.songs tr:nth-child(odd){
	border-top:#EEE solid 1px;}
.songs tr:nth-child(odd) td{
	padding-bottom:0px;}
.songs tr:nth-child(even) td{
	padding-top:0px;}		
.songs tr:first-child{
	border-top:none;}
.songs tr td:first-child{
	width:15px;}		
.song-time {
	text-align:right;}
	
.songs_alternative {
	width:52%;
	font-size:12px;
	margin-bottom:20px;}
.songs_alternative td{
	padding:5px;}
.songs_alternative tr{
	border-top:#EEE solid 1px;}
.songs_alternative tr:first-child{
	border-top:none;}
.songs_alternative tr td:first-child{
	width:15px;}	
.songs_alternative-time {
	text-align:right;}
		
td.related-song {
	padding-left:35px;}
td.related-song a{
	color:#999;}
td.related-song a:hover{
	color:#000;
	text-decoration:none;}	
td.related-song span{
	color: #999;
	font-style:italic;
	}
	
.description {
	font-size:12px;}
.description-info {
	margin:15px 10px 0px 10px;
	font-size:12px;}	
.navigation {
	color:#CCC;
	font-size:14px;
	margin:10px 10px;}
.navigation a{
	color:#CCC;
	}
.navigation a:hover{
	color:#000;
	text-decoration:none;
	}
.paging {
	color:#CCC;
	font-size:14px;
	margin:15px 20px 15px 10px;}
.paging span{
	padding:0px 0px 0px 15px;
	}	
.paging a{
	color:#CCC;
	text-decoration:none;
	padding:0px 0px 0px 15px;
	}
.paging a.active{
	color:#000;
	text-decoration:none;
	font-weight:bold;
	}	
.paging a:hover{
	color:#000;
	text-decoration:none;
	}			
.right {
	text-align:right;}				
.grid-element {
	margin-bottom:20px;
	font-size:12px;
	text-align:center;}
.grid-element a{
	text-decoration:none;
	display:block;
	min-height:280px;
	}
.grid-element span{
	text-decoration:none;
	line-height:160%;
	clear:both;
	display:block;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.grid-element a:hover{
	}	
.grid-element a:hover span{
	text-decoration:underline;
	}		
.grid-element a img{
	margin-bottom:5px;
	}	
.show-screen, .columns.show-screen {
	display:none;
}
.songs-list {
	width:100%;
	display:table;
	border-bottom:#000 solid 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:21px;
	}	
.songs-list li{
	display: table-cell;
	text-align:center;
	}
.songs-list li.active{
	}	
.songs-list a{
	color: #CCC;
	display:inline-block;
	padding:10px 0px 20px 0px;
	text-decoration:none;
	font-weight:sbold;	
	}
.songs-list a:hover{
	text-decoration:underline;
	color: #333;
	}
.songs-list li.active a{
	text-decoration:none;
	color: #333;
	}				
.songs-list li.active{
	position:relative;
	}		
.songs-list li .arrow{
	display:none;
	}
.songs-list li.active .arrow{
	display:block;
	position:absolute;
	bottom:-1px;
	left:50%;
	margin-left:-11px;
	}		
.songs-ul {
	margin:0px 10px 30px 10px;
	font-size:12px;
	}
.songs-ul a{
	text-decoration:none;
	}	
.songs-ul a:hover{
	text-decoration:underline;
	}
.gallery_cont {
	text-align:center;
	}
.gallery_cont a{
	margin:0px 8px;}	
	
.list_view {
	padding-top:10px;}
.list_view p {
	margin-top:10px;
	font-size: 12px;}		
.list_view a:hover{
	text-decoration:none;}
	
/*--jquery gallery--*/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #333; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
/*	width: 26px; */
	float: right;
	padding-bottom: 0.7em;	
}	

.margin {
	margin-left:0px;}
.container .sixteen.cont-margin {
	margin:0px 20px;}
	
.columns.cover-place img {
			margin-left: 10px;
		}	
h3 span.place {
	color: #999;
	font-style: italic;
	font-size: 14px;
	padding-bottom:10px;
	display: block;
	}		
	
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

		}
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.cover {
			max-width:160px;
			max-height:160px;
		}
		.grid-element a {
			min-height: 240px;
		}
		.songs {
			width: 90%;
		}
		.songs_alternative {
			width: 67%;
		}
		.parts {
			width: 748px;
		}
		.parts span {
			font-size: 17px;
		}
		.parts a {
			padding: 20px 0px 32px 40px;
		}
		.parts-main a {
			height: 115px;
		}
		.slogan {
			background: url(../images/slogan.png) no-repeat 5% 65%;
		}
		.header-content .slogan {
			background: url(../images/slogan.png) no-repeat 5% 65%;
		}
		
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.container .sixteen.cont-margin {
			margin:0px 10px;}		
		.show-screen, .columns.show-screen {
			display:block;
		}
		.hide-mobile, .columns.hide-mobile {
			display:none;}
		.paging, .paging.right {
			text-align: center;
		}
		.columns.cover-place {
			text-align: center;
			margin-bottom: 20px;
			margin-left:0px;
		}
		.columns.grid-element {
			margin-bottom: 20px;
		}
		h3 {
			margin-left:0px;
		}
		.description-info {
			margin: 0px 0px;
		}
		.songs {
			width: 100%;
		}
		.songs_alternative {
			width: 100%;
		}				
		.help-container {
			padding: 0px 20px 0px 20px;
			border-top:1px solid #DBDBDB;			
			padding-top:20px;	
		}
		.help-container.help-line {
			background: none;
			border-bottom:1px solid #FFF;
			border-top:none;
			padding-top:0px;	
		}		
		.footer, .footer_main {
			text-align:center;
		}
		.parts-main div {
			border-left: none;
		}
		.columns.navigation-top {
			margin-bottom:20px;	
			text-align:center;		
		}
		.columns.navigation-top a{
			width:30%;
			text-align:left;
		}
		.columns.navigation-top a.next{
			text-align:right;
		}
		.columns.navigation-top span{
			padding-left:35px;
			padding-top:5px;
		}
		.columns.navigation-top a.next span{
			padding-left:0px;
			padding-right:35px;
		}
		.columns.navigation-top a.next {
			background-position:right -224px;
		}
		.columns.navigation-top a.next:hover {
			background-position:right -96px;
		}
		.columns.navigation-top a{
			color:#CCC;
			}
		.columns.navigation-top a:hover, .columns.navigation-top a.active{
			color:#000;
			text-decoration:none;
			}
		h1.catalog {
			white-space: normal;
			margin-left:0px;
		}
		h1.title {
			margin-left:0px;
			margin-right:0px;
		}
		.text {
			margin-left:0px;
			margin-right:0px;
		}		
		.menu-top {
			display:table;
			margin-left:0px;
			margin-top:10px;
			width:100%;
			}
		.menu-top li{			
			display: table-cell;
			margin-right:0px;
			margin-top:0px;
			text-align:center;
		}	
		.header {
			height:255px;
			border-top:solid #FFF 1px;
			background:url(../images/header-content_bg.png) repeat-x bottom left;
			}
		.header-img {
			height:255px;
			background:url(../images/header-content_img.png) no-repeat;
			background-position:70% 20px;
			}	
		.slogan {
			background:url(../images/slogan.png) no-repeat 0% 60%;
			height:255px;
			background-size:55%;
			}	
		.header-content {
			display:none;
			/*height:45px;
			border-top:solid #000 5px;
			background:url(../images/header-content_bg.png) repeat-x bottom left;*/
			}
		.header-content .header-img {
			height:45px;
			background:none;
			}	
		.header-content .slogan {
			background:none;
			}
		.menu-select {
			width:100%;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			-moz-box-shadow: inset 0px 2px 3px 0px #CCC;
			-webkit-box-shadow: inset 0px 2px 3px 0px #CCC;
			box-shadow: inset 0px 2px 3px 0px #CCC;
			background:url(../images/noise_bg.png) center center;
			padding:5px 5px 5px 5px;
			}
		.list_view {
			padding-top:0px;}
		.list_view p {
			margin-top:0px;}	
		.grid-element a {
			display:inline;
		}
		.menu-bg-mobile	{
			background-color: #000;

		}
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.parts-main a {
			height: 75px;
		}
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.paging a {
			padding: 0px 0px 0px 10px;
		}
		.columns.navigation-top a{
			width:40%;
			text-align:left;
		}
	
		}


/* #Site Text
================================================== */
.text {
	font-size: 12px;
	}	
.text h1 {
	font-size: 21px;
	font-weight: normal;}
.text h2 {
    font-size:17px;
    font-weight:bold;
    margin:15px 0px 15px 0px;}    
.text h3 {
    margin:15px 0px 15px 0px;
    font-size:14px;
    font-weight:bold;}    
.text p{
}
.text hr{
}
.text pre{
    border: 1px solid #EEE;
    padding:5px; 
}
.text table{
    border-color: #EEE;
    margin-bottom:15px;
}
.text th{
    background-color: #FAFAFA;
    padding:5px;
}
.text td{
    padding:5px;
	border-top:#EEE solid 1px;   
}
.text img{
/*    margin:0px 10px 10px 10px;
    border:#E5E5E5 solid 1px;
    padding:4px;*/
	-moz-box-shadow: 5px 5px #CCC;
	-webkit-box-shadow: 5px 5px #CCC;
	box-shadow: 5px 5px #CCC;
	margin: 5px 0px 0px 5px;	
    } 
.text a{
	text-decoration:underline;
	}	
.text a:hover{
	text-decoration:none;
	}