html, body {  margin:0;	 font-family: 'lektonregular', sans-serif; font-size:14px; border:none;
background: url(img/bg.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }

html{font-size:100%; border:solid 80px  rgba(0,0,0,0.4); min-width:1000px; }
@font-face {
 font-family: 'lektonregular';
    src: url('lekton-regular-webfont.eot');
    src: url('lekton-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('lekton-regular-webfont.woff') format('woff'),
         url('lekton-regular-webfont.ttf') format('truetype'),
         url('lekton-regular-webfont.svg#lektonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
a{ text-decoration:none;}
h1{	     
text-transform:uppercase;

letter-spacing:1px;
		font-size: 35px; /* old */
font-size: 2.7vm; /* IE9 */
font-size: 3.7rem;
font-size: 3.4vmin;
		color:#373737;
		margin-left:12px;
		line-height:40px;
		font-weight:normal;
		color:#fff;
		margin-top:8px;
}
.header{ width:100%; min-width:1000px; display:inline-block; margin:0px; height:208px; background-image:url(peheader.png); background-repeat:no-repeat;
border:solid 8px #fff; border-collapse:collapse; 	background-color: rgba(0,0,0,0.4);

border-bottom:0px;  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;}

@-webkit-keyframes pulse {
	0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(0.9); }
	100% { -webkit-transform: scale(1); }
}

@-moz-keyframes pulse {
	0% { -moz-transform: scale(1); }
	50% { -moz-transform: scale(0.9); }
	100% { -moz-transform: scale(1); }
}


@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(0.9); }
	100% {transform: scale(1); }
}
h3{	     
text-transform:uppercase;
}

.cir{
	-webkit-animation-name: pulse;	-webkit-animation-duration: 2s;
-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
	-moz-animation-name: pulse;
	-moz-animation-duration: 0.8s;
	-moz-transform-origin:50% 50%;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	animation-name: pulse;animation-duration: 2s;
transform-origin:50% 50%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	
	height:60px;
	width: 60px;
	background-color: #91c8ed;
	border-radius:30px;
	position:relative;
	left:60%;
	top:20%;
}

.cir2{
	-webkit-animation-name: pulse;	-webkit-animation-duration: 2s;
-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
	-moz-animation-name: pulse;
	-moz-animation-duration: 0.8s;
	-moz-transform-origin:50% 50%;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	animation-name: pulse;animation-duration: 2s;
transform-origin:50% 50%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	
	height:90px;
	width: 90px;
	background-color:red;
	border-radius:45px;
	position:relative;
	left:80%;
	top:40px;
}

.cir3{
	-webkit-animation-name: pulse;	-webkit-animation-duration: 2s;
-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
	-moz-animation-name: pulse;
	-moz-animation-duration: 0.8s;
	-moz-transform-origin:50% 50%;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	animation-name: pulse;animation-duration: 2s;
transform-origin:50% 50%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	
	height:22px;
	width: 22px;
	background-color:#d1b861;
	border-radius:11px;
	position:relative;
	left:70%;
	top:-40px;
}

.cir4{
	-webkit-animation-name: pulse;	-webkit-animation-duration: 2s;
-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
	-moz-animation-name: pulse;
	-moz-animation-duration: 0.8s;
	-moz-transform-origin:50% 50%;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	animation-name: pulse;animation-duration: 2s;
transform-origin:50% 50%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	
	height:50px;
	width: 50px;
	background-color:#60b97b;
	border-radius:25px;
	position:relative;
	left:73%;
	top:-80px;
}

.cir5{
	-webkit-animation-name: pulse;	-webkit-animation-duration: 2s;
-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
	-moz-animation-name: pulse;
	-moz-animation-duration: 0.8s;
	-moz-transform-origin:50% 50%;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	animation-name: pulse;animation-duration: 2s;
transform-origin:50% 50%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	
	height:80px;
	width: 80px;
	background-color:#7b67ac;
	border-radius:40px;
	position:relative;
	left:88%;
	top:-150px;
}
.nav{height:35px !important;
overflow:hidden;
width:20%;
background-color: rgba(0,0,0,0.0);
border-color:#fff;
border-style:solid;
border-width:8px;
margin-left:-4px;
-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
		position:relative;


}
.nav:hover{
	background-color: rgba(0,0,0,0.0);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.newsbox, .artistbox, .releasebox, .contactbox, .inbox{
	background-color: rgba(0,0,0,0.6);
height:35px;
width:100%;
position:relative;
top:0px;

}
.inbox{	background-color: rgba(0,0,0,0.6);
}
.artistbox{	background-color: rgba(0,0,0,0.6);
}
.releasebox{	background-color: rgba(0,0,0,0.6);
}
.contactbox{	background-color: rgba(0,0,0,0.6);
}



a.link{	
	font-size:1.2em;
	color: #373737;
	position:relative;
	top:3px;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#fff;
	padding-left:12px;
	}

#hr2{
	width:100%;
	border-top:solid 8px #fff;
	margin-top:50%;
	-ms-word-break: break-all;
     
}
#hr3{
	width:100%;
	border-bottom:solid 8px #fff;
	padding-top:20px;
	
}
td{margin:0; padding:0px; 
}
.box{
height:460px;
width:20%;
border:solid 8px #fff;
margin-left:-4px;
vertical-align:top;
position:relative;
-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}

.boxblank{
height:460px;
width:20%;
border:solid 8px #fff;
border-bottom:solid 8px #fff;
margin-left:-4px;
vertical-align:top;
position:relative;
}
.boxblank2{
height:90px;
width:20%;
border:solid 8px #fff;
border-bottom:solid 8px #fff;
margin-left:-4px;
vertical-align:top;
position:relative;
}
.tdholder{
	position:relative;
	height:460px;
	width:100%;
	background-color: rgba(0,0,0,0.8);

}
.tdholder:hover{
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}
.tdholderblank{
	position:relative;
	height:100%;
	width:100%;
	background-color: rgba(0,0,0,0.3);

}
.tdholder p{
	color:#FFF;
	padding:10px;
	margin-top:-30px;
	-ms-word-break: break-all;
     word-break: break-all;

     // Non standard for webkit
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
.expand, .expand2, .expand3, .expand4, .expand5, .expand6{
	position:absolute;	bottom:0px;
	left:0px;
	height:40px;
	width:100%;
	background-color:#91c8ed;
		background-image:url(img/read.png);
		background-position:right;
		background-repeat:no-repeat;
		vertical-align:bottom;
	}
	.expand2{
		background-color:#d1b861;
		background-image:url(img/read.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	.expand3{
		background-color:#7b67ac;
		background-image:url(img/read.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	.expand4{
		background-color:#84b9b1;
		background-image:url(img/read.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	.expand5{
		background-color:red;
		background-image:url(img/read.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	.expand6{
		background-color:#60b97b;
		background-image:url(img/read.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	.t{
		color:rgba(255,255,255,1);
		text-transform:uppercase;
		margin-left:12px;
		margin-top:10px;
		width:90%;
		
		
	}
			

.cop_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #000;
	background: rgba(0,0,0,0.8);
	display: block;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity .4s;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
      .cop_overlay {z-index: -1;}
      .cop_overlay:target {z-index: 99999;}
} /*Opera fix*/


.cop_overlay:target {
	opacity: 1;
	pointer-events: auto;
}

.cop_content {
	display: block;
	width: 500px;
	height: 600px;
	overflow: hidden;
	background: #000;
	padding: 20px;
	padding-right:40px;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: -20%;
	margin-left: -270px;
	-webkit-box-shadow: 0px 0px 3px #111;
	-moz-box-shadow: 0px 0px 3px #111;
	-o-box-shadow: 0px 0px 3px #111;
	box-shadow: 0px 0px 3px #111;
	-webkit-transition: top .4s ease-in-out;
	-moz-transition: top .4s ease-in-out;
	-o-transition: top .4s ease-in-out;	
	-transition: top .4s ease-in-out;
}

.cop_overlay:target .cop_content {
	top: 50%;
}

/*.cop_overlay:before {
	content: "Hit 'escape' to go back.";
	color: #ccc;
	text-align: center;
	display: block;
	margin-top: 3px;
	font-family: Helvetica Neue, sans-serif;
	font-size: 11px;
	text-shadow: #000 0px 1px 1px;
}*/



/* Typography & Readability */

.cop_content, .cop_content p, .cop_content a, .cop_content a:visited, .cop_content a:hover, .cop_content a:active, .cop_content a:focus, .cop_content ul, .cop_content ol, .cop_content a li.cop_content a, .cop_content strong, .cop_content em {
	font-family: inherit !important;
	
	color:#FFF;
}

.cop_content p {
	margin-bottom: 20px !important;
}


/* Close Button */

a.cop_close_left, a.cop_close_left:visited, a.cop_close_left:hover {
	position: fixed !important;
	display: block !important;
	height: 33px !important;
	width: 33px !important;
	background: #000 !important;
	background-image:url(img/x.png)!important;
	background-repeat:no-repeat !important;
	background-position:center !important;
	text-align: center !important;
	line-height: 23px !important;
	text-decoration: none !important;
	border: none !important;
	-webkit-border-radius: 43px !important;
	-moz-border-radius: 43px !important;
	-o-border-radius: 43px !important;
	border-radius: 43px !important;
	margin-top: -22px !important;
	margin-left: -73px !important;
	-webkit-box-shadow: #000 0px 0px 3px !important;
	-moz-box-shadow: #000 0px 0px 3px !important;
	-o-box-shadow: #000 0px 0px 3px !important;
	box-shadow: #000 0px 0px 3px !important;
	border: solid 2px #fff !important;
}

a.cop_close_right, a.cop_close_right:visited, a.cop_close_right:hover {
	position: fixed !important;
	display: block !important;
	height: 23px !important;
	width: 23px !important;
	background: #000 !important;
	color: #fff !important;
	font-family: 'Lucida Grande', sans-serif !important;
	text-align: center !important;
	line-height: 23px !important;
	text-decoration: none !important;
	border: none !important;
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	-o-border-radius: 30px !important;
	border-radius: 30px !important;
	margin-top: -32px !important;
	margin-left: 500px !important;
	-webkit-box-shadow: #000 0px 0px 3px !important;
	-moz-box-shadow: #000 0px 0px 3px !important;
	-o-box-shadow: #000 0px 0px 3px !important;
	box-shadow: #000 0px 0px 3px !important;
	border: solid 2px #fff !important;
}


#scrollbar1 { width: 533px;  }
#scrollbar1 .viewport { width: 500px; height: 600px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 13px; margin-left:-1px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 23px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 3px; width: 23px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}



svg image {
    transition: all .6s ease;
}

svg image:hover {
    opacity: 0;
}



img.half-grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.5\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray alpha(opacity=50); /* IE6-9 */
    -webkit-filter: grayscale(50%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.half-grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.social{
	position:absolute;
	display:inline-block;
	height:60px;
	overflow:hidden;
	width:300px;
	right:30px;
}
.copy{
	position:absolute;
	display:inline-block;
	height:60px;
	overflow:hidden;
	width:300px;
	left:80px;
	color:#FFF;
	margin-top:20px;
}

.pop{
	width:500px;
	
}
html {
    overflow: auto;
}

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.8); 
   
}
 
::-webkit-scrollbar-thumb {
   
    background:white;
	position:absolute;
	left:7px;
	}
::-webkit-scrollbar-thumb:window-inactive {
    background:white;
}