@charset "utf-8";

/*RESETS*/

* {border: medium none;margin: 0;outline: medium none; padding: 0;}
ul, li, ol { list-style-type:none;}
a{text-decoration:none;cursor:pointer}
h1, h2{font-family:"Trajan Pro", "Lucida Sans Unicode", "Lucida Grande", Tahoma;font-weight:normal;}
p{font-family:"Lucida Sans Unicode", "Lucida Grande", Tahoma;}

/* SHORTCUTS */
.fl { float:left !important; }
.fr { float:right !important; }
.cl { clear:both !important; }
.al { text-align:left !important; }
.ar { text-align:right !important; }
.ac { text-align:center !important; }
.cfix { content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.dn { display:none; }


/*GLOBAL*/
html{background:url(../img/bg-home.jpg) #000 center 0 no-repeat;height:100%;margin-top:31px;}
body { color:#a69978; font:13px'Lucida Sans Unicode','Lucida Grande', Tahoma, sans-serif; }
#m-wrap{width:1015px;margin:0 auto;position:relative;}
#nav-wrap{height:72px; position:relative;width:937px;}
.margin-gnb {margin-top:-31px}


/*NAV*/ 
#nav {background:url(../img/sprite-nav.png) 0 -216px no-repeat;display:block;height:72px;width:937px;z-index:510;position:absolute;text-indent:-9999px;margin:377px 0 0 40px;}
#nav li{float:left;display:block;height:72px;z-index;310;}
#nav li a{background:url(../img/sprite-nav.png) no-repeat;text-index:-9999px; display:block;z-index:320;}
	#nav #n-guan a{background-position:0 0;width:331px;height:72px}
	#nav #n-mission a{background-position:-331px 0;width:283px;height:72px}
	#nav #n-teaser a{background-position:-614px 0;width:323px;height:72px}
	#nav #n-guan.active, #nav #n-guan a:hover {background:url(../img/sprite-nav.png) no-repeat;background-position:0 -144px;width:331px;height:72px}
	#nav #n-mission.active, #nav #n-mission a:hover{background:url(../img/sprite-nav.png) no-repeat;background-position:-331px -144px;width:283px;height:72px}
	#nav #n-teaser.active, #nav #n-teaser a:hover{background-position:-614px -144px;width:323px;height:72px}


/*MAIN*/
#content-wrap {width:1015px;}
#content-wrap h2{color:#a25d45; font-size:22px;}
#m-page-top{background:url(../img/m-page-top.png) no-repeat;width:1015px;height:265px;margin:324px 0 0 4px;}
#m-page{background:url(../img/m-page.png) repeat-y scroll;min-height:300px;margin-left:4px;position:relative;padding: 0 58px;}
#m-page-content{margin:-160px 0 20px 10px;float:left;}
#m-page-content img{float:left;margin:0 35px 45px 0;}
#m-page-content h1{color:#edbb48; font-size:35px;margin:-2px 0 6px 0;float:left;}
#m-page-content h2{color:#a25d45;font-size:22px;margin-bottom:15px;width:750px;}
#m-page-content p{line-height:1.7em}
.s-margin{margin-bottom:20px}
#m-page-bot{background:url(../img/m-page-bot.png) no-repeat;margin:0 0 36px 4px;width:1015px;height:31px;}
#goto {background:url(../img/btn-goto-main.png) no-repeat;clear:both;display:block;height:40px;width:297px;margin:0 auto 74px;text-indent:-9999px;}
#goto a{text-indent:-9999px; height:40px;width:297px;display:block;}
#footer{background:url(../img/nexon-ndoors-ci.png) no-repeat;width:690px;height:116px;margin:0 188px 116px;}

.magic {line-height:2.5em;border:1px solid #311c15;margin-bottom:20px;}
.magic td{padding:1px 0 0 15px;}
.magic td:first-child{background-color:#230001;font-size:15px;padding:14px 14px 0}
#m-page-content .magic img{margin:0 12px 10px 0 ;}
.last-row {border-bottom:1px solid #311c15;}

/*MISSIONS*/
#content-wrap h2.mission{font-size:26px; color:#edbb48;margin-bottom:25px;margin:-170px 0 30px;height:35px;width:600px;float:left;}
#mission-list{clear:both;margin-top:-111px;float:left;}
#mission-list li{margin-bottom:10px;}
#mission-list h3{cursor:pointer;background:url(../img/sprite-subnav.png) no-repeat;clear:both;text-indent:-9999px;height:41px;width:906px;display:block;margin-bottom:17px;}
#mission-list h3:hover{background:url(../img/sprite-subnav.png) -906px 0 no-repeat;}
#mission-list h3 a{width:16px;height:16px;background:url(../img/expander.jpg) no-repeat 100% 0;display:block;float:left;margin:12px 0 0 12px;}
#mission-list h3 a.expanded{background-position:0 0}
#mission-list h3.i-dou{background-position:0 -41px}
#mission-list h3.i-eight{background-position:0 -82px}
#mission-list h3.i-harbor{background-position:0 -123px}
#mission-list h3.i-arrows{background-position:0 -164px}
#mission-list h3.i-advisor{background-position:0 -205px}
#mission-list h3.i-spy{background-position:0 -246px}
#mission-list h3.i-xiao{background-position:0 -287px}
#mission-list h3.i-wind{background-position:0 -328px}
#mission-list h3.i-red{background-position:0 -369px}
#mission-list h3:hover.i-dou{background-position:-906px -41px}
#mission-list h3:hover.i-eight{background-position:-906px -82px}
#mission-list h3:hover.i-harbor{background-position:-906px -123px}
#mission-list h3:hover.i-arrows{background-position:-906px -164px}
#mission-list h3:hover.i-advisor{background-position:-906px -205px}
#mission-list h3:hover.i-spy{background-position:-906px -246px}
#mission-list h3:hover.i-xiao{background-position:-906px -287px}
#mission-list h3:hover.i-wind{background-position:-906px -328px}
#mission-list h3:hover.i-red{background-position:-906px -369px}

#mission-list img{float:left;margin:0 35px 35px 0;}
#mission-list span{color:#990e0b;font-weight:bold;}
#mission-list p{margin:0 0 10px 0;}
#mission-list .content{display:none;}
#mission-list .copy-last{margin-top:10px;}

/*VIDEO Popup*/
#popup {background:url(../img/bg-lightbox.jpg) no-repeat;width:793px;height:435px;z-index:1000;padding:49px 15px 13px 35px;left:49%;position:absolute;width:707px !important}
#popup label { cursor:pointer; display:block;margin:15px 0 0 -50px;text-align:center;}
#popup-close { z-index:2147483643; position:absolute; top:-10px; right:38px; width:22px; height:22px; background:url(../img/btn-close.png) 0 0 no-repeat; }
#screen { z-index:900; position:fixed; top:0; bottom:0; left:0; right:0; background:url(../img/solid-000-60.png) 0 0 repeat;}
.popup-caption{color:#d1b38f;font-size:13px;}