/* header */
#header h1 { text-indent:-9999px;width:207px; height:237px; display:block; background:url(../img/bg/bg-main-logo.png) no-repeat; position:absolute; left:47px; top:40px; }
#header h1 a {  width: 100%; height:100%; display:block; }
#m-header { overflow:hidden; height:234px; width:1020px; position:relative; }
#m-signup-download { display:none; z-index:1200; top:202px; left:10px; width:198px; height:222px; position:absolute; background:url(../img/bg/bg-signup-download.png) 0 0 no-repeat; }
	#m-signup a { display:block; width:120px; height:55px; text-indent:-9999px; background:url(../img/btn/btn-free-play.png) no-repeat; position:absolute; top:55px; left:70px; }
	#m-download a { display:none; width:121px; height:56px; text-indent:-9999px; background:url(../img/btn/btn-game-download.png) no-repeat; position:absolute; top:123px; left:70px; }
		#m-signup a:hover { background-position:0 100%; }
		#m-download a:hover { background-position:0 100%; }
#m-intro { z-index:1100; display:none; top:6px; right:9px; padding:116px 0 0 76px; width:727px; height:302px; position:absolute; background:url(../img/bg/bg-video-player.png) 0 0 no-repeat; }
#m-new-btn { z-index:1200; text-indent:-9999px; cursor:pointer; position:absolute; top:0; right:16px; width:125px; height:115px; background:url(../img/btn/btn-intro-close.png) 0 0 no-repeat; }
	body.expanded #m-new-btn,
	#m-new-btn.active { background-position:0 100%; }
body {background-color:#c4d3e5}
body.expanded { background:url(../img/bg/bg-body-top-expanded.jpg) 50% 31px no-repeat; background-color:#c4d3e5}/*change background when video player shows and header is expanded*/

/* featured events module */
#m-events { position:relative; top:0; left:262px; z-index:750; padding:39px 0 0 43px; width:497px; height:183px; overflow:hidden; background:url(../img/bg/bg-m-events.png) 0 0 no-repeat; }
	#m-events h2 { display:none; }
	#m-events-index { position:absolute; bottom:20px; left:245px; }
		#m-events-index li { float:left; height:7px; width:7px; padding:10px 3px; text-indent:-9999px; background:url(../img/bg/bg-events-list.png) 0 50% no-repeat; cursor:pointer; }
				#m-events-index li.active { background-position:100% 50%; }
	#m-events-wrap { position:relative; z-index:760; clear:both; width:454px; height:127px; overflow:hidden; }
	#m-events-slide { left:0; top:0; position:absolute; z-index:770; width:456px; height:508px; }
		#m-events-slide li, #m-events-slide li a { display:block; width:454px; height:127px; }
	#m-events-br, #m-events-bl { z-index:780; width:16px; height:16px; position:absolute; bottom:10px; background-image:url(http://nxcache.nexon.net/maplestory/img/bg/bg-m-events-corners.png); background-repeat:no-repeat; }
	
/* social network module */
#m-sns { width:95px; height:29px; padding:5px 0 0 205px; margin:0 10px 4px; float:left; background:url(../img/bg/bg-m-sns.png) 0 0 no-repeat; }
	#m-sns h2 span { display:none; }
	#m-sns a { text-indent:-9999px; margin-right:5px; width:23px; height:23px; float:left; }
		#m-sns a.btn-twitter { background:url(../img/btn/btn-sns-twitter.png) no-repeat; }
		#m-sns a.btn-youtube { background:url(../img/btn/btn-sns-youtube.png) no-repeat; }	
		#m-sns a.btn-myspace { background:url(../img/btn/btn-sns-myspace.png) no-repeat; }
		#m-sns a.btn-facebook { background:url(../img/btn/btn-sns-facebook.png) no-repeat; }

/* advertisement module */
#m-nxad { position:relative; width:302px; margin:0 9px; height:264px; float:left; }
	#m-nxad-wrap { line-height: 0; font-size: 0px; position:relative; width:298; height:250px; border:solid 1px #d0bd9d; }
	#m-nxad-wrap img[width='1'] { display:none; }
	#m-nxad-desc { background:url(../img/bg/bg-nxad-text.png) no-repeat; width:96px; height:8px; text-indent:-9999px; display:block; margin:4px auto 0; }
		
/* news module */
#m-news { width:620px; margin:10px; float:left; overflow:hidden; background:#fff; }
	#m-news h2 { display:none; }
	#m-news-header { color:#333; text-align:right; line-height:15px; padding:25px 20px 0 0; width:600px; height:34px; background:url(../img/bg/bg-m-news-header.png) no-repeat; }
		#m-news-header a { color:#444; font-size:12px; text-decoration:none; text-transform:uppercase; }
			#m-news-header a:hover { text-decoration:underline; }
	#m-news-body { min-height:532px; width:596px; float:left; padding:0 12px 0; background:url(../img/bg/bg-m-news-body.png) repeat-y; }
	#m-news-footer { clear:left; height:33px; background:url(../img/bg/bg-m-news-footer.png) 0 0 no-repeat; }
	#m-news-feat { float:left; background:#F0F0F0; padding:9px 9px 0; }	
		#m-news-feat .news-image { padding:3px; border:#888 1px solid; background:#fff; float:left; margin:0 15px 10px 0; }
	#m-news-list { clear:both; }
		#m-news-list li { float:left; width:585px; position:relative; border-bottom:solid 1px #aea898; padding-right:10px; }
		#m-news-list .title { cursor:pointer; padding-left:10px; line-height:29px; color:#666; }
			#m-news-list .title h3, #m-news-list .title .date { float:left; margin:0; font-size:12px; }
			#m-news-list .title h3{margin:3px 0 0 14px;}
			#m-news-list .title h3 span{color:#666666;line-height:100%;padding-left:8px;font-size:11px;}
			#m-news-list .title .info img{float:right;margin-top:8px;}
			#m-news-list .title h3 { padding:0 5px; }
			#m-news-list .title .date { margin-left:5px; }
			#m-news-list .title .info a { text-decoration:none; color:#fff; background:#b30004; }
		#m-news-list .hidden.even { background:url(../img/bg/bg-m-news-collapsed.png) 0 0 no-repeat; }
		#m-news-list .hidden.odd { background:url(../img/bg/bg-m-news-collapsed.png) 0 100% no-repeat; }
		#m-news-list .shown .title .date { display:none; }
		#m-news-list .shown .title h3 { color:#382e21; float:left; margin:0 0 0 15px; font:20px Georgia, serif; }
		#m-news-list .content, #m-news-list .content-more { margin-left:23px; padding-right:10px; }
		#m-news-list .content {padding:10px 0 0 10px; }
		.img-first{border:1px solid #8f8771;margin:0 10px 0 0;float:left;}
		#m-news-body .content a { ; }	
			#m-news-body .content a.more { color:#e37b0c; font:12px/24px Arial; padding-bottom:5px; text-decoration:none; font-weight:bold;}
				#m-news-body .content a.more:hover { text-decoration:underline; }
		#m-news-list .content-more { display:none; }
		#m-news-list .moreless { display:block; text-align:right; padding:0 10px 10px 0; color:#e37b0c; }
		#m-news-list .share { margin-left:14px; height:18px; padding-left:18px; clear:left; }
			#m-news-list .share .date { float:right; color:#666666; }
	#m-news-list .showhide { text-indent:-9999px; position:absolute; top:14px; left:10px; width:15px; height:15px; display:block; background:url(../img/btn/btn-m-news-showhide.png) 0 0 no-repeat; }
	#m-news-list .shown .showhide { background-position:0 100%; }
		#m-news-list .hidden .content, #m-news-list .hidden .content-more, #m-news-list .hidden .share, #m-news-list .hidden .moreless { display:none; }
	#m-news h3, #m-news-list a, #m-news-feat a { color:#382e21; font:14px/26px Georgia, serif; }
	#m-news h3 { margin-bottom:18px; }
	#m-news .info { padding-top:5px; }
	#m-news p { padding-bottom:18px; }
	

/* featured items module*/
#m-items { position:relative; z-index:750; width:320px; height:320px; float:left; overflow:hidden; background:url(../img/bg/bg-m-items.png) 10px 10px no-repeat; margin-top:-10px; }
	#m-items h2 { display:none; }
	#m-items-display { margin:71px 0 27px; text-align:center; }
		#m-items-display a { cursor:default; }
		#m-items-display-image { height:65px; margin-bottom:45px; display:block; }
			#m-items-display img { cursor:pointer; }
		#m-items-display-text { display:block; height:29px; text-decoration:none; padding:0 35px; }
			.m-items-new { width:55px; height:57px; top:70px; right:25px; z-index:800; position:absolute; background:url(../img/icons/icn-m-items-new.png) 0 0 no-repeat; }
			.description { color:#8d5a00; font:bold 15px Arial; display:block; margin-bottom:4px; }
			.price { color:#000; font:12px Arial, Helvetica, sans-serif; }
	#m-items-prev { cursor:pointer; text-indent:-9999px; margin-left:25px; width:21px; height:56px; float:left; }
	#m-items-next { cursor:pointer; text-indent:-9999px; width:21px; height:56px; float:left; }
	#m-items-carousel { width:232px; height:56px; float:left; position:relative; overflow:hidden; }
		#m-items-carousel ul { position:absolute; top:0; left:0; width:448px; z-index:800; }
			#m-items-carousel li { background:#f6f5f2; height:54px; width:54px; margin-right:2px; float:left; border:1px solid transparent; }
				#m-items-carousel li.active, #m-items-carousel li:hover { border-color:#c0a365; }
				#m-items-carousel li p { display:none; }
				
/* composer module */
#m-composer { width:300px; height:300px; margin:10px; float:left; overflow:hidden; background:url(../img/bg/bg-m-composer.png) no-repeat; }
	#m-composer h2 { display:none; }
	#m-composer a { display:block; text-indent:-9999px; width:240px; height:44px; margin:230px 0 0 30px; background:url(../img/btn/btn-create-your-own.png) no-repeat ; }

/* strategy guide module*/
#m-guide { width:300px; height:300px; margin:10px; float:left; overflow:hidden; background:url(../img/bg/bg-m-guide.png) no-repeat; }
	#m-guide h2 { display:none; }
	#m-guide a { width:300px; height:300px; display:block; text-indent:-9999px; }

/* style studio module*/
#m-studio { width:300px; height:300px; margin:10px; float:left; overflow:hidden; background:url(../img/bg/bg-m-style-studio.png) no-repeat; }
	#m-studio h2 { display:none; }
	#m-studio a { display:block; text-indent:-9999px; width:240px; height:44px; margin:230px 0 0 30px; background:url(../img/btn/btn-create-your-own.png) no-repeat ; }

/* poll module */
#m-poll { width:300px; height:300px; margin:10px 10px 0; float:left; overflow:hidden; background:url(../img/bg/bg-quick-poll.png) no-repeat; }
	#m-poll h2, #m-poll p { display:none; }
	#m-poll a { display:block; text-indent:-9999px; height:44px; width:118px; margin:200px 0 0 20px; background:url(../img/btn/btn-m-poll-vote.png) 0 0 no-repeat; }
	
/*Facebook meter*/
#m-fb-meter { position:absolute; top:300px; left:1005px; display:block; width:112px; height:635px; background:url(../img/bg/m-fb-meter.png) 0 0 no-repeat; }
#m-fb-meter-bar { position:relative; height:460px; margin:104px 53px 0; }
#m-fb-meter-percent { position:absolute; width:6px; top:52%; left:0; right:0; bottom:0; background:url(../img/bg/m-fb-meter-percent.png) 0 0 repeat-y; }

/* g13 teaser lightbox */
/*#mb-popup.g13popup { padding:24px 20px; width:708px; margin-left:-365px; border:1px solid #222; -moz-border-radius:5px; border-radius:5px; }
#g13-popup { width:708px; height:467px; background:url(../img/g13teaser/g13-popup-teaser.jpg) 0 0 no-repeat; }
#g13-video-frame { margin:106px 0 0 20px; float:left; width:514px; height:310px; border:1px solid #14110e; -moz-border-radius:2px; border-radius:2px; }
#g13-video-thumbs { margin:106px 0 0 3px; width:148px; height:310px; float:left; }
#g13-video-thumbs a { width:138px; height:18px; line-height:18px; font-size:12px; font-weight:bold; padding:78px 0 0 10px; color:#948d88; text-align:center; display:block; text-decoration:none; background-position:0 100%; background-repeat:no-repeat; }
#g13-video-thumbs a.active,
#g13-video-thumbs a:hover { color:#f7c722; background-position:0 0; }
#g13-video-thumbs a + a { margin-top:12px; }
#g13-video-thumbs a.comingsoon.active,
#g13-video-thumbs a.comingsoon:hover { color:#948d88; background-position:0 100%; }
.g13video1 { background-image:url(../img/g13teaser/btn-1.png); }
.g13video2 { background-image:url(../img/g13teaser/btn-2.png); }
.g13video3 { background-image:url(../img/g13teaser/btn-3.png); }
#g13-bottom-links { clear:left; padding:11px 20px 0 150px; }
#g13-more-info { color:#7a2906; font-weight:bold; }
#g13-noshow { float:right; line-height:16px; color:#230d00; background:url(../img/g13teaser/dont-check-btn.png) 0 0 no-repeat;text-indent:-9999px;height:13px;width:124px; }
#mb-popup.g13popup #mb-popup-close { height:31px; width:31px; top:-12px; right:-12px; background:url(../img/g13teaser/close-btn.png) 0 0 no-repeat; }
#mb-popup.g13popup + #mb-screen { background-image:url(../img/bg/black-75.png); }*/

/* g13 teaser lightbox */
#mb-popup.g13popup { padding:24px 20px; width:708px; margin-left:-365px; border:1px solid #222; -moz-border-radius:5px; border-radius:5px; }
#g13-popup { width:708px; height:467px; background:url(../img/g15teaser/g15-popup-teaser.jpg) 0 0 no-repeat; }
#g13-video-frame { margin:95px 0 0 20px; float:left; width:514px; height:311px !important; border:1px solid #14110e; -moz-border-radius:2px; border-radius:2px; }
#g13-video-thumbs { margin:95px 0 0 3px; width:148px; height:310px; float:left; }
#g13-video-thumbs a { width:138px; height:18px; line-height:18px; font-size:12px; font-weight:bold; padding:78px 0 0 10px; color:#948d88; text-align:center; display:block; text-decoration:none; background-position:0 -96px; background-repeat:no-repeat; overflow: hidden; }
#g13-video-thumbs a.active, #g13-video-thumbs a:hover { color:#f7c722; background-position:0 0; }
#g13-video-thumbs a + a { margin-top:12px; }
#g13-video-thumbs a.comingsoon, #g13-video-thumbs a.comingsoon:hover { color:#948d88; background-position:0 -193px; }
.g13video1 { background-image:url(../img/g15teaser/btn-1.png); }
.g13video2 { background-image:url(../img/g15teaser/btn-2.png); }
.g13video3 { background-image:url(../img/g15teaser/btn-3.png); }
#g13-bottom-links { clear:left; padding:33px 20px 0 143px; }
#g13-more-info { color:#7a2906; font-weight:bold; }
#g13-noshow { float:right; line-height:16px; color:#230d00; background:url(../img/g15teaser/dont-check-btn.png) 0 0 no-repeat;text-indent:-9999px;height:16px;width:124px; }
#g13-noshow.checked { background-position: 0 bottom; }
#mb-popup.g13popup #mb-popup-close { height:31px; width:31px; top:-12px; right:-12px; background:url(../img/g15teaser/close-btn.png) 0 0 no-repeat; }
#mb-popup.g13popup + #mb-screen { background-image:url(../img/bg/black-75.png); }

/* Karma Koin Module */
#kk-module { width: 300px; height: 300px; margin: 9px 10px 20px; padding-top: 1px; background: transparent url(../img/bg/karma-koin.png) 0 0 no-repeat; clear: both; }
#kk-module a { width: 100%; height: 100%; text-indent: -9999px; display: block; }

/* Promo Module */
#m-promo { width: 300px; height: 300px; margin: 9px 10px 20px; padding-top: 1px; background: transparent url(../img/bg/promo.png) 0 0 no-repeat; clear: both; }
#m-promo a { width: 100%; height: 100%; text-indent: -9999px; display: block; }