/* base.css */

/* The first line is to eliminate the outline around a clicked flash piece */
object {outline:none}
/* end outline bit */

body {
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 9pt; 
    color: #eff9ff;
    background: #01325D url('/media/images/common/body_bg.jpg') top center repeat-x;
    margin: 0; padding: 0;
}

a { color: #fff;}

a img, img { border: none;}

object { outline: none; } /* prevents outlines in flash pieces in Firefox 3 */

div#container {
    text-align: left;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 980px;
}

#header {
    height: 158px;
    padding-top: 0px;
    min-width: 980px;
    width: 100%;
}
#content.full #flashpage {
    min-width: 980px;
    width: 100%;
}
h2 {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #eff9ff;
    padding: 12px;
}
h2.centered {
    padding: 0px;
    text-align: center;
}
#secondaryheader {
    width:990px;
    margin:0 auto;
    position:relative;
}
#secondaryheader a {
    font-size: 14px;
    font-weight: bold;
    color: #a9e4ff;
    text-decoration: none;
}
#content {
    width: 990px;
    margin: 0px auto 0px auto;
}
#content.full {
    width: 100%;
    margin: 0;
}
#content.landing {
    width: 100%;
    height: 600px;
    margin: 0;
    text-align: center;
}
#footer {
    width: 990px;
    margin: 0px auto 10px auto;
}
#email_signup {
    color: #fff;
    font-size: 11px;
    height:36px;
    padding:7px 0px;
    background: transparent url(/media/images/common/signup_bg.gif) no-repeat scroll center bottom;
    margin-bottom: 15px;
    margin-top: 15px;
    line-height: 32px;
    font-weight: bold;
}
#email_signup a {
    color: #fff;
    text-decoration: none;
}
#email_signup a:hover {
    text-decoration: underline;
}
#thankyoutext {
    float: left;
    width: 160px;
    height: 30px;
    background: red;
    position: relative;
}

#email_signup input.email {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border:medium none;
    color:#959595;
    font-size:11px;
    height:16px;
    margin:0;
    padding:7px 10px;
    vertical-align:middle;
    width:140px;
}
#email_signup input.image {
    float: left;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
#copyright, #copyright2 {
    font-size: 10px;
    color: #89818C;
}
#copyright2 {
    text-align: right;
    float: right;
}
#copyright a {
    color: #d8edfa;
    text-decoration: none;
}
#copyright a:hover {
    text-decoration: underline;
}
div#homebanner {
    margin: 0 auto;
    padding:5px;
    background:#fff;
    width: 980px;
    height: 360px;
}
div.maincontent {
    background:transparent url(/media/images/backgrounds/generic_bg.jpg) no-repeat scroll center top;
    border:5px solid white;
    padding-left:20px;
    padding-right:20px;
}
div#about_landing.maincontent {
    padding:0pt;
}
div#about_tp.maincontent {
    background:#0A0D1E url(/media/images/backgrounds/about_trivial_pursuit_bg.jpg) no-repeat scroll center top;
    min-height:880px;
}
div#about_monopoly.maincontent {
    background:#0A0D1E url(/media/images/backgrounds/about_monopoly_bg.jpg) no-repeat scroll center top;
    min-height:790px;
}
#about_monopoly li, #about_tp li {
    background:transparent url(/media/images/backgrounds/li_marker.gif) no-repeat scroll left 3px;
    color:#C1E2FE;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:5px 0;
    padding-left:10px;
}
ul { padding:0; margin:0; }
#game_includes {
    margin-top:541px;
    display:block;
}
#game_includes_left {
    width:455px;
    float:left;
}
#game_includes_right {
    float:left;
    margin:0 0 0 52px;
    width:433px;
}
#game_details {
    height:287px;
    position:absolute;
    right:79px;
    top:145px;
    width:332px;
}
#game_details h4  {
    color:white;
    margin: 0;
}
img#buy_now {
    position:absolute;
    right:228px;
    top:395px;
}
img#back_to_games {
    position:absolute;
    right:40px;
    top:68px;
}
p {
    margin:10px 0;
}
#game_details p {
    line-height:150%;
    margin:6px 0;
    color: #B4D4F0;
    font-size:12pt;
}
h3.section_title {
    color: #ffe024;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 11px 0 0px;
    margin: 0;
    letter-spacing: 1px;
}
#homectas {
    background:white none repeat scroll 0 0;
    height:180px;
    padding:0 5px 5px;
}
.homecta {
    width: 245px;
    float: left;
}
.homecta.first{
    margin-left: 0px;
}
h2.page_title {
    height:49px;
    margin: 0;
    padding: 0;
}
/* BEGIN NAV */
#main_menu { position:absolute; top:119px; left:0px; width:990px; height:39px; z-index:50; }
#main_menu li { float:left; position:relative; height:39px; list-style:none; }
#main_menu li a { cursor:pointer; }
#main_menu li a, #main_menu li div { position:relative; display:block; height:39px; text-decoration:none; color:#000; font-size:7px;  }
#main_menu li strong { position:absolute; top:0px; left:0px; display:block; height:39px; }
#main_menu li, #main_menu li a, #main_menu li strong, #main_menu li div { background-image:url(/media/images/common/nav.jpg); }

#main_menu li#menu_home, #main_menu li#menu_home a, #main_menu li#menu_home a strong    { background-position:0px 0px; width: 165px; }
#main_menu li#menu_about, #main_menu li#menu_about a, #main_menu li#menu_about a strong { background-position:-165px 0px; width:165px; }
#main_menu li#menu_gamephotos, #main_menu li#menu_gamephotos a, #main_menu li#menu_gamephotos a strong { background-position:-330px 0px; width:165px; }
#main_menu li#menu_purchase, #main_menu li#menu_purchase a, #main_menu li#menu_purchase a strong { background-position:-495px 0px; width:165px; }
#main_menu li#menu_send, #main_menu li#menu_send a, #main_menu li#menu_send a strong { background-position:-660px 0px; width:165px; }
#main_menu li#menu_enter, #main_menu li#menu_enter a, #main_menu li#menu_enter a strong { background-position:-825px 0px; width:165px; }

/* HOVER STATE */
#main_menu li#menu_home:hover a, #main_menu li#menu_home:hover a strong, #main_menu li#menu_home a:hover, #main_menu li#menu_home a:hover strong { background-position:0px -39px; width:165px; }
#main_menu li#menu_about:hover a, #main_menu li#menu_about:hover a strong, #main_menu li#menu_about a:hover, #main_menu li#menu_about a:hover strong { background-position:-165px -39px; width:165px; }
#main_menu li#menu_gamephotos:hover a, #main_menu li#menu_gamephotos:hover a strong, #main_menu li#menu_gamephotos a:hover, #main_menu li#menu_gamephotos a:hover strong { background-position:-330px -39px; width:165px; }
#main_menu li#menu_purchase:hover a, #main_menu li#menu_purchase:hover a strong, #main_menu li#menu_purchase a:hover, #main_menu li#menu_purchase a:hover strong { background-position:-495px -39px; width:165px; }
#main_menu li#menu_send:hover a, #main_menu li#menu_send:hover a strong, #main_menu li#menu_send a:hover, #main_menu li#menu_send a:hover strong { background-position:-660px -39px; width:165px; }
#main_menu li#menu_enter:hover a, #main_menu li#menu_enter:hover a strong, #main_menu li#menu_enter a:hover, #main_menu li#menu_enter a:hover strong { background-position:-825px -39px; width:165px; }

/* ON STATE */
#main_menu li#menu_home.active, #main_menu li#menu_home.active strong, #main_menu li#menu_home.active div { background-position:0px -78px !important; width:165px; }
#main_menu li#menu_about.active, #main_menu li#menu_about.active strong, #main_menu li#menu_about.active div { background-position:-165px -78px !important; width:165px; }
#main_menu li#menu_gamephotos.active, #main_menu li#menu_gamephotos.active strong, #main_menu li#menu_gamephotos.active div { background-position:-330px -78px !important; width:165px; }
#main_menu li#menu_purchase.active, #main_menu li#menu_purchase.active strong, #main_menu li#menu_purchase.active div { background-position:-495px -78px !important; width:165px; }
#main_menu li#menu_send.active, #main_menu li#menu_send.active strong, #main_menu li#menu_send.active div { background-position:-660px -78px !important; width:165px; }
#main_menu li#menu_enter.active, #main_menu li#menu_enter.active strong, #main_menu li#menu_enter.active div { background-position:-825px -78px !important; width:165px; }
#main_menu {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}

#header #head_home {
    left:424px;
    position:absolute;
    top:24px;
}

#game_details p {
    color:#B4D4F0;
    font-size:9pt;
    line-height:128%;
    margin:2px 0 10px;
}

#about_tp #game_details p, #about_monopoly #game_details p {
    color:#B4D4F0;
    font-size:11pt;
    line-height:150%;
    margin:2px 0 10px;
}