html, body {
 margin: 0;
 padding: 0;
 background: #111 url('eds.png') center right no-repeat fixed;
 color: #ffc;
}

a {
text-decoration: none;
color: #fc0;
}

a:hover {
text-decoration: underline;
color: #99f;
}

#ticker {
 width: 970px;
 height: 33px;
 margin: 0 auto 20px;
 background: #000;
 color: #ccc;
 border-bottom: 3px solid #fc0;
 text-align: center;
 overflow: hidden;
}

#ticker p {
margin-top: 5px;
padding: 0;
}

#ticker p em {
 font-style: normal;
 font-weight: bold;
 color: #fff;
}

#banner {
 width: 970px;
 height: 188px;
 background: url('banner.png') center center no-repeat;
 margin: 20px auto;
}

#banner span { display: none; }

#frame {
 width: 970px;
 margin: 0 auto;
}

#content {
 width: 770px;
 margin: 0;
 padding: 10px;
 background: #000;
 float: right;
}

#nav {
 width: 170px;
 background: #000;
 padding: 10px 0;
 float: left;
}

#footer {
 clear: both;
 font-size: 10px;
 padding: 20px 0;
 text-align: center;
}

#nav h1 {
height: 25px;
font-family: Verdana;
text-align: center;
font-size: 11px;
color: #fc0;
background: url('cellpic3.gif') repeat-x;
padding-top: 5px;
margin: 0;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav ul li,
#nav ul li h2 {
margin-left: 15px;
margin-bottom: 10px;
padding: 0;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}

#nav ul li h2 {
margin-left: 0px;
}

.intro {
border-bottom: 1px dotted #99f;
margin-bottom: 25px;
}

.news {
border-bottom: 1px dotted #fc0;
margin: 25px;
margin-top: 0px;
}

#content h1 {
margin: 0;
padding: 0;
border-bottom: 1px dotted #99f;
font-variant: small-caps;
text-align: center;
}

#content div.news h1 {
margin: 0;
padding: 0 0 0 40px;
border-bottom: 1px dotted #fc0;
font-variant: small-caps;
background: url('codex.png') no-repeat;
text-align: left;
}

#content div.cus h1 {
text-align: left;
}

.faq p.q,
.threerules h2,
.press h2,
.focus h2,
.responsibilities h2,
.genrp h2 {
border-bottom: 1px dotted #fc0;
font-variant: small-caps;
margin: 15px 0;
font-size: 24px;
}

.intro h2 {
margin: 0;
padding: 0;
font-family: Verdana;
font-size: 11px;
text-align: right;
}

.news h2 {
margin: 0;
padding: 0;
font-family: Verdana;
font-size: 12px;
text-align: right;
}

.intro p {
margin: 10px 15px;
}

.news p {
font-size: 14px;
margin-bottom: 3px;
}

.faq p {
margin: 0;
}

.intro img {
clear: both;
float: left;
margin: 15px;
border: 1px solid #111;
padding: 2px;
}

.intro img.right {
clear: both;
float: right;
}

.intro .movie {
border-bottom: 1px dotted #99f;
padding: 15px;
}

.intro .movie a {
display: block;
width: 600px;
height: 456px;
margin: auto;
}


.press img {
margin: 13px;
border: 1px solid #111;
padding: 2px;
}

.intro img {
clear: both;
float: left;
margin: 15px;
border: 1px solid #111;
padding: 2px;
}

.intro img.right {
clear: both;
float: right;
}

.gs ol li {
margin: 10px;
}

#pnow {
float: left;
margin-top: 20px;
clear: left;
}

#pnow a div {
width: 170px;
height: 43px;
background: url('dl.png');
}

#pnow a div span {
display: none;
}

.GK {
color: gold;
}

.DS {
color: blue;
}

.SM {
color: green;
}

.FS {
color: purple;
}

.triple_play a div {
display: inline-block;
width: 170px;
height: 43px;
background: #333;
margin-left: 65px;
margin-bottom: 15px;
}

.triple_play a div span {
display: none;
}

.triple_play a div#cfa {
background: url('create_forum_account.png') no-repeat;
}

.triple_play a div#dl {
background: url('download.png') no-repeat;
}

.triple_play a div#cc {
background: url('create_character.png') no-repeat;
}