@font-face { font-family: "Serpentine_Sans_ICG_Light_Oblique"; src: url(../img/Serpentine_Sans_ICG_Light_Oblique.ttf); }
body { background: #040b13 url(../img/bgRepeat.jpg) center top repeat-x; padding: 0; margin: 0; }
ul, li { padding: 0; margin: 0; list-style: none; }
#wrapper { width: 100%;   }
#header { width: 100%; min-height: 315px; background: url(../img/bg.jpg) center top no-repeat; }
#header img { display: block; margin: 0 auto; position: relative; top: 230px; }
#header img { position: relative; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
#header img:hover { top: 225px; }
#navigation { width: 100%; height: 69px; background: url(../img/navigationBgRepeat.jpg) center top repeat-x; padding: 15px 0 15px 0; }
.navigationInner { width: 1033px; height: 41px; background: url(../img/navigationBg.jpg) center top no-repeat; margin: 0 auto; }
.navigationInner ul { width: 1033px; }
.navigationInner ul li { width: 90px; height: 43px; float: left; overflow: hidden; }
.navigationInner ul li a { display: block;  }
.navigationInner ul li img { position: relative; top: 16px; left: 70px; }
.navigationInner ul li:nth-child(1) { width: 160px; }
.navigationInner ul li:nth-child(2) { width: 142px; }
.navigationInner ul li:nth-child(2) img { left: -90px; }
.navigationInner ul li:nth-child(3) { width: 142px; }
.navigationInner ul li:nth-child(3) img { left: -228px; }
.navigationInner ul li:nth-child(4) { width: 142px; }
.navigationInner ul li:nth-child(4) img { left: -378px; }
.navigationInner ul li:nth-child(5) { width: 142px; }
.navigationInner ul li:nth-child(5) img { left: -515px; }
.navigationInner ul li:nth-child(6) { width: 142px; }
.navigationInner ul li:nth-child(6) img { left: -655px; }
.navigationInner ul li:nth-child(7) { width: 142px; }
.navigationInner ul li:nth-child(7) img { left: -790px; }
.navigationInner ul li:hover img { top: -14px; }
#container { width: 1155px; margin: 0 auto; margin-top: -30px; }
.containerLeft { width: 311px; height: 1509px; float: left; background: url(../img/containerLeftBg.jpg) center top no-repeat; }
.containerMiddle { width: 535px; min-height: 1509px; float: left; }
.containerRight { width: 298px; height: 1509px; float: left; margin-left: 0px; background: url(../img/containerRightBg.jpg) center top no-repeat; }
.containerRightInner { width: 249px; height: 1509px; }
.containerMiddleInner { width: 535px; min-height: 1465px; background: url(../img/containerTop.png) center top repeat-y; position: relative; padding: 10px; -wekbit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; color: #FFF; }
.containerMiddleBottom { width: 535px; height: 45px; background: url(../img/containerBottom.png) center top no-repeat; position: relative; top: 0px; }
.containerLeftInner { width: 247px; height: 1509px; margin-left: 62px; }
#adminmenu { margin-bottom: 4px; }
#adminmenu, #submenu { background: #2a90cd; padding: 5px; border-radius: 3px; box-shadow: 0 2px 0 #154765; }
#adminmenu, #submenu { color: #FFF; }
#adminmenu a, #submenu a { color: #FFF; text-shadow: 0 1px 0 #000; }

h2, h3 { color: #FFF; font-family: "Serpentine_Sans_ICG_Light_Oblique"; font-size: 150%; letter-spacing: 0px; }

.generic-form { background: #2a90cd; border: 1px solid #154765; }
.generic-form-table { background: #2a90cd; }
.generic-form-table td p { color: #FFF; padding: 0px; }

.loginPanel { width: 100%; height: 243px; }
.quickNavigation { width: 100%; height: 245px; }
.quickNavigation ul { width: 170px; height: 140px; position: relative; top: 72px; margin: 0 auto; }
.quickNavigation ul li { width: 140px; height: 34px; overflow: hidden; }
.quickNavigation ul li img { position: relative; }
.quickNavigation ul li:nth-child(2) img { top: -35px; }
.quickNavigation ul li:nth-child(3) img { top: -68px; }
.quickNavigation ul li:nth-child(4) img { top: -103px; }
.quickNavigation ul li:hover img { left: -144px; }
.indexPage { position: relative; }

.welcomeImage { width: 100%; height: 200px; }
.video { width: 100%; height: 270px; }
.video iframe { width: 315px; height: 180px; position: relative; top: 44px; left: 108px; }

.top5Guilds, .top5Players { width: 100%; height: 316px; }
.top5Guilds table, .top5Players table { width: 150px; margin: 0 auto; color: #85c6dc; font-family: "Arial"; font-weight: bold; position: relative; top: 65px; left: 20px; }

.top5Guilds table tr td, .top5Players table tr td { width: 110px; height: 42px; line-height: 10pt; vertical-align: middle; }
.top5Guilds table tr td.emblem { width: 40px; height: 40px; }
.top5Players table tr td.sex { width: 55px; height: 40px; overflow: hidden; display: inline-block; padding: 4px 4px 4px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.videoBg { width: 537px; height: 481px; background: url(../img/videoBg.jpg) center top no-repeat; }
.videoBg img { position: relative; top: 74px; left: 41px; }
.welcomeNote { width: 535px; height: 229px; background: url(../img/welcomeNote.jpg) center top no-repeat; padding: 15px 0 0 30px; -wekit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.welcomeNote .heading { font-family: "Serpentine_Sans_ICG_Light_Oblique"; color: #c5f4ff; font-size: 11pt; margin: 20px 0; letter-spacing: 0px; }
.welcomeNote p { font-family: "Arial"; color: #658f9c; font-weight: bold; }
.newsEvents { width: 535px; height: 542px; background: url(../img/newsEventsBg.jpg) center top no-repeat; }
.newsEvents table { width: 330px; height: 135px; padding: 10px 0 10px 0; display: block; position: relative; top: 59px; left: 170px; -wekit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-bottom: 22px; color: #658f9c; font-weight: bold; font-family: "Arial"; }
.newsEvents table tr td span {  color: #ef9a51; font-weight: bold; }
.newsEvents table tr td a { display: block; color: #c5f4ff; font-family: "Serpentine_Sans_ICG_Light_Oblique"; margin-bottom: 5px; }
.newsEvents table tr td span.postedOn { color: #455a63; font-size: 8pt; display: inline-block; }
.rankings { width: 535px; height: 269px; background: url(../img/rankingsBg.jpg) center top no-repeat; position: relative; }

.top5Players { width: 100%; height: 317px; }
.liveChat { width: 100%; height: 188px; }
.chatBox { background: #FFF; width: 196px; height: 117px; position: relative; top: 47px; left: 27px; color: #000; }
.aboutUs { width: 100%; height: 200px; }
.aboutUsCont { width: 195px; height: 118px; position: relative; top: 53px; left: 27px; color: #000; padding: 5px; font-family: "Arial"; color: #658f9c; font-weight: bold; font-size: 7.5pt; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.loginPanelBox { width: 180px; height: 170px; position: relative; top: 50px; margin: 0 auto; }

.serverStatus { width: 100%; height: 246px; }
.woeSchedule { width: 100%; height: 246px; }
.agitFlags { width: 100%; height: 245px; }
.featuredItems { width: 100%; height: 243px; position: relative; }
.featuredItems #next, .featuredItems #prev { position: absolute; z-index: 1000; cursor: pointer; }
.featuredItems #prev { width: 48px; height: 48px; top: 105px; left: 15px; background: url(../img/prev.png) center top no-repeat; }
.featuredItems #prev:hover { background: url(../img/prevHover.png) center top no-repeat; }
.featuredItems #next { width: 48px; height: 48px; background: url(../img/next.png) center top no-repeat; top: 105px; right: 15px; }
.featuredItems #next:hover { background: url(../img/nextHover.png) center top no-repeat; }
.featuredItems .cycle-slideshow { width: 75px; height: 100px; position: relative; top: 82px; left: 85px; }

.screenShots { width: 100%; height: 243px; position: relative; }
.screenShots .slideshow { width: 124px; height: 103px; position: relative; top: 78px; left: 85px; }
.screenShots .slideshow img { width: 124px; height: 103px; }
#sprev, #snext { position: absolute; cursor: pointer; }
#sprev { width: 48px; height: 48px; top: 85px; left: 25px; background: url(../img/prev.png) center top no-repeat; }
#snext { width: 48px; height: 48px; top: 135px; left: 25px; background: url(../img/next.png) center top no-repeat; }
#sprev:hover { background: url(../img/prevHover.png) center top no-repeat; }
#snext:hover { background: url(../img/nextHover.png) center top no-repeat; }

.facebook { width: 100%; height: 290px; }
.facebook iframe { background: #FFF; width: 190px !important; height: 180px !important; position: relative; top: 68px; left: 27px; }

.onlinestatus { width: 100%; height: 180px; position: relative; top: 60px; }
.onlinestatus ul li { width: 100%; height: 28px; }
.onlinestatus ul li:nth-child(1) img { position: relative; top: 0px; left: 110px; }
.onlinestatus ul li:nth-child(2) img { position: relative; top: -2px; left: 110px; }
.onlinestatus ul li:nth-child(4) { height: 13px; }
.onlinestatus ul li:nth-child(5) { height: 20px; }
.onlinestatus ul li:nth-child(5), .onlinestatus ul li:nth-child(6) { color: #FFF; font-size: 11pt; font-family: "Arial"; font-weight: bold; text-indent: 137px; line-height: 15pt; }
.onlinestatus ul li img { position: relative; top: -3px; left: 110px; }

.woeTime { width: 220px; height: 50px; margin: 0 auto; position: relative; top: 50px; text-align: center; font-weight: bold; padding: 10px 0 0 0; color: #FFF; line-height: 16pt; font-family: "Arial"; font-size: 10pt; }
.woeStatus { width: 100%; height: 50px; position: relative; top: 50px; }
.woeStatus img { position: relative; left: 130px; top: 9px; }

.CastleLevel_1 { width: 220px; height: 80px; margin: 0 auto; position: relative; top: 50px; }
.CastleLevel_2 { width: 220px; height: 80px; margin: 0 auto; position: relative; top: 50px; }
.CastleLevel_1 ul li, .CastleLevel_2 ul li { width: 70px; height: 80px; float: left; }
.CastleLevel_1 ul li:nth-child(1) img, .CastleLevel_2 ul li:nth-child(1) img { position: relative; top: 30px; left: 35px; }
.CastleLevel_1 ul li:nth-child(2) img, .CastleLevel_2 ul li:nth-child(2) img { position: relative; top: 30px; left: 27px; }
.CastleLevel_1 ul li:nth-child(3) img, .CastleLevel_2 ul li:nth-child(3) img { position: relative; top: 30px; left: 20px; }
.CastleLevel_1 ul li img { top: 35px !important; }

.serverTime { width: 100%; height: 50px; position: relative; top: 50px; font-size: 10pt; font-family: "Arial"; font-weight: bold; color: #FFF; text-indent: 105pt; line-height: 35pt; }

.login_row table tr th { color: #85c6dc; font-weight: bold; text-align: left; padding-top: 8px; padding-bottom: 3px; font-family: "Arial"; font-size: 8pt; }
input.textClass { width: 168px; height: 19px; padding: 0; margin: 0; background: url(../img/inputBg.png) center top no-repeat; border: 0; color: #85c6dc; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-family: "Arial"; font-size: 8pt; }

.loginBtn { width: 100%; }
.loginBtn input[type="submit"] { width: 101px; height: 26px; background: url(../img/loginBtn.png) center top no-repeat; border: 0; outline: 0; overflow: hidden; cursor: pointer; display: block; margin: 10px auto 5px; }
.loginBtn input[type="submit"]:hover { background-position: 0 -29px; }
.accountButtons ul li a { color: #658f9c; font-size: 8pt; font-weight: bold;  font-family: "Arial"; display: block; padding: 0 8px; }
.accountButtons ul li:nth-child(1) { border-right: 1px solid #0c1217; }
.accountButtons ul li:nth-child(2) { border-left: 1px solid #03060b; }
.accountButtons ul li { float: left; }

.logged { color: #FFF; font-family: "Arial"; padding: 10px; }
.logged a { display: block; padding: 0 10px; color: #658f9c; font-weight: bold; background: #5ca9d6; padding: 5px 10px; border-radius: 25px; color: #FFF; text-shadow: 1px 1px 0 #000; box-shadow: 0 2px 0 #144764; margin-bottom: 6px; }
.logged a:hover { box-shadow: none; position: relative; top: 1px; }

.rankingLeft { width: 265px; height: 250px; float: left; }
.breaker, .gotm, .potm { width: 265px; height: 130px; }
.helper table, .breaker table, .gotm table, .potm table { width: 220px; height: 80px; display: block; position: relative; top: 35px; left: 20px; }
.helper table tr td, .breaker table tr td, .gotm table tr td, .potm table tr td { width: 120px; height: 80px; display: inline-block; }
.helper table tr td.image, .breaker table tr td.image, .gotm table tr td.image, .potm table tr td.image { width: 100px; height: 60px; display: inline-block; overflow: hidden; }
.helper table tr td.image, .breaker table tr td.image, .gotm table tr td.image, .potm table tr td.image { padding: 20px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.helper table tr td.desc, .breaker table tr td.desc, .gotm table tr td.desc, .potm table tr td.desc { padding: 15px 5px 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-weight: bold; }
.helper table tr td.desc .name, .breaker table tr td.desc .name, .gotm table tr td.desc .name, .potm table tr td.desc .name { color: #85c6dc; }
.helper table tr td.desc .kills, .breaker table tr td.desc .kills, .gotm table tr td.desc .kills, .potm table tr td.desc .kills { color: #d35454; font-weight: bold; }
.helper table tr td.desc span, .breaker table tr td.desc span, .gotm table tr td.desc span, .potm table tr td.desc span { display: block; margin-bottom: 2px; }
.gotm table tr td.image { position: relative; top: 10px; left: 15px; }
.helper table, .breaker table { top: 15px; }
.rankingRight { width: 265px; height: 250px; float: left; }
.breaker { width: 265px; height: 130px; }
.gotm {  width: 265px; height: 130px; }
.helper { width: 265px; height: 120px; }


.adjust { width: 513px; overflow: auto; }

.horizontal-table, .vertical-table { width: 100%; }
.horizontal-table tr th, .vertical-table tr th { background: #144764; padding: 6px; margin: 0px; border: 1px solid #34c0f7; }
.horizontal-table tr td , .vertical-table tr td { background: #2583ba; padding: 6px; margin: 0px; border: 1px solid #34c0f7; }
.horizontal-table tr th a, .horizontal-table tr td a , .vertical-table tr th a, .vertical-table tr td a { color: #FFF; font-weight: bold; }

.info-text, .search-form { background: #144764; color: #FFF; border: 1px solid #34c0f7; }
.search-form label { color: #FFF; }

.generic-form-table input[type="submit"], .generic-form-table button[type="submit"] { display: block; padding: 0 10px; color: #658f9c; font-weight: bold; background: #5ca9d6; padding: 5px 15px; border-radius: 2px; color: #FFF; text-shadow: 1px 1px 0 #000; box-shadow: 2px 2px 0 #144764; margin-bottom: 6px; border: 0; cursor: pointer; outline: none; }
.generic-form-table a { color: #FFF; }
.generic-form-table input[type="submit"]:hover, .generic-form-table button[type="submit"]:hover { box-shadow: none; top: 1px; position: relative; padding: 5px 14px; }
.footerInner { width: 800px; margin: 0 auto; padding-top: 20px; }
.footerLeft { width: 500px; float: left; color: #85c6dc; font-family: "Arial"; }
.footerRight { width: 300px; float: left; }

.clear { clear: both; }



@media ( max-width: 1155px ) {
	#wrapper { width: 1155px; }
}











#footer { height: 200px; }