html, body, ul, li, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; border: 0; }
ul { list-style-type: none; }
body { background: #000 url('../images/background-legacy-home.jpg') top center no-repeat; font-family: sans-serif; color: #fff; }
/* body { background: #000 url('../images/body.bg.jpg') top center no-repeat; font-family: sans-serif; color: #fff; } */

#main { position: relative; width: 960px; margin: 0 auto; }

/* HEADER */
#header { margin-left: -16px; height: 270px; overflow: hidden; }
#header h1#logo { margin: 46px 0px 0px 7px; }
#header h1#logo a { display: block; width: 578px; height: 122px; background: transparent url('../images/h1.logo.bg.png') no-repeat; overflow: hidden; text-indent: -5000px; }

/* LEFT NAV CONTAINER */
#nav { float: left; display: inline; position: relative; background: url('../images/nav/nav.bg.png') repeat-y; margin: 51px 0px 0px -16px; padding: 32px 16px 14px 15px; }
#nav-top { position: absolute; top: -51px; left: 0px; background: url('../images/nav/nav.top.png') top no-repeat; width: 203px; height: 51px; z-index: -1; }
#nav-bottom { position: absolute; bottom: -50px; left: 0px; background: url('../images/nav/nav.bottom.png') bottom no-repeat; width: 203px; height: 50px; z-index: -1; }
#nav-main { float: left; width: 172px; margin-top: -51px; margin-bottom: -50px; overflow: hidden; }
/* LEFT NAV FIRST LEVEL */
#nav-primary a img { border: 0; }
#nav-primary a.nav-primary-button { display: block; width: 172px; height: 32px; text-indent: -5000px; overflow: hidden; }
#nav-primary a#nav-return { height: 51px; background: url('../images/nav/nav.buttons.png') center -286px no-repeat; }
#nav-home { background: url('../images/nav/nav.buttons.png') center 0px no-repeat; }
#nav-news { background: url('../images/nav/nav.buttons.png') center -32px no-repeat; }
#nav-gamebackground { background: url('../images/nav/nav.buttons.png') center -64px no-repeat; }
#nav-newplayerguide { background: url('../images/nav/nav.buttons.png') center -96px no-repeat; }
#nav-thelibrary { background: url('../images/nav/nav.buttons.png') center -128px no-repeat; }
#nav-community { background: url('../images/nav/nav.buttons.png') center -160px no-repeat; }
#nav-downloads { background: url('../images/nav/nav.buttons.png') center -192px no-repeat; }
#nav-support { background: url('../images/nav/nav.buttons.png') center -224px no-repeat; }
#nav-myaccount { background: url('../images/nav/nav.buttons.png') center -256px no-repeat; }
/* LEFT NAV SECOND LEVEL */
.nav-secondary { margin: 0px 0px 0px 3px; padding: 0px 0px 3px 0px; overflow: hidden; }
.nav-secondary a { display: block; line-height: 15px; vertical-align: middle; font-family: Verdana, sans-serif; font-size: 10px; color: #fff; text-decoration: none; }
.nav-secondary a:hover { color: #d2ba5b; }
.nav-secondary a.active { color: #d2ba5b; }
.nav-secondary a.nav-expand { background: url('../images/nav/nav.arrows.png') right 0px no-repeat; }
.nav-secondary a.nav-expand:hover { background: url('../images/nav/nav.arrows.png') right -15px no-repeat; }
.nav-secondary a.nav-collapse { background: url('../images/nav/nav.arrows.png') right -30px no-repeat; }
.nav-secondary a.nav-collapse:hover { background: url('../images/nav/nav.arrows.png') right -45px no-repeat; }
/* LEFT NAV THIRD LEVEL */
.nav-trinary { margin-left: 8px; overflow: hidden; }
.nav-trinary a { display: block; line-height: 15px; vertical-align: middle; font-family: Verdana, sans-serif; font-size: 10px; color: #bbb; text-decoration: none; }
.nav-trinary a.active { color: #d2ba5b; }
.nav-trinary a:hover { color: #d2ba5b; }

#partners { float: left; display: inline; clear: left; position: relative; margin: 64px 0px 0px -16px; padding: 0px 5px; }
#partner-brazil { display: block; text-indent: -5000px; overflow: hidden; width: 193px; height: 41px; background: url('../images/partner.brazil.png'); }

/* PROMO BOX */
#promo { float: right; display: inline; position: relative; margin: 8px -15px 0px 0px; padding: 14px 6px 12px 7px; overflow: hidden; }
#promo-frame { position: absolute; top: 0px; left: 0px; background: url('../images/promo.bg.png') no-repeat; width: 773px; height: 196px; }
#promo-carousel-nav { position: absolute; bottom: 21px; left: 458px; }
#promo-carousel-nav li { float: left; display: inline; margin-right: 2px; }
#promo-carousel-nav li a { display: block; width: 12px; height: 12px; background: #796c5d url('../images/promo-nav.bg.png') no-repeat; text-align: center; line-height: 12px; font-size: 8px; color: #000; text-decoration: none; outline: none; }
#promo-carousel-nav li.active a { color: #fff; }
#promo-carousel { display: block; width: 760px; height: 174px; overflow: hidden; background-color: #000; }
#promo-carousel li.promo-banner { display: block; width: 760px; height: 174px; }

.promo-graphic { float: left; width: 450px; height: 174px; background-color: #000; }
.promo-blurb { float: right; width: 310px; height: 174px; background-color: #000; }
.promo-blurb h2 { margin: 10px 10px 0px 0px; font-size: 28px; color: #ffbe54; /* color: #d2ba5b; */ font-family: serif; font-weight: lighter; }
.promo-blurb h2.smaller-header { font-size: 25px; }
.promo-blurb p { margin: 0px 10px 0px 0px; }
.promo-blurb .promo-body { margin-top: 5px; font-size: 12px; }
.promo-blurb .promo-link { position: relative; float: left; display: inline; margin-top: 5px; clear: both; font-size: 11px; width:300px; }
.promo-blurb .promo-link a { font-size: 12px; color: #56c8d0; }
.promo-blurb li { margin-left: 15px; list-style-type: disc; }

/* CONTENT BOX */
#content { float: right; display: inline; position: relative; background: url('../images/content.bg.png') repeat-y; margin: 38px -15px 35px 0px; padding: 6px 9px 9px 9px; }
#content-top { position: absolute; top: -36px; left: 0px; background: url('../images/content.top.png') no-repeat; width: 773px; height: 36px; }
#content-bottom { position: absolute; bottom: -33px; left: 0px; background: url('../images/content.bottom.png') no-repeat; width: 773px; height: 35px; }
#content-main { float: left; background: #00213b; width: 755px; margin-top: -36px; margin-bottom: -33px; overflow: hidden; }

/* FOOTER BOX */
#footer { float: right; display: inline; position: relative; background: url('../images/content.bg.png') repeat-y; margin: 40px -15px 35px 0px; padding: 6px 9px 9px 9px; }
#footer-top { position: absolute; top: -36px; left: 0px; background: url('../images/content.top.png') no-repeat; width: 773px; height: 36px; }
#footer-bottom { position: absolute; bottom: -33px; left: 0px; background: url('../images/content.bottom.png') no-repeat; width: 773px; height: 35px; }
#footer-main { position: relative; float: left; background: #00213b; width: 755px; margin-top: -36px; margin-bottom: -33px; overflow: hidden; }

#footer-ncsoft { float: right; display: inline; width: 102px; height: 90px; margin: 10px; background: url('../images/footer-ncsoft.png') right center no-repeat; text-indent: -5000px; }

#footer-rating-esrb { display: block; position: absolute; top: 9px; left: 10px; width: 164px; height: 73px; background: url('../images/footer-rating-esrb.png') no-repeat; text-indent: -5000px; }
#footer-rating-pegi { display: block; position: absolute; top: 9px; left: 204px; width: 124px; height: 73px; background: url('../images/footer-rating-pegi.png') no-repeat; text-indent: -5000px; }
#footer-rating-usk { display: block; position: absolute; top: 9px; left: 358px; width: 73px; height: 73px; background: url('../images/footer-rating-usk.png') no-repeat; text-indent: -5000px; }

#footer-rss { background: url("../images/footer-rss.png") no-repeat scroll left center transparent; bottom: 9px;color: #FFFFFF;display: block;font-size: 11px; height: 28px; left: 490px; padding-left: 31px; position: absolute; text-align: left; text-decoration: none;width: 110px;z-index: 1}
#footer-copyright {bottom: 41px;color: #FFFFFF;display: block;font-size: 10px;left: 192px;margin: 0;padding: 0;position: absolute;width: 445px;}

#footer-nav { position: absolute; bottom: 8px; left: 10px; margin: 0; padding: 0; display: block; overflow: hidden; z-index: 1; }
#footer-nav li { display: inline; }
#footer-nav li + li a { border-left: 1px solid white; margin-left: 2px; padding-left: 5px; }
#footer-nav a { font-size: 11px; color: #fff; text-decoration: none; }

/* CONTENT ARTICLES */
#news { float: left; display: inline; width: 410px; overflow: hidden; }
#news .section { padding: 5px 10px; overflow: hidden; }
#news .section h2 { background: url('../images/section.h2.bg.png') left bottom no-repeat; padding: 5px 0px; margin-bottom: 5px; font-size: 18px; font-weight: lighter; font-variant: small-caps; font-family: serif; color: #56c8d0; }
#news .article { float: left; display: inline; width: 390px; padding: 5px 0px; overflow: hidden; }
#news .article a { color: #43bcc6; text-decoration: none; }
#news .article-title { float: left; display: inline; font-size: 11px; font-weight: bold; color: #d2ba5b;  }
#news .article-date { float: right; display: inline; font-size: 11px; color: #56c8d0; }
#news .article-body { float: left; display: inline; clear: both; width: 390px; font-size: 11px; font-weight: normal; color: #d6d6d6; }
#news .article-body p { margin: 0px; }
#news .article-body p + p { margin-top: 10px; }
#news .article-link { float: left; display: inline; clear: both; font-size: 12px; }
#news .article-link a { font-size: 11px; color: #56c8d0; }
#news .new { padding-left: 28px; background: url('../images/new.gif') left center no-repeat; }

/* SOCIAL MEDIA BAR */
#socialmedia{padding: 6px 8px 0 0;display: block;position: relative;float: right;width: 257px;height: 36px;text-align: right;background: url('../images/socialmedia_bg.gif') 100% 0 no-repeat;}
#socialmedia li{margin: 0 3px 0;display: inline}
#socialmedia li a{display: inline-block;width: 23px;height: 23px;text-align: left;outline: none}
#socialmedia li a span{margin-left: -9999px}
#socialmedia li a.facebook{background: url('../images/socialmedia_facebook.gif') no-repeat;}
#socialmedia li a.twitter{background: url('../images/socialmedia_twitter.gif') no-repeat;}
#socialmedia li a.youtube{background: url('../images/socialmedia_youtube.gif') no-repeat;}
#socialmedia li a.rss{background: url('../images/socialmedia_rss.gif') no-repeat;}

#features { float: right; display: inline; width: 345px; padding-bottom: 10px }
#features .featured-item { float: right; display: inline; margin-top: 25px; margin-right: 7px; }
#features .featured-item:first-child { margin-top: 0 }
#features .featured-item a { float: right; display: inline; width: 333px; height: 156px; text-indent: -5000px; overflow: hidden; }
#features .featured-item #home-bucket-buy-now-gd { height: 198px;background: url('../images/home-buckets/l2_buy_now.jpg'); border: 1px solid #175667; }
#features .featured-item #home-bucket-buy-now { height: 198px;background: url('../images/home-buckets/L2_homepage_ad_bucket_oct.jpg'); border: 1px solid #175667; }
#features .featured-item #home-bucket-free-trial { background: url('../images/home-buckets/home-bucket-free-trial.jpg'); border: 1px solid #175667; }
#features .featured-item #home-bucket-videos { background: url('../images/home-buckets/home-bucket-videos.jpg'); border: 1px solid #175667; }
#features .featured-item #home-bucket-refer-a-friend { background: url('../images/home-buckets/home-bucket-refer-a-friend.jpg'); border: 1px solid #175667; }
#features .featured-item #home-bucket-game-time-cards { background: url('../images/home-buckets/home-bucket-game-time-cards.jpg'); border: 1px solid #175667; } 

/* GODDESS OF DESTRUCTION TEASER STYLES */
#gd-content{ margin-top:200px; margin-left:35px; width:900px; }	
#gd-left-container{ float:left; }
#gd-right-container{ float:right; }

/* SOCIAL BUTTONS LIST */
#gd-social li{padding-left:30px; height:50px; width:50px; }
#gd-social{ padding-top:245px; padding-left:50px; display: inline-block; width:250px; height:50px; }
#gd-social li{ display:inline; width:50px;  height:50px; }
#gd-social li a img{ border:none; }
#gd-video{ width:483px; height:302px; margin-top:30px; }

/* SOCIAL BUTTONS */
a.social1{ background: url("../images/gd-preview/youtube.png") no-repeat scroll center top transparent; display:inline-block; width:50px; height:49px; }
a.social1:hover{ background: url("../images/gd-preview/youtube.png") no-repeat scroll center bottom transparent; }
a.social2{ background: url("../images/gd-preview/facebook.png") no-repeat scroll center top transparent; display:inline-block; width:50px; height:49px; }
a.social2:hover{ background: url("../images/gd-preview/facebook.png") no-repeat scroll center bottom transparent; }
a.social3{ background: url("../images/gd-preview/twitter.png") no-repeat scroll center top transparent; display:inline-block; width:50px; height:49px }
a.social3:hover{ background: url("../images/gd-preview/twitter.png") no-repeat scroll center bottom transparent; }

/* GODDESS OF DESTRUCTION FOOTER */
#gd-footer{ margin-top: 300px; color:white; font-size:10px; }
#gd-footer-list li{ display:inline; padding-left:80px; }
#gd-footer p{ margin: 20px; text-align: center; }
#gd-footer img {border: none}
	
.promo-banner sup {font-size: 9px}