@charset "utf-8";

@import url("media001-jscrollpane.css");

/* media Design Styles */
/*.pg_overlay { width:100%; background:#222; z-index:-1; height:100%; position:fixed; top:0; left:0;}*/

.pg_overlay01 { width:100%; background: url(../mediaimages/bg_001.jpg) repeat; z-index:-1; height:100%; position:fixed; top:0; left:0;}
#catpro h3 { font-size:1.25em; color:#FFF; font-weight:normal}

.toptitle_strip {
	width:439px;
	height:8px;
	background:url(../mediaimages/toptitle_strip_001.png) no-repeat;
	position:absolute;
	top:90px;
	left:20px;/*75px*/; /*opacity 0*/
	z-index:20;
}

h1.mediatitle {
	position:absolute;
	top:22px;
	left:70px;
	font-size:3.75em;
	font-weight:normal;
	font-style:normal;
	font-family:'Gunplay Regular';
	color:#a0a0a0;
	width:519px;
	height:50px;
	line-height:60px;
	padding-left:15px;
	padding-top:0px;
	-moz-opacity:1;
	-webkit-opacity:1;
	opacity:1;
	z-index:5;
}

.mediatopstrip_01 {
	width:100%;
	height:130px;
	text-align:center;
	background:url(../mediaimages/mediatopbg_001.jpg) repeat-x;
	position:absolute;
	top:0px;
	left:0px/*75px*/;
	/*opacity 0*/
	z-index: 0;
}

.mediabottomstrip_01 {
	width:100%;
	height:21px;
	text-align:center;
	background:url(../mediaimages/mediabottm_bg_001.jpg) repeat-x;
	border-bottom:#000 6px solid;
	position:fixed;
	bottom:0px;
	left:0px/*75px*/;
	/*opacity 0*/
	z-index: 2;
}


#avplaylistBx {
	width:860px;
	position:absolute;
	top:169px;
	margin:0 auto;
	padding:0px 0 0 0;
	z-index:0;
	background:none;
	/*background:transparent url(../img/bg90.png) repeat;*/
	color:#FFF;
	height:600px;
	/*overflow:auto;*/
	left: 80px;
}

.mediacontent {
	width:100%;	
	text-align:center; height:405px;
	/*background:transparent url(../img/bg90.png) repeat;*/
	padding:8px 0 30px 0; clear:both
}

.soundCloudWrap { padding-top:72px; clear:both; margin-bottom:20px;}


.closeicon {
	top:100px;
	right:41px;
	position:absolute;
	z-index:10;
}

#avplaylistBx iframe { width:420px; height:315px; }

.pg_overlay { opacity:1}

iframe { z-index:1}

.insidem { position:relative; width:100%;}

h3.mttl {
	background:#000;
	font-family:'Gunplay Regular';
	font-size:1.5em;
	font-weight:normal;
	color:#a0a0a0;
	padding:13px 0 0 20px;
	text-align:left;
	height:35px;
	position:absolute;
	width:776px;
	top:0px;
	left:0px;
	z-index:10
	
}
iframe.mfrm {
	position:absolute;
	top:86px;
	left:192px;
	z-index:11;
}
.frame {
	background: url(../mediaimages/bigframe001.png) no-repeat;
	width:551px;
	height:414px;
	position:absolute;
	top:40px;
	left:127px;
	z-index:2;
}

@font-face {
    font-family: 'Gunplay Regular';
    src: url('fonts/GunplayRegular.eot');
    src: url('fonts/GunplayRegular.eot?#iefix') format('embedded-opentype'),
         url('fonts/GunplayRegular.woff') format('woff'),
         url('fonts/GunplayRegular.ttf') format('truetype'),
         url('fonts/GunplayRegular.svg#GunplayRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@media only screen and (max-width: 592px) and (min-width: 320px){


	.mediatopstrip_01 { height:90px; }
	#avplaylistBx { width:94%; margin:0; left:2%; height:316px; top:110px;}
	h1.mediatitle { width:96%; left:2%; font-size:1.64em; top:2%; }
	.closeicon { top:4%; right:4%;}
	.toptitle_strip { width:100%;}
	.frame { width:100%; left:0; background:none; height:314px; }
	iframe.mfrm { left:2%; width:262px !important; height:196px !important; }
	h3.mttl { width:94%; font-size:98%;}
	
	.mediacontent { height:305px;}
	.mediabottomstrip_01 { display:none;}
	
}

@media only screen and (max-width: 479px) and (min-width: 343px){
	
}
@media only screen and (max-width: 592px) and (min-width: 480px){
	.mediatopstrip_01 { height:60px;}
	#avplaylistBx { top:78px; height:280px}
	.closeicon { top:2%; right:2%;}
	h1.mediatitle { width:98%; left:1%; font-size:1.64em; top:1%; }
	
	.frame { width:100%; left:0; background:none; height:314px; }
	iframe.mfrm { left:26%;}
	.mediabottomstrip_01 { display:none;}
}

@media only screen and (max-width: 800px) and (min-width: 768px){
	
	.mediatopstrip_01 { height:100px;}
	#avplaylistBx { width:94%; margin:0; left:2%; top:150px; height:650px}
	h1.mediatitle { width:96%; left:2%; font-size:1.64em; top:2%; }
	.closeicon { top:4%; right:4%;}
	.toptitle_strip { width:100%;}
	.frame { width:100%; left:0; background-position:center top; height:514px; }
	iframe.mfrm { left:20%;  }
	h3.mttl { width:94%;}
	
	.mediacontent { height:405px;}
	.mediabottomstrip_01 { display:none;}
}

@media only screen and (max-width: 1024px) and (min-width: 1000px){
	
	.container_all { height:770px;}
	.mediatopstrip_01 { height:100px;}
	#avplaylistBx { width:94%; margin:0; left:2%; top:150px; height:450px}
	h1.mediatitle { width:96%; left:2%; font-size:1.64em; top:2%; }
	.closeicon { top:4%; right:4%;}
	.toptitle_strip { width:100%;}
	.frame { width:100%; left:0; background-position:center top; height:414px; }
	iframe.mfrm { left:27%;  }
	h3.mttl { width:94%;}
	
	.mediacontent { height:405px;}
	.mediabottomstrip_01 { display:none;}
}