@charset "utf-8";
@import url(../css/reset.css);
@import url(../css/lightbox.css);
@import url(http://fonts.googleapis.com/css?family=Monda|Fjalla+One);
BODY { min-width:1000px }

/* HOME PAGE HEADER */
#header h1 {top:60px; left:-1px;  }
#m-header { overflow:hidden; height:197px;/*347 when expanded*/ width:980px; position:relative; }
#m-signup-download { display:none; z-index:1200;padding-top:206px;position:relative;width:213px }
#btn-download,#btn-guide{ display:block; width:213px; height:49px; text-indent:-9999px; background:url(../img/btn/sprite-btn-intro.png) 0 0 no-repeat;margin-bottom:2px }
#btn-signup{width:216px;height:60px;background:url(../img/btn/expanded-btn-play.png) no-repeat;text-indent:-9999px;display:block;margin:0 0 5px}
	#btn-signup:hover{background-position:0 100%}
#btn-download { background-position:0 -49px;display:none }
	#btn-download:hover { background-position:100% -49px; }
#btn-guide{background-position:0 -98px}
	#btn-guide:hover{background-position:100% -98px}
#m-intro { z-index:1000; display:none;/*JS will display when needed*/ top:27px; left:240px; width:501px; height:288px; position:absolute; }
	#m-intro-top{background:url(../img/bg/m-intro-top.png) 0 0 no-repeat;width:542px;height:16px;position:absolute;z-index:1001;top:20px;left:220px;display:none }
	#m-intro-le{background:url(../img/bg/m-intro-le.png) 0 0 no-repeat;width:7px;height:266px;position:absolute;z-index:1001;top:38px;left:235px;display:none}
	#m-intro-re{background:url(../img/bg/m-intro-re.png) 0 0 no-repeat;width:7px;height:266px;position:absolute;z-index:1001;top:38px;left:738px;display:none}
	#m-intro-bot{background:url(../img/bg/m-intro-bot.png) 0 0 no-repeat;width:542px;height:15px;position:absolute;z-index:1001;top:307px;left:220px;display:none}
	/*use the following commented styles when the following elements are INSIDE m-intro
	#m-intro-top{background:url(../img/bg/m-intro-top.png) 0 0 no-repeat;width:542px;height:16px;position:absolute;z-index:1001;top:-5px;left:-19px }
	#m-intro-le{background:url(../img/bg/m-intro-le.png) 0 0 no-repeat;width:7px;height:266px;position:absolute;z-index:1001;top:11px;left:-5px}
	#m-intro-re{background:url(../img/bg/m-intro-re.png) 0 0 no-repeat;width:7px;height:266px;position:absolute;z-index:1001;top:11px;right:-5px}
	#m-intro-bot{background:url(../img/bg/m-intro-bot.png) 0 0 no-repeat;width:542px;height:15px;position:absolute;z-index:1001;bottom:-5px;left:-19px}	*/
#m-intro #v-player{position:relative;z-index:1000}
#m-header.open{background:url(../img/bg/m-intro-expanded.png) 100% 0 no-repeat;width:1080px;}
#m-new-btn { z-index:1200; text-indent:-9999px; cursor:pointer; position:absolute; top:11px; right:10px; width:164px; height:38px; background:url(../img/btn/sprite-btn-intro.png) 0 -147px no-repeat; }
	#m-new-btn:hover { background-position:0 -185px; }
#m-header.open #m-new-btn { background-position:-164px -147px; right:110px}
	#m-header.open #m-new-btn:hover {background-position:-164px -185px; }
	
/* ROTATING BANNERS */
#m-events {position:absolute;z-index:3;top:0;height:197px;width:960px;overflow:hidden;}
#m-events-ban {position:absolute;}
	#m-events-ban li {z-index:3;position:absolute;left:0;top:0;height:197px;width:960px;}
	#m-events-ban li.active {display:block;z-index:4}
#m-events-controls-container{position:relative;z-index:7;top:156px;left:850px;height:40px;padding-left:19px}	
#m-events-controls {position:absolute}
	#m-events-controls li {text-indent:-9999px;width:24px;height:23px;margin-right:-2px;background:url(../img/btn/btn-m-events.png) 0 0 no-repeat;float:left;cursor:pointer}
		#m-events-controls li.active, #m-events-controls li:hover {background-position:0 100%;}
	#m-events-controls li + li{background-position:-30px 0}
		#m-events-controls li + li.active, #m-events-controls li + li:hover{background-position:-30px 100%}
	#m-events-controls li + li + li{background-position:-60px 0}
		#m-events-controls li + li + li.active, #m-events-controls li + li + li:hover{background-position:-60px 100%}
	#m-events-controls li + li + li +li{background-position:-90px 0}
		#m-events-controls li + li + li +li.active, #m-events-controls li + li + li +li:hover{background-position:-90px 100%}
	#m-events-controls li + li + li + li + li{background-position:-120px 0}
		#m-events-controls li + li + li + li + li.active, #m-events-controls li + li + li + li + li:hover{background-position:-120px 100%}
	#m-events-controls li + li + li + li + li + li{background-position:-150px 0}
		#m-events-controls li + li + li + li + li + li.active, #m-events-controls li + li + li + li + li + li:hover{background-position:-150px 100%}
#event-fadeout{background:url(../img/bg/banner-fade.png) no-repeat;position:absolute;width:44px;height:196px;z-index:10;left:-15px;top:0;display:none}
	
/*FEATURED ITEMS*/
#m-featured{width:282px;height:255px;padding:45px 0 0 18px;margin:0 7px 0 0;float:left;display:inline; background:url(../img/bg/sprite-modules.png) -300px 0 no-repeat;position:relative }
#m-featured-display{border:solid 1px #2b2b2b;width:262px;height:151px;margin-bottom:10px}
#m-featured-carousel{width:228px;height:53px;position:relative;overflow:hidden;float:left;margin:10px 0 0 }
	#m-featured-carousel ul{position:absolute;top:0;left:0;}
	#m-featured-carousel li{float:left;width:72px;height:53px;margin-right:6px}
#m-featured-prev, #m-featured-next{background:url(../img/btn/btn-featured-items.png) no-repeat;width:18px;height:76px;text-indent:-9999px;float:left;cursor:pointer}
#m-featured-next{background-position:100% 0;}
	
/* SOCIAL NETWORK MODULE */
#m-sns { width:300px; height:40px; margin:0 0 4px 8px;  float:left; background:url(../img/bg/sprite-modules.png) -600px -300px no-repeat;}
#m-sns h2 { display:none; }
#m-sns a { text-decoration:none; text-indent:-9999px; display:block; margin:3px 7px 0 0; width:32px; height:30px; float:right; }


/* ADVERTISEMENT BLOCK */
#m-nxad { position:relative; width:300px; margin:0 0 0 7px ;  float:left; height:270px }
#m-nxad-wrap { line-height:0; font-size:0; position:relative;  width:302px; height:250px; }
#m-nxad-wrap img[width='1'] { display:none; }
#m-nxad-wrap .adtech_container{border:1px solid #1f1d1d;}
#m-nxad-text { text-align:center;text-transform:uppercase;font-size:8px }

/* RANKINGS */
#m-ranks { width:270px; height:254px; padding:46px 0 0 30px; margin:12px 11px 12px 9px; float:left; overflow:hidden;  background:url(../img/bg/sprite-modules.png) -600px 0 no-repeat; }
#m-ranks h2 { display:none; }
.m-ranks-head{color:#baac7b;font-weight:bold;float:left}
.m-ranks-head span{text-align:center;float:left}	
	.m-ranks-head span.rank{width:54px;}
	.m-ranks-head span.server{width:90px}
	.m-ranks-head span.player{width:110px}
.m-ranks-list{float:left;line-height:24px;padding-top:7px}
.m-ranks-list span{text-align:center;float:left}	
	.m-ranks-list span.rank{width:54px;}
	.m-ranks-list span.server{width:90px}
	.m-ranks-list span.player{width:110px}
#m-ranks .more{color:#5673b4;font-size:11px;background:url(../img/misc/arrow.png) 100% 7px no-repeat;padding-right:7px;text-transform:lowercase;clear:both;float:right;margin:7px 16px 0 0}


/* NEWS MODULE */
#m-news-top{width:620px;height:43px;background:url(../img/bg/m-news.png) no-repeat;margin-top:1px;}
	#m-news-top h2 { display:none; }
#m-news-body { width:610px; padding:0 5px;margin:0; float:left; overflow:hidden; background:url(../img/bg/m-news-body.png) repeat-y transparent; min-height:550px}
#m-news-bot{width:620px;height:17px;background:url(../img/bg/m-news.png) 0 -43px  no-repeat;margin:0 0 10px 0;clear:both}
#m-news-body table { border:#fff; }

/* NEWS LIST ITEM */
#m-news-list { clear:both; padding-left:13px}
#m-news-list li { background: url(../img/bg/news-divider.jpg) no-repeat 50% 100%; position:relative;width:582px;float:left;padding:4px 0 18px}
#m-news-list .expander{width:14px;height:14px;background:url(../img/btn/btn-expander.png) no-repeat;float:left; margin:6px 6px 0 0;}
#m-news-list .expander+span{background:#000000;padding:0 6px 0 4px;font-size:10px;float:right;text-transform:capitalize;width:86px;text-align:center;line-height:14px;color:#494622;margin-top:6px}
#m-news-list h3{cursor:pointer;white-space:nowrap;overflow:hidden;max-width:404px;color:#5673b4;font-size:16px;float:left;font-weight:normal;}
#m-news-list .date{clear:left;float:right;color:#414c65;font-size:12px;padding:13px 0 0}
#m-news-list .share{clear:left;display:block;padding:13px 0 0}
#m-news-list .content{padding:5px 0 0}	
#m-news-list .summary{clear:both;color:#999;font-size:12px;padding-top:10px}
#m-news-list .more{color:#5673b4;font-size:13px;background:url(../img/misc/arrow.png) 100% 5px no-repeat;padding:0 7px;clear:both;}
#m-news-list .fl{float:left;margin-right:17px;width:160px;height:90px;}
/*when the items are hidden (not expanded), apply these styles*/
#m-news-list .hidden{height:12px;line-height:14px}
#m-news-list .hidden h3{color:#5673B4;font-size:13px;cursor:pointer;font-weight:bold;line-height:16px}
	#m-news-list h3:hover, #m-news-list .hidden h3:hover{color:#b2ceee;}
#m-news-list .hidden .date{font-size:11px;color:#414c65;float:left;clear:none;margin-left:15px;line-height:16px;padding:0}
#m-news-list .hidden .expander{background-position:100% 0}
#m-news-list .hidden .summary, #m-news-list .hidden .share{display:none}
/*Community Spotlight */
#m-news-list span.lonewolf-pack { color: #5980ab; }
#m-news-list span.merc-report { color: #954062; }
#m-news-list span.ao-confidential { color: #637a18; }
#m-news-list span.atlantica-blog { color: #30635e; }
#m-news-list span.mimir-report { color: #7d591b; }

/* NEWS TAGS 
#m-news-list .maintenance { color:#6e7a18 }
#m-news-list .announcements { color:#5980ab }
#m-news-list .updates {color:#954062 }
#m-news-list .event{ color:#7d591b }
#m-news-list .press {color:#30635e }*/

/* POLL MODULE */
#m-poll { width:145px; height:230px; padding:70px 120px 0 35px; margin:4px 11px 10px 0; float:left; overflow:hidden; background:url(../img/bg/sprite-modules.png) 0 -300px no-repeat; position:relative}
#m-poll h2 { display:none; }
#m-poll p { line-height:18px; color:#baac7b; font-size:13px; }
#m-poll a { display:block; text-indent:-9999px; width:100px;height:27px; background:url(../img/btn/btn-vote.png) no-repeat; position:absolute;left:100px;bottom:40px;}

/*PAST UPDATES (Teaser Links)*/
#past-updates-footer{border-top:solid 1px #171717;border-bottom:solid 1px #171717;width:740px;margin:0 auto 70px;padding:17px 0}
	#past-updates-footer ul{background:url(../img/btn/btn-past-updates.png) 0 100% no-repeat;width:532px;height:36px;margin:0 auto}	
	#past-updates-footer li{float:left;width:100px;height:36px}
		#past-updates-footer li+li+li{margin-right:10px}
	#past-updates-footer a{display:block;height:36px;width:100px;text-indent:-9999px}
	
/*MIGRATION MODULE*/
#m-migration{ background:url(../img/bg/sprite-modules.png) 0 -600px no-repeat;position:relative;float:left;overflow:hidden;margin:0 11px 0 9px;width:300px;height:300px}
#m-migration h2{display:none}
.btn-transfer-guide{background:url(../img/btn/btn-transfer-guide.png) no-repeat;width:163px;height:29px;text-indent:-9999px;display:block;margin:130px 0 30px 25px}
.btn-transfer-ndoors{background:url(../img/support/migration/btn-ndoors.png) no-repeat;width:250px;height:38px;text-indent:-9999px;display:block;margin:0 0 10px 25px}
.btn-transfer-ijji{background:url(../img/support/migration/btn-ijji.png) no-repeat;width:250px;height:38px;text-indent:-9999px;display:block;margin-left:25px}
.btn-transfer-ndoors:hover, .btn-transfer-ijji:hover{background-position:100% 0}

/* At The Gates PopUp */
#popup.spelltower { width: 922px; height: 636px; padding: 0; margin-left: -461px; background: #000 url(../img/lightbox/thegates/thegates-bg.jpg) 0 0 no-repeat; left: 50%; }
#popup.spelltower #popup-close { width: 16px; height: 16px; background: transparent url(../img/lightbox/thegates/close-btn.png) 0 0 no-repeat; top: 16px; right: 17px; }
#thegates-popup { position: relative; }
#thegates-popup h1 { display: none; }
#thegates-popup iframe { margin-top: 142px; }
#explore-btn { width: 270px; height: 40px; margin: 32px auto 0; text-indent: -9999px; background: transparent url(../img/lightbox/thegates/explore-btn.png) 0 top no-repeat; display: block; }
#explore-btn:hover { background-position: 0 bottom; }
#thegates-popup input[type="checkbox"] { margin: -2px 3px 0 0; }
#checkbox { font-size: 12px; color: #4c7c81; position: absolute; right: 18px; bottom: -13px; }

/* Karma Koin Module */
#kk-module { width: 300px; height: 300px; margin: 0 11px 12px 9px; background: transparent url(../img/bg/atlantis_chest_main_banner.png) 0 0 no-repeat; }
#kk-module a { width: 100%; height: 100%; text-indent: -9999px; display: block; }

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

#main { background:#000 url(../img/main-bg.jpg) 50% 0 no-repeat }
.bg-transition { -webkit-transition: background 800ms ease-out; -moz-transition: background 800ms ease-out; -ms-transition: background 800ms ease-out; -o-transition: background 800ms ease-out; transition: background 800ms ease-out }
.wrap { position:relative; z-index:3; width:1000px; min-width:1000px; height:100%; margin:0 auto; padding:0 }
#main .ao-logo { position:absolute; top:8px; left:410px; z-index:100; width:180px; height:92px; display:block }
#main .btn-gotosite { position:absolute; top:0; right:2px; z-index:110; width:125px; height:24px; display:block; padding:5px 0 0 12px; color:#a4d4f6; font-size:12px; text-decoration:none; background:#2984b3 url(../img/main-arrow-gotosite.png) 120px 10px no-repeat }
#main .btn-gotosite:hover { background-color:#3c96c4 }
#main .check-donotshow { position:absolute; top:0; right:150px; z-index:110; width:135px; height:24px; display:block; padding:5px 0 0 12px; color:#2984b3; font-size:12px; text-decoration:none; background: url(../img/main-checkbox-donotshow.png) 123px 3px no-repeat; cursor:pointer }
#main .check-donotshow:hover { color:#3a9ed1 }
#main .checked { background-position:123px -21px }
#main .title-main { position:absolute; top:5px; left:0; width:100%; height:265px; background:url(../img/main-logo.png) 50% 0 no-repeat }
.nav-main { position:absolute; top:300px; left:0; width:100%; height:656px; background:url(../img/main-nav-bg.png) 50% 0 no-repeat }
.nav-main .title-phase { position:absolute; z-index:1; top:275px; left:0; width:100%; height:125px; background:url(../img/main-nav-nm.png) 50% 0 no-repeat }
.nav-main .cont-phase { float:left; position:relative; z-index:100; display:block; height:656px; margin:0; padding:0; background-position:50% 0; background-repeat:no-repeat; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; }
.nav-main .btn-phase-1 { width:328px; background-image:url(../img/main-nav-hv-content-1.png) }
.copyright { position:absolute; top:930px; left:0; width:100%; height:78px; background:url(../img/aona-copylight.png) 50% 0 no-repeat }
/*
.btn-phase-2 { width:328px; background-image:url(../img/main-nav-hv-content-2.png) }
.btn-phase-3 { width:328px; background-image:url(../img/main-nav-hv-content-3.png) }
*/

.nav-sub { position:fixed; top:0; right:0; z-index:999; width:18%; max-width:300px; min-width:217px; height:100%; border-left:1px solid #000; border-right:1px solid #000; background:url(../img/sub-nav-bg.png) 0 0 repeat }
.nav-sub .ao-logo { float:left; display:block; width:100%; height:122px; background:url(../img/sub-nav-ao-logo.png) 50% 1px no-repeat }
.nav-sub .btn-play { float:left; display:block; width:100%; height:90px; background:url(../img/sub-nav-btn-play.png) 50% 0 no-repeat }
.nav-sub .btn-play:hover { background-position:50% 100% }
.nav-sub .btn-phase { float:left; display:block; width:100%; height:46px; padding-top:15px; color:#464f5a; font-family:"Fjalla One", sans-serif; font-size:22px; text-align:center; text-transform:uppercase; background:url(../img/sub-nav-bg-phase.png) 50% 0 repeat-x }
.nav-sub #current-page { color:#747373 }
.nav-sub #current-page > span { color:#fff }
.nav-sub .btn-content { float:left; display:block; width:100%; height:29px; padding-top:7px; border-top:1px solid #1d1d1d; color:#3d3d3d; font-family:"Fjalla One", sans-serif; font-size:18px; text-align:center; text-transform:uppercase }
.nav-sub .selected { color:#7484fc !important }
.nav-sub .btn-gotosite { float:left; display:block; width:100%; height:32px; padding-top:10px; color:#4771b6; font-family:"Fjalla One", sans-serif; font-size:16px; text-align:center; text-transform:uppercase; background:url(../img/sub-nav-bg-gotosite.png) 50% 0 repeat-x }
.nav-sub .btn-gotosite:hover { color:#3c96c4 }

.cont-phase-content { position:relative; width:100% }
.wrap-phase-content { position:relative; z-index:3; width:1000px; min-width:1000px; height:auto; margin:0 auto; padding:0 }
.cont-text-bg { float:left; position:relative; width:100%; height:auto }
.line-text-bg { float:left; position:relative; width:100%; height:1px }

#phase1 { background:#000; height:100% }
.cont-phase-content .copyright { bottom:0px !important }
.content-phase1-1 { height:921px; background:url(../img/phase1-bg-1.jpg) 50% 0 no-repeat }
.content-phase1-2 {	height:1118px; background:url(../img/phase1-bg-2.jpg) 50% 0 no-repeat }
.content-phase1-3 { height:748px; background:url(../img/phase1-bg-3.jpg) 50% 0 no-repeat }
.content-phase1-4 { height:905px; background:url(../img/phase1-bg-4.jpg) 50% 0 no-repeat }
.content-phase1-5 { height:707px; background:#fff url(../img/phase1-bg-5.jpg) 50% 0 no-repeat }
.content-phase1-1 .cont-text-bg { margin-top:160px }
.content-phase1-1 .line-text-bg { background:url(../img/phase1-1-line-text.png) 50% 0 no-repeat }
.content-phase1-1 .body-text-bg { background:url(../img/phase1-1-body-text.png) 50% 0 repeat-y }
.content-phase1-1 .text-phase1-1 { width:760px; padding:20px 0; color:#000; line-height:20px }
.content-phase1-1 .img-phase1-1 { float:left; width:377px; height:390px; margin:30px 17px 0 0; background:url(../img/phase1-1-img-bg.png) 0 0 repeat }
.content-phase1-1 .text-phase1-2 { padding:10px; color:#73b0d6; line-height:20px }
.content-phase1-2 .cont-new-character-1 { position:absolute; top:170px; left:300px; width:560px; height:auto }
.content-phase1-2 .cont-new-character-2 { position:absolute; top:680px; left:10px; width:560px; height:auto }
.content-phase1-2 .name-character { float:left; position:relative; width:100%; height:60px; color:#d5af29; font-size:36px; font-weight:bold; text-transform:uppercase }
.content-phase1-2 .text-character { float:left; position:relative; width:100%; height:auto; margin-top:10px; color:#bdab94; font-size:13px }
.content-phase1-2 .strong { color:#d5af29; font-weight:bold; text-transform:uppercase; padding-right:10px }
.content-phase1-2 .icon-character { float:left; position:relative; width:510px; height:auto; min-height:40px; margin-top:10px; padding-left:45px; color:#bdab94; font-size:13px; background-repeat:no-repeat; background-position:0 4px }
.content-phase1-2 .icon-1 { background-image:url(../img/phase1-2-icon1.gif) }
.content-phase1-2 .icon-2 { background-image:url(../img/phase1-2-icon2.gif) }
.content-phase1-2 .icon-3 { background-image:url(../img/phase1-2-icon3.gif) }
.content-phase1-2 .icon-4 { background-image:url(../img/phase1-2-icon4.gif) }
.content-phase1-2 .icon-5 { background-image:url(../img/phase1-2-icon5.gif) }
.content-phase1-2 .icon-6 { background-image:url(../img/phase1-2-icon6.gif) }
.content-phase1-3 .cont-new-mercenary { position:absolute; top:230px; left:10px; width:560px; height:auto }
.content-phase1-3 .text-mercenary { float:left; position:relative; width:100%; height:auto; margin-top:10px; color:#73b0d6; font-size:13px }
.content-phase1-3 .strong { color:#abb720; font-weight:bold; text-transform:uppercase; padding-right:10px }
.content-phase1-3 .icon-mercenary { float:left; position:relative; width:360px; height:auto; min-height:40px; margin-top:10px; padding-left:45px; color:#73b0d6; font-size:13px; background-repeat:no-repeat; background-position:0 4px }
.content-phase1-3 .icon-1 { background-image:url(../img/phase1-3-icon1.gif) }
.content-phase1-3 .icon-2 { background-image:url(../img/phase1-3-icon2.gif) }
.content-phase1-3 .icon-3 { background-image:url(../img/phase1-3-icon3.gif) }
.content-phase1-4 .cont-weapon { position:absolute; top:270px; left:360px; width:440px; height:auto }
.content-phase1-4 .text-weapon { float:left; position:relative; width:100%; height:auto; margin-top:10px; color:#97a7d1; font-size:13px }
.content-phase1-4 .strong { color:#a28eda; font-weight:bold; font-size:20px; text-transform:uppercase; padding-right:10px; line-height:24px }
.content-phase1-5 .cont-boss { position:absolute; top:148px; left:10px; width:480px; height:auto }
.content-phase1-5 .text-boss { float:left; position:relative; width:100%; height:auto; margin-top:10px; color:#bdab93; font-size:13px }
.content-phase1-5 .copyright { position:absolute; top:630px; left:0; width:100%; height:78px; background:url(../img/aona-copylight.png) 50% 0 no-repeat }