html, body, ul, li, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; border: 0; }
ul { list-style-type: none; }

/* LEFT NAV CONTAINER */
#nav-main { float: left; width: 135px; margin-top: -0px; margin-bottom: -0px; overflow: hidden; }

/* LEFT NAV FIRST LEVEL */
#nav-primary a img { border: 0; }
#nav-primary a.nav-primary-button { display: block; width: 135px; height: 32px; text-indent: -5000px; overflow: hidden; }
#nav-home { background: url('../images/nav/btn_home.png') center no-repeat; }
#nav-news { background: url('../images/nav/btn_news.png') center no-repeat; }
#nav-gamebackground { background: url('../images/nav/btn_background.png') center no-repeat; }
#nav-newplayerguide { background: url('../images/nav/btn_guide.png') center no-repeat; }
#nav-thelibrary { background: url('../images/nav/btn_library.png') center no-repeat; }
#nav-community { background: url('../images/nav/btn_community.png') center no-repeat; }
#nav-downloads { background: url('../images/nav/btn_downloads.png') center no-repeat; }
#nav-support { background: url('../images/nav/btn_support.png') center no-repeat; }
#nav-myaccount { background: url('../images/nav/btn_account.png') center 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-trinary-expand.gif') right center no-repeat; }
.nav-secondary a.nav-expand:hover { background: url('../images/nav/nav-trinary-expand.hover.gif') right center no-repeat; }
.nav-secondary a.nav-collapse { background: url('../images/nav/nav-trinary-collapse.gif') right center no-repeat; }
.nav-secondary a.nav-collapse:hover { background: url('../images/nav/nav-trinary-collapse.hover.gif') right center no-repeat; }

.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; }

/* PROMO BOX */
#promo { float: left; 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 p { margin: 0px 10px 0px 0px; }
.promo-blurb .promo-body { margin-top: 5px; font-size: 12px; }
.promo-blurb .promo-link { position: absolute; float: left; display: inline; margin-top: 5px; clear: both; font-size: 11px; }
.promo-blurb .promo-link a { font-size: 12px; color: #56c8d0; }
.promo-blurb li { margin-left: 15px; list-style-type: disc; }