.wrapper { min-width: 940px; }

.header-container { background: url(../images/header_top_bg.gif) 0 0 repeat-x;  }
.header { width: 940px; margin: 0 auto;  }
.header-top { height: 35px; }
.header-nav { position: relative; height: 90px; }
.middle-container { min-height: 400px; }
.banner-container { background: #1272AE; text-align: center; height: 240px; }
.middle { width: 940px; margin: 0 auto; margin-top: 45px; padding-bottom: 50px; font-size: 1.1em;}
.col-main { width: 660px; float: left; padding-left: 15px; }
.col-right { width: 215px; float:right; }
.footer { position: relative; width: 940px; margin: 0 auto; height: 50px; padding: 7px 10px; border-top: 1px solid #8F8F8F; text-align: left; }

/* --- header --- */
.header-top { }
/*
.header-top a { display: block; width: 100px; float: right; padding: 6px; margin-top: 1px; background: #909090; color: #fff; text-transform: uppercase; font-size: .9em; text-decoration: none; text-align: center; } 
.header-top a:hover { background: #6F6F6F; }
*/
.login-top a { display: block; width: 130px; height: 31px; margin-top: 1px; background: url(../images/btn_login.gif) no-repeat; float: right; }
.login-top a:hover { background: url(../images/btn_login_over.gif) no-repeat; }
.signup-top a { display: block; width: 130px; height: 31px; margin-top: 1px; margin-right: 2px; background: url(../images/btn_signup.gif) no-repeat; float: right; }
.signup-top a:hover { background: url(../images/btn_signup_over.gif) no-repeat; }
.header-nav .logo { position: absolute; left: 15px; top: 8px; }
.header-nav .nav { position: absolute; right: 40px; top: 58px; }
.header-nav .nav li { /*display: inline;*/ float: left; padding-left: 20px; }
/*.header-nav .nav li a { text-transform: uppercase; padding-left: 20px; text-decoration: none; font-size: 1.2em; color: #333; }
.header-nav .nav li a:hover, .header-nav .nav li.active a { color:#1171AD; }*/
.header-nav .facebook { position: absolute; right: 0; top: 50px; }
.nav li a { display: block; height: 10px; text-decoration: none; float: left;}
.nav li a span { display: none; }
.nav .nav-home { background: url(../images/txt_home.gif) no-repeat 100% 0; width: 44px; }
.nav .nav-home:hover, .nav li.active .nav-home { background: url(../images/txt_home_over.gif) no-repeat; }
.nav .nav-advertisers { background: url(../images/txt_advertisers.gif) no-repeat 100% 0; width: 105px; }
.nav .nav-advertisers:hover, .nav li.active .nav-advertisers { background: url(../images/txt_advertisers_over.gif) no-repeat 100% 0; }
.nav .nav-publishers { background: url(../images/txt_publishers.gif) no-repeat 100% 0; width: 94px; }
.nav .nav-publishers:hover, .nav li.active .nav-publishers { background: url(../images/txt_publishers_over.gif) no-repeat 100% 0; }
.nav .nav-abouts { background: url(../images/txt_abouts.gif) no-repeat 100% 0; width: 78px; }
.nav .nav-abouts:hover, .nav li.active .nav-abouts { background: url(../images/txt_abouts_over.gif) no-repeat; }
.nav .nav-contacts { background: url(../images/txt_contacts.gif) no-repeat 100% 0; width: 98px; }
.nav .nav-contacts:hover, .nav li.active .nav-contacts { background: url(../images/txt_contacts_over.gif) no-repeat 100% 0; }

/* --- middle --- */
.col-main .desc { color: #1172AE; font-size: 1.5em; font-weight: bold; margin-top: -10px; }
.col-main h4 { margin-top: 20px; }
.col-right ul li { border-bottom: 1px solid #999; }
.col-right ul li.first { border-top: 1px solid #999; }
.col-right ul li a { padding: 10px; font-size: 1.25em; font-weight: bold; display: block; text-decoration: none; color: #333; }
.col-right ul li a:hover, .col-right ul li.active a { background: #CFE3EF; text-decoration: none;}
.col2 { width: 340px; float: left; padding-left: 100px; }
.advertisers { background: url(../images/icon_advertisers.gif) 10px 5px no-repeat; }
.publishers { background: url(../images/icon_publishers.gif) 10px 5px no-repeat; margin-right: 20px; }
.col2 .title { font-size: 22px !important; font-weight: bold !important; text-transform: uppercase !important; margin-bottom: 0; }
.col2 .sub-title { font-size: 17px !important; line-height: 1.5;  text-align: left;}
.col2 p { text-align: justify; }

/* --- footer --- */
.footer .legality { float: left; font-size: .9em; color: #4D4D4D; }
.footer ul { float: right; }
.footer li { display: inline; background: url(../images/li_divider.gif) 100% 70% no-repeat; padding: 0 5px 0 2px; }
.footer li.last { background: none; padding-right: 0; }
.footer li a { font-size: .9em; color: #4D4D4D; text-decoration: none; }
.footer li a:hover { color: #1171AD; text-decoration: underline; }

/* --- buttons --- */
.btn-readmore { display: block; background: url(../images/btn_readmore.gif) no-repeat; width: 99px; height: 30px; text-decoration: none; }
.btn-readmore:hover { background: url(../images/btn_readmore_over.gif) no-repeat; }
button.btn-submit { background: url(../images/submit.png) no-repeat; width: 99px; height: 30px; text-decoration: none; border: none; cursor: pointer; }
button.btn-submit:hover { background: url(../images/submit_over.png) no-repeat; }

/* --- signup --- */
.group-select { padding-left: 15px; }
.group-select .legend { color: #1172AE; font-size: 1.5em; font-weight: bold; margin-bottom: 5px; }
.group-select ul { width: 450px; float: left; }
.group-select ul li { padding-bottom: 12px; }
.group-select label { width: 120px; float: left;  }
.input-text { background: #fff url(../images/input_text_bg.gif) no-repeat; width: 270px; height: 20px; padding: 4px 5px 0 6px; border: none;  }

/* --- contact info --- */
.contact-info { padding-top: 10px; }
.contact-info li{ float: left; width: 300px; margin-bottom: 25px; }
.contact-info li .name { color: #1172AE; font-size: 1.25em; font-weight: bold; margin-bottom: 8px; }
.contact-info li .value { }
.contact-info li a { color: #333; }
.contact-info li a:hover { color: #1171AD; }




#topbox
{
        position: absolute;

        /* Default positioning, that will be overridden by the javascript */
        left: 0px;
        top: 0px;
        padding: 10px;
        width: 200px;
        height: 200px;
        background-color: #FFFFFF;
	font-size: 14px;
	front-face: arial;

        /*Must use a z-index greater than the screen overlay*/
        z-index: 1001;
}

#topbox-screenoverlay
{
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-color: #18238c; /* dark gray */
        opacity: .75;
        filter: alpha(opacity=75);
        z-index: 1000;
}