* {
    padding:0;
    margin:0;
}

body {
    background:#000 url(../img/body-bg.jpg) left top repeat-x;
    font-size:100%;
    font-family:Georgia, Arial;
}

#container {
    background:url(../img/container-bg.png) center top no-repeat;
    _background:url(../img/container-bg.jpg) center top no-repeat;
    width:100%;
}

#page {
    width:929px;
    margin:0 auto;
    background:url(../img/page-bg.jpg) left top repeat-y;
}

#page-inner {
    background:url(../img/page-top.jpg) left top no-repeat;
    width:929px;
}

#page-inner2 {
    background:url(../img/page-bottom.jpg) left bottom no-repeat;
    padding-bottom:80px;
    width:929px;
}

body.flashPage #page-inner2 {
    background:url(../img/page-bottom2.jpg) left bottom no-repeat;
}

/* Header */

#header {
    margin-left:-15px;
    height:246px;
    background:url(../img/header-bg.jpg) left top no-repeat;
    width:944px;
    position:relative;
}

#header .right {
    position:absolute;
    top:16px;
    right:1px;   
}

/* Top Nav */

#header ul {
    position:absolute;
    top:179px;
    left:0;
    text-align:center;
    padding-left:182px;
}

#header ul li {
    list-style:none;
    float:left;
    font-size:1.15em;
    padding-right:5px;
    margin-right:5px;
    background:url(../img/nav-li-bg.gif) right 50% no-repeat;
}

#header ul li.last {
    background:none;
    padding-right:0;
}

#header ul li a {
    color:#000;
    text-decoration:none;
    display:block;
    height:38px;
    background-repeat:no-repeat;
    background-position:left -55px;
    text-align:center;
    padding-top:17px;
}

#header ul li a:hover, #header ul li.current a {
    background-position:left top;
}

#header ul li.current a {
    color:#6e3606;
}

#header ul li a.Home {
    background-image:url(../img/nav/home-bg.gif);
    width:105px;
}

#header ul li a.CreateACharacter {
    background-image:url(../img/nav/create-a-character-bg.gif);
    width:171px;
}

#header ul li a.ViewTheStadium {
    background-image:url(../img/nav/view-the-stadium-bg.gif);
    width:166px;
}

#header ul li a.Competition {
    background-image:url(../img/nav/competition-bg.gif);
    width:128px;
}

/* Content styles */

#content {
    margin-top:-20px;
    z-index:2;
    width:929px;
}

#content a
{
    text-decoration:underline;
    color:#6e3606;   
}

#content p
{
    font-size:0.81em;
}

.htmlfragment {
    padding:20px 60px 0 50px;
}

.htmlfragment h1 {
    font-size:1em;
    margin-bottom:10px;
}

.htmlfragment p {
     margin:10px 0;
}

#homeDetail {
    padding:20px 0 0 40px;
    width:889px;
    background:url(../img/homedetail-bg.png) 60px top no-repeat;
    _background:url(../img/homedetail-bg.jpg) 40px top no-repeat;
}

#homeDetail .htmlfragment {
    float:left;
    padding:0 9px 0 0;
    width:240px;
}

#characterFlash, #stadiumFlash {
    margin-left:27px;
    margin-top:15px;
}

.siteFlash {
    position:relative; 
}

.siteFlash p {
    position:absolute;    
}

#homeFlash {
    float:left;
    width:640px;
    height:485px;
    margin-left:-15px;
}

#homeFlash p {
    top:100px;
    left:100px;
    width:400px;
}

#characterFlash, #stadiumFlash
{
    width:882px;
    height:560px;
}

#characterFlash p,#stadiumFlash p {
    top:100px;
    left:250px;
    width:400px;
}
#stadiumFlash
{
    height:462px;
}
/* Footer styles */

#footer {
    width:100%;
    font-size:0.75em;
    text-align:right;
    color:#fff;
    font-family:Arial;
}

#footer-inner {
    width:909px;
    margin:0 auto;
    background:url(../img/footer-top.jpg) left top no-repeat;
    padding:60px 20px 15px 0;
    position:relative;
}

#footer a {
    color:#fff;
    text-decoration:underline;
}

#footer a#siteLink {
    position:absolute;
    top:10px;
    right:30px;
    width:190px;
    height:30px;
}

/* Modal popup styles */
.modalBackground 
{
    /*background-color:#000;
    filter:alpha(opacity=50);
    opacity:0.5;*/
}
.modalPopup {
    width:479px;
    height:244px;
    background:url(../img/send-to-friend/overlay.png) left top no-repeat;
    _background:url(../img/send-to-friend/overlay.gif) left top no-repeat;
    color:#fff;
    padding:50px 70px;
    z-index:100;
}

.modalPopup h2 {
    font-size:1.31em;
    font-weight:lighter;
    margin-bottom:10px;
}

.textbox {
   /* background:url(../img/send-to-friend/textbox-bg.gif) left top no-repeat;*/
    width:280px;
    height:19px;
    padding:5px 5px 1px 5px;
}

.modalPopup input {
    /*background:Transparent;*/
    border:none;
    width:270px;
    height:19px;
    vertical-align:middle;
    font-family:Georgia, Arial;
    padding:5px 5px 1px 5px;
}

.modalPopup th, .modalPopup td {
    font-size:0.88em;
    font-weight:lighter;
    vertical-align:middle;
    padding:5px 0;
}

.modalPopup th {
    width:160px;
    text-align:right;
    padding-right:10px;
}

/* Generic styles */

.left {
    float:left;
}

.right {
    float:right;
}

a img {
    border:none;
}

a {
    outline:none;
}

.clear {
    clear:both;
    height:0;
    overflow:hidden;
    width:1px;   
}

.prop {
    height:305px;
}