@charset "utf-8"; 
* { margin:0; padding:0; border:none; outline:none; }
#GnbMenus { text-align:left; }
body { padding-top:31px; position:relative; color:#333; background:url(../img/bg.jpg) center 31px no-repeat #020202; font:13px/16px 'Lucida Grande','Lucida Sans Unicode',Tahoma, sans-serif; text-shadow:1px 1px 0 #e3e3e3; text-shadow:1px 1px 0 rgba(255, 255, 255, .4); }
h1, h2, h3, h4, h5, h6, b, strong { font-family:'Lucida Grande','Lucida Sans', Tahoma, sans-serif; }
h1 { background:url(../img/logo.png) no-repeat; width:405px; height:188px; text-indent:-9999px; margin:auto; }
h2 { background:url(../img/stage2.png) 50% 50% no-repeat; width:560px; height:88px; text-indent:-9999px; margin:-20px auto 0; text-indent:-9999px; }
h4 { font-size:13px; font-weight:bold; text-transform:uppercase; margin-top:20px; }
p { margin-bottom:10px; clear:both; }

#wrap { margin:0 auto; position:relative; width:1051px; }

/*Main Navigation (will be updated as we add more phases*/
#nav { padding-left:33px; height:117px; background:url(../img/header.png) 0 0 no-repeat; }
#nav li { float:left; }
#nav a { width:270px; height:89px; display:block; text-indent:-9999px; background-repeat:no-repeat; background-position:0 0; margin-top:-5px; }
#nav a:hover { background-position:50% 0; }
#nav a.active { background-position:100% 0; }
#btn-phase1 { background-image:url(../img/btn-phase1.png); margin-right:10px; }
#btn-phase2 { background-image:url(../img/btn-phase2.png); margin-right:10px; }
#btn-phase3 { background-image:url(../img/btn-phase3.png); }
#btn-phase2.coming-soon,
#btn-phase3.coming-soon { background-image:url(../img/btn-cs.png); cursor:default; }
#inner-content { height:100%; margin-top:-28px; padding-bottom:30px; }/*declare this to avoid some ie7 issues*/
#content-footer { background:url(../img/footer.png) 0 0 no-repeat; height:34px; }

/*Home Page*/
#vplayer { padding:37px 0 0 138px; width:777px; height:495px; }/*Main Page Video Player*/

/*Phase 1 Story Page (New Maple World)*/
body.new-maple-world #inner-content { padding:20px 55px 30px; }
body.new-maple-world .hr { margin-bottom:20px; }

/* general styles */
#inner-content .hr { margin-bottom:20px; }
#inner-content h3 { background:#043785; color:#ffe900; float:left; font-size:13px; text-transform:uppercase; padding:6px 10px; text-shadow:none; }
.list-base > li { margin-left:30px; }
.list-indent > li { list-style:none; margin-left:15px; font-weight:normal; text-transform:none; }
.list-blue > li { list-style-type:disc; color:#043785; margin-left:30px; }

/*Phase 2 Story Page (Rise of the Resistance) */
#content { background:url(../img/repeating.png) 0 0 repeat-y; position:relative; }
#subnav { width:132px; height:1300px; float:left; margin:-28px 0 0 34px; background:url(../img/subnav-bg.png) -2px 0 no-repeat; }
#subnav a { display:block; height:18px; padding:15px 0 16px 30px; text-decoration:none; color:#003865; font-weight:bold; text-transform:uppercase; background-position:0 100%; background-repeat:no-repeat; }
#subnav a.active { background-image:url(../img/subnav.png); }
#subnav a + a { padding-top:16px; }
#subnav + #inner-content { padding-top:20px; float:left; width:830px; }

/* PHASE 2 VIDEOS */
.skill-video { width:511px; height:321px; float:left; margin-bottom:20px; }
.skill-desc { width:300px; float:left; }
.video-holder { width:491px; height:321px; background:url(../img/skill-video.png) 0 0 no-repeat; }
.video-footer-image { position:absolute; bottom:0; left:34px; right:35px; height:254px; background:url(../img/video-footer.png) 0 0 no-repeat; }

/*Events Page*/
#inner-content.event { padding:0 35px 50px 34px; background:url(../img/event-footer.png) 34px 100% no-repeat; }
#inner-content.event h3 { float:none; text-indent:-9999px; height:62px; padding:0; }
#inner-content.event1 h3 { background:url(../img/event-1-header.png) 0 0 no-repeat; }
#inner-content.event2 h3 { background:url(../img/event-2-header.png) 0 0 no-repeat; }
#inner-content.event3 h3 { background:url(../img/event-3-header.png) 0 0 no-repeat; }
#inner-content .event-body { padding:30px 30px 50px; }
#prizes { background:url(../img/alpha50.png); padding:15px; margin-bottom:20px; }
#prizes strong { color:#043785; }
#prizes em { font-weight:bold; font-style:normal; }
#prizes a { color:#043785; font-size:11px; margin-top:5px; display:block; }

/*Buttons*/
#btn-main { background:url(../img/btn-back-to-main.png) no-repeat; width:308px; height:71px; text-indent:-9999px; margin:0 auto; display:block; }
#btn-submit { background:url(../img/btn-submit.png) no-repeat; width:248px; height:41px; text-indent:-9999px; margin:0 auto; display:block; }
#btn-event1 { background:url(../img/btn-event3.png) no-repeat; width:166px; height:179px; text-indent:-9999px; position:absolute; right:-85px; top:0; }
#btn-event1.active { background-position:100% 0; }
#copyright { background:url(../img/copyright.png) no-repeat; width:413px; height:19px; text-indent:-9999px; margin:35px auto 20px; display:block; }

/*Misc*/
.nub { width:14px; height:5px; background:url(../img/nub.png) no-repeat; display:block; clear:both; margin:0 0 10px 10px; }
.cl { clear:both; }
.cfix { margin:0; padding:0; font-size:1px; line-height:0px; clear:both; }
.hr { background:url(../img/1x2.png) repeat-x; height:2px; clear:both; }
.last { margin-bottom:20px; }