/* Custom text-selection colors */
::-moz-selection{background: #ff0000; color: #fff; text-shadow: none;}
::selection {background: #ff0000; color: #fff; text-shadow: none;}

body {
	color: #FFF;
	background-color: #0D3559;
	position: relative;
	min-height: 100%;
	height: 100%;
	top: 0px
}

#navigator{
	position: fixed;
	right:1.000em;
	top:200px;
	z-index:99;
	list-style:none;
}

#navigator li{
	margin: 0 0 15px 0;	
}

#main-container {
	width: 1024px;
	position: relative;
	margin: 0 auto;
	z-index: 2;
	overflow: hidden;
}


/* reseedobject */
#flying-container {
	width: 950px;
	height: 700px;
	position: fixed;
	top: 0;	
	z-index:-1;
}
#reseedobject {	
	position: absolute;
	z-index:-1;	
	/*top: 560px !important;*/	
}

#reseedobject-object {
	width: 131px;
	height: 83px;
	background:url(../img/reseedobject.png) no-repeat 0 0;
}


#reseedobject-object-above {
	width: 131px;
	height: 83px;
	background:url(../img/reseedobject.png) no-repeat 0 -83px;
}

#reseedobject-lights{
	background: url(../img/reseedobject-lights.png) no-repeat 0 0;
	position:absolute;
	width: 227px;
	height: 219px;
	top: 47px;
	left: -190px;
}
#reseedobject #bubbles {
	position: absolute;
	top: -60px;
	left:110px;
	z-index: -1;
	width: 176px;
	height: 149px;
	
	background: url(../img/wave.gif) no-repeat 0 0;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.right #reseedobject-object {	
	background-position: -131px 0;
}


.right #reseedobject-object-above {
	background-position: -131px -83px;
}


.right #reseedobject-lights {
	background-position: -227px 0;
	left: 52px;
	top: 44px;
}

.right #bubbles {	
	left:-160px !important;	
	background-position: -176px 0 !important;
}


/* GENERAL */
h1, h2 {
	font-family:"맑은 고딕", "Malgun Gothic";
	font-size: 22px;
}

/* PARRALAX */
#bg-background {
	background: #030f28 url(../img/bg_background.jpg) no-repeat top center;
	height: 6000px;
	width: 100%;
	left:0px;
	top:0px;	
}

#bg-midground {
	background: url(../img/bg_midground_repeat.png) no-repeat top center;
	height: 6000px;
	width: 100%;
	left:0px;
	top:0px;	
}

#bg-midground-inner {
	background: url(../img/bg_midground_top.png) no-repeat top center;
	height: 6000px;
	width: 100%;
	left:0px;
	top:0px;	
}

#bg-midground-inner-bottom {
	background: url(../img/bg_midground_bottom.jpg) no-repeat top center;
	height: 6000px;
	width: 100%;
	position: absolute;
	left:0px;
	top:568px;	
}

#bg-foreground {
	background: url(../img/bg_foreground.png) no-repeat 0 -60px;
	height: 6000px;
	width: 100%;
	left:0px;
	top:0px;	
}

.flag {
	background: url("../img/flag_animation.gif") no-repeat scroll 372px 0 transparent;
	height: 66px;
	left: 50%;
	margin: 0 auto;
	position: absolute;
	top: 290px;
	width: 475px;
}


.satellite {
	position:absolute;
	width: 70px;
	height: 70px;
	background: url(../img/flying_object_02.png) no-repeat 0 0;
}

.flying1 {
	position:absolute;
	width: 70px;
	height: 70px;
	background: url(../img/flying_object_11.png) no-repeat 0 0;
}
.flying2 {
	position:absolute;
	width: 70px;
	height: 70px;
	background: url(../img/flying_object_12.png) no-repeat 0 0;
}
.flying3 {
	position:absolute;
	width: 70px;
	height: 70px;
	background: url(../img/flying_object_13.png) no-repeat 0 0;
}
.flying4 {
	position:absolute;
	width: 70px;
	height: 70px;
	background: url(../img/flying_object_14.png) no-repeat 0 0;
}

.flying5 {
	position:absolute;
	width: 70px;
	height: 70px;
	background: url(../img/flying_object_15.png) no-repeat 0 0;
}


.flying-large1 {
	position:absolute;
	width: 253px;
	height: 200px;
	background: url(../img/flying_object_20.png) no-repeat 0 0;	
}
.flying-large2 {
	position:absolute;
	width: 253px;
	height: 200px;
	background: url(../img/flying_object_21.png) no-repeat 0 0;	
}
.flying-small1 {
	position:absolute;
	width: 480px;
	height: 480px;
	background: url(../img/ise_small_01.png) no-repeat 0 0;
}
.flying-small2 {
	position:absolute;
	width: 480px;
	height: 480px;
	background: url(../img/ise_small_02.png) no-repeat 0 0;
}

#flying-large1 {
	top: 900px;
	left: 700px;
}

#flying-large2 {
	top: 200px;
	left: 0px;
	background-position:0 -100px;
	z-index: -3;	
}
#flying-large3 {
	top: 330px;
	left: 0px;
	background-position:0 -100px;
	z-index: -3;	
}
#flying-small1 {
	top: 200px;
	left: 0px;
	background-position:0 0;
	z-index: -3;	
}
#flying-small2 {
	top: 330px;
	left: 0px;
	background-position:0 0;
	z-index: -3;	
}

#flying1 {
	background-position: 0 0;
	top: 600px;
	left: 0;
}
#flying2 {
	background-position: 0 -140px;
	top: -25px;
	left: 850px;
}

#flying3 {
	background-position: 0 -210px;
	top: -80px;
	left: 650px;
	z-index: -3;
}

#flying4 {
	background-position: 0 -70px;
	top: 270px;
	left: 100px;	
}

#flying5 {
	background-position: 0 -140px;
	top: 570px;
	left: 800px;
	z-index: -3;	
}

#satellite1 {
	background-position: 0 0;
	top: 600px;
	left: 0;
}
#flying1a {
	background-position: 0 0;
	top: 700px;
	left: -200px;
}
#flying1b {
	background-position: 0 0;
	top: 700px;
	left: -400px;
}

#flying1c {
	background-position: 0 0;
	top: 600px;
	left: -500px;
}

#flying1d {
	background-position: 0 0;
	top: 300px;
	left: 200px;
}
#flyings1 {
	top: 460px;
	left: 250px;
}

#flyings2 {
	top: 600px;
	left: 100px;
}
#flying1f {
	background-position: 0 0;
	top: 700px;
	left: 0;
}

#flying5a {
	position:absolute;
	top: 110px;
	left: 800px;
	z-index: -3;	
}
#flying5b {
	position:absolute;
	top: 300px;
	left: 700px;
	z-index: -3;	
}
#flying-large5-1 {
	top: 170px;
	left: 800px;
	z-index: -3;	
}

#flying-large5-2 {
	top: 270px;
	left: 800px;
	z-index: -3;	
}




/* HEADER */

header {
	height: 555px;	
	margin-top: 10px;	
	margin-bottom: 420px;
}

header hgroup h1 {	
	height: 135px;
	margin-top: 30px;
}

.country-nl header hgroup h1 {
	background-position:0 -381px;
}

header hgroup h2 {	
	height: 81px;
	background-position: 0 -135px;
}

header p {
	color: #245B7F;
	width: 340px;
	margin: 10px 0 0 15px;
}

/* QMUSIC NAV */

#coke-zero {
	width: 311px;
	height: 126px;
	text-indent: -3000px;
	overflow: hidden;
	display: block;
	background: url(../img/coke-zero.png) no-repeat 0 0;
	position: absolute;
	top: -8px;
	left: 637px;
	z-index: 200;
}

#q_nav-wrapper {	
  color: #333;  
  margin: 0 auto;
  position: relative;
  height: 100px;
  width: 1085px;
}


#q_nav-wrapper #logo {
  float: left;
  position: relative;
  z-index: 20;
}
#nav {
  position: absolute;
  top: 23px;
  left: 245px;
  width: 735px;
  height: 54px;
  padding-top: 2px;
  background-image: url(../images/nav_bg.png);
  background-repeat: no-repeat;
  z-index: 20;
}
  #nav li {
    float: left;
    color: #444;
    padding-top: 12px;    
    list-style: none;
  }
    #nav #home {
      width: 99px;
      height: 51px;
    }
    #nav #home:hover {
      background-image: url(../images/nav_home_bg.png);
      background-repeat: no-repeat;
    }
    #nav #live {
      width: 100px;
      height: 51px;
    }
    #nav #live:hover {
      background-image: url(../images/nav_live_bg.png);
      background-repeat: no-repeat;
    }
    #nav #winmetq {
      width: 112px;
      height: 51px;
    }
    #nav #winmetq:hover {
      background-image: url(../images/nav_winmetq_bg.png);
      background-repeat: no-repeat;
    }
      #nav #winmetq a {
        margin-left: 12px;
      }
    #nav #media {
      width: 100px;
      height: 51px;
    }
    #nav #media:hover {
      background-image: url(../images/nav_media_bg.png);
      background-repeat: no-repeat;
    }
      #nav li a {
        margin-left: 25px;
        font-size: 18px;
        color: #444;
        font-weight: bold;
        text-decoration: none;
      }
      #nav li:hover a {
        color: #fff;
      }


/* ARTICLE */
article.scrollblock {	
	width:100%;
	height: 900px;	
	position: relative;	
}



article h2 {
	height: 55px; 
	margin-bottom: 15px;
}



#article_1 {
	/* background: url(../img/bg-history-3.png) no-repeat;*/
}
#article_1_1 {
	background: url(../img/ise_middle_01.png) no-repeat;
	
}

#article_2 {
	
}

#article_2_1 {
	background-image: url(../img/ise_middle_02.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#article_3 {
	/*background: url(../img/ise_middle_03.png) no-repeat 320px 375px;*/
}
#article_3_1 {
	background: url(../img/ise_middle_03.png) no-repeat 0px 0px;
}

#article_4 {
}
#article_4_1 {
}

#article_5 {
}
#article_5_1 {
}
#article_5_2 {
}
.content {
	width: auto\9 !important; /* ie8 */
    width: auto !important;
    max-width: 100%;
    height: auto !important;
}
#article_1 .content {
	float:left;
}

#article_1 .anythingSlider {
	float:left;
	margin-top: 35px;
	margin-left: 45px;
}

#article_2 .content {
	float:left;
	width: 418px;
	margin-top: 50px;
}
#article_2 .anythingSlider {
	float:left;
	margin-top: 35px;
	margin-left: 45px;
}

#article_3 .content {
	float:left;
	width: 418px;
	margin-top: 120px;
}
#article_3 .anythingSlider {
	float:left;
	margin-top: 35px;
	margin-left: 45px;
}

.extra-info {
	color: #ccc;
}

.extra-info:hover {
	color: #fff;
}


.nextArrow {
	display: block;
	width: 35px;
	height: 50px;
	background: url(../img/nextArrow.gif) no-repeat 0 0;
	position: absolute;
	top: 450px;
	left: 50%;
	text-indent: -3000px;
	overflow: hidden;
}
.nextArrow1 {
	display: block;
	width: 35px;
	height: 50px;
	background: url(../img/nextArrow.gif) no-repeat 0 0;
	position: absolute;
	top: 380px;
	left: 32%;
	text-indent: -3000px;
	overflow: hidden;
}
.nextArrow2 {
	display: block;
	width: 35px;
	height: 50px;
	background: url(../img/nextArrow.gif) no-repeat 0 0;
	position: absolute;
	top: 430px;
	left: 56%;
	text-indent: -3000px;
	overflow: hidden;
}
.nextArrow3 {
	display: block;
	width: 35px;
	height: 50px;
	background: url(../img/nextArrow.gif) no-repeat 0 0;
	position: absolute;
	top: 500px;
	left: 32%;
	text-indent: -3000px;
	overflow: hidden;
}
.nextArrow4 {
	display: block;
	width: 35px;
	height: 50px;
	background: url(../img/nextArrow.gif) no-repeat 0 0;
	position: absolute;
	top: 430px;
	left: 56%;
	text-indent: -3000px;
	overflow: hidden;
}
.nextArrow5 {
	display: block;
	width: 35px;
	height: 50px;
	background: url(../img/nextArrow.gif) no-repeat 0 0;
	position: absolute;
	top: 380px;
	left: 32%;
	text-indent: -3000px;
	overflow: hidden;
}

header .nextArrow {
	background: url(../img/nextArrow.gif) no-repeat 0 0;
	width: 266px;
	height: 59px;
	left: 5px;
	top: 460px;
	margin-top: 10px;
}


/* FOOTER */
footer {
	height: 531px;
	background: url(../img/bg-footer.png) no-repeat top center;
	/*z-index: -2;*/
	position: relative;
}



.submitform {	
	position: absolute;
	top: 136px;
	left: 378px;
	z-index: 199;
	overflow: hidden;
}

.inputbox1 {
	font-family:"맑은 고딕", "Malgun Gothic";
	background-color: #3e3e3e;
	height: 25px;
	width: 340px;
	font-size:12pt; 
	color:#fff;
	border: 0px;
}
.open-form0 {	
	display: block;
	height: 60px;
	width: 80px;
	position: absolute;
	top: 300px;
	left:	620px;
	z-index: 99;
	overflow: hidden;
	text-indent: -3000px;
}
.open-form1 {	
	display: block;
	height: 60px;
	width: 60px;
	position: absolute;
	top: 350px;
	left:	300px;
	z-index: 99;
	overflow: hidden;
	text-indent: -3000px;
}
.open-form2 {	
	display: block;
	height: 60px;
	width: 60px;
	position: absolute;
	top: 350px;
	left:	390px;
	z-index: 99;
	overflow: hidden;
	text-indent: -3000px;
}
.open-form3 {	
	display: block;
	height: 60px;
	width: 120px;
	position: absolute;
	top: 350px;
	left:	480px;
	z-index: 99;
	overflow: hidden;
	text-indent: -3000px;
}
.open-form4 {	
	display: block;
	height: 60px;
	width: 120px;
	position: absolute;
	top: 350px;
	left:	630px;
	z-index: 99;
	overflow: hidden;
	text-indent: -3000px;
}


.footer-logo {
	background: url(../img/footer-logo.png) no-repeat bottom right;
	height: 269px;
	width: 319px;
	position:absolute;
	bottom:0;
	right: 0;	
	z-index: 2;
}

.footer-logo-pure {
	background: url(../img/footer-logo-pure.png) no-repeat 0 0;
	height: 21px;
	width: 222px;
	display: block;
	position:absolute;
	bottom:0;
	left: 0;	
	z-index: 2;
	text-indent: -3000px;
	overflow: hidden;
}

.footer-logo-pure:hover {
	background-position: 0 -21px;
}

#audio {
	visibility: hidden;
	width: 0px;
	height:0px;
}

/* NAV NL */
.navigatie_container {
			width: 950px;
			height: 100px;
			position: relative;
			/*top: 10px;
			left: 20px;
			*/
			z-index: 200;
		}

.navigatie_container a {
	text-decoration: none;
}
		
.html_navigatie {
	/*background-image: url(http://www.q-music.nl/static/images/navigatie2.png);*/
	background: url(../images/nav_bg.png) no-repeat top left;
	width: 677px;
	height: 35px;
	float: left;
	clear: right;
	margin-top: 19px;
	margin-left: 4px;
	font-size: 17px;;
	padding-top: 17px;
	padding-left: 30px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
}

.socialnav, .lightbox_share {
	width: 100px;
	position: absolute;
	right: 0px;
	top: 14px;
}

.lightbox_share {
	top: -5px;
	left: 0px;
}

.socialnav img, .lightbox_share img {
	float: left;
	margin-left: 5px;
}


.html_navigatie div {
	float: left;
	clear: right;
	margin-right: 15px;
	height: 25px;
	padding-bottom: 5px;
}

.html_navigatie div a {
	color: #666;
	height: 25px;
	overflow: hidden;
}

.html_navigatie div a:hover {
	color: #F00;
}

.submenu {
	visibility: visible;
	position: absolute;
	left: -8px;
	top: 33px;
	width: 210px;
	height: 105px;
	overflow: hidden;
}

.submenu_bg {
	height: 100px;
	width: 200px;
	position: absolute;
	background-color: #e5e5e5;
	border: 1px solid #FFF;
	border-top: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 800;
	top: -102px;
}

.submenu_txt {
	height: 100px;
	width: 200px;
	position: absolute;
	z-index: 900;
	top: -102px;
}

.submenu_txt div {
	width: 189px;
	height: 15px;
	padding: 3px 3px 3px 10px;
	border-bottom: 1px solid white;
	font-size: 13px;
	font-weight: normal;
	float: left;
	clear: left;
	position: relative;
}

.submenu_txt div a {
	color: black;
}

.contentimg {
	z-index: 999;
	width: auto\9 !important; /* ie8 */
    width: auto !important;
    max-width: 100%;
    height: auto !important;

}
.tooltip{
	display: inline;
	position: relative;
}

.tooltip:hover:after{
	font-family:"맑은 고딕", "Malgun Gothic";
	background: #333;
	background: rgba(0,0,0,.5);
	border-radius: 5px;
	bottom: -7px;
	color: #fff;
	content: attr(title);
	left: -1440%;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: 180px;
}


@media all and (max-width: 1024px) {
	
}
@media all and (max-width: 767px) { /* 기본 800px 이하*/
	
	
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* 패드용 */
	
	#bg-midground-inner-bottom {
		background: url(../img/bg_midground_bottom2.jpg) no-repeat top center;
		height: 6000px;
		width: 100%;
		position: absolute;
		left:0px;
		top:568px;	
	}
	#bg-midground-inner {
		background: url(../img/bg_midground_top.png) no-repeat top center;
		background-size:95%;
		height: 6000px;
		width: 100%;
		left:0px;
		top:0px;	
	}
	
	.contentimg {
		z-index: 999;
		width: auto\9 !important; /* ie8 */
		width: auto !important;
		max-width: 80%;
		height: auto !important;

	}

	article.scrollblock {	
		width:90%;
		height: 900px;	
		position: relative;	
	}


}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {/* 스마트폰 세로*/
	

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {/*폰 가로*/
	

}



@font-face {
	font-family:NANUM;
	src: url('./font/NanumGothic.eot');
	src:local(※), url('./font/NanumGothic.woff') format('woff');
	
}

@font-face {
	font-family:NANUM_BOLD;
	src: url('./font/NanumGothic.eot');
	src:local(※), url('./font/NANUMGOTHICBOLD.TTF') format('woff');
	
}

@font-face {
	font-family:NANUM_MYEONG;
	src: url('./font/NanumMyeongjo.eot');
	src:local(※), url('./font/NanumMyeongjo.woff') format('woff');
	
}