/*
**********

Color Pallette
-----------------

Background/Header Red: #bf3728;
Lander Headings: #ffffff;
Lander copy: #242424;

Internal Headings: #242424;
Internal copy: #313131;

Links: #fe9451;

**********
*/


/* *** TYPOGRAPHY *** */
h1 {
    font-size:16px;
    color:#fff;
}

h2 {
    font-family:Franklin Gothic Heavy, Arial Black, sans-serif;
    color:#242424;
    font-size:40px;
    margin:0 0 0 -4px;
    letter-spacing:0.02em;
}
h3 {
    font-size:16px;
    text-align:left;
    margin-bottom:26px;
    line-height:18px;
}
h4 {font-weight:bold;}
p {
    font-size:12px;
    letter-spacing:0.02em;
    line-height:14px;
}

strong {
    font-weight:bold;
    letter-spacing:0.03em;
}

body#home h2 {color:#fff;}
body#home h3, body#home h4, body#home p,
body#cap h3, body#cap h4, body#cap p
{color:#242424;}
h3, h4, h5, p {color:#313131;}

body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* TEXT REPLACEMENTS */
body#home #main-content h2,
body#cap #main-content h2,
#GettingToKnowYou, #AdvertiserLogin,
#DropUsALine, #AdvertiserFAQ, #Terms,
#PrivacyPolicy, #AdvertiserBonus {
    text-indent:-9999px;
    overflow:hidden;
}

#GettingToKnowYou {background:url('images/gettingtoknowyou.png') no-repeat;}
#AdvertiserLogin {background:url('images/advertiserlogin.png') no-repeat 42px 0;}
#DropUsALine {background:url('images/dropusaline.png') no-repeat 3px 0;}
#AdvertiserFAQ {background:url('images/advertiserfaq.png') no-repeat 4px 0;}
#Terms {background:url('images/termsandconditions.png') no-repeat;}
#PrivacyPolicy {background:url('images/privacypolicy.png') no-repeat 2px 0;}
#AdvertiserBonus {background:url('images/advertiserbonus.png') no-repeat 0 0;}


/* *** BACKGROUND STYLES *** */

body {
    background:url('images/white-body-bg.png') repeat-x;
}

body#home, body#cap {
    background:#bf3728;
}

body #wrapper {
    max-width:960px;
    margin:0 auto;
}

body #container {
    width:960px;
    min-height:810px;
    background:url('images/homebg.jpg') no-repeat 430px 0;
    padding:0 0 0 430px;
    margin:0 0 0 -430px;
}

body #bgleft {
    background:url('images/homebg-left.jpg') no-repeat top left;
    width:430px; min-height:810px;
    margin-left:-430px;
    float:left;
}

body #main-content {
    width:420px;
    min-height:360px;
    float:left;
    margin:70px 0 0 40px;
}

#content-wrapper {
    background:url('images/white-bg.png') repeat-x;
    background-color:#fff;
    width:100%;
    position:relative;
    padding:0 0 0 430px;
    margin:0 0 0 -430px;
}

/* *** HOME PAGE LAYOUT *** */
body#home #main-content h2 {background:url('images/advertise.png') no-repeat;}

body#home #aside {
    width:410px; height:540px;
    float:left;
    margin:0 0 0 50px;
}

body#home ul, body#home li {color:#242424;}

/* CAP Affiliates page */
body#cap #main-content h2 {background:url('images/cap.png') no-repeat;}

body#cap #aside {
    width:410px; height:540px;
    float:left;
    margin:0 0 0 50px;
}

body#cap ul, body#cap li {color:#242424;}

/* *** GENERAL STYLES *** */

ul {
    list-style:disc;
    margin:14px 0 0 22px;
}
    li {
        font-size:12px;
        line-height:18px;
    }
a {
    font-size:12px;
    color:#fe9451;
}
a:hover {text-decoration:none;}
h3 > a {font-size:16px;}
body#faq ul {list-style:none; margin:0;}
.backtotop {
    display:block;
    margin-bottom:30px;
}

.side-note {
    padding:10px;
    background:#f7f4ed;
    font-size:11px;
    margin-left:-10px;
    border:1px dashed #e1ddd4;
}

.side-note a {
    font-size:11px;
}

/* *** HEADER & FOOTER STYLES *** */
body #header {
    width:960px; height:180px;
    position:relative;
}
body #header h1 {
    margin:10px 0 0 30px;
    letter-spacing:0.01em;
}
body #header img {
    margin:0 0 0 12px;
}
#header #nav {
    position:absolute;
    top:50px; right:160px;
    width:227px;
    text-indent:-99999px;
    overflow:hidden;
}

#header #nav a {
    font-size:16px;
    font-family:Franklin Gothic Heavy, Arial Black, sans-serif;
    color:#fff;
    text-decoration:none;
    letter-spacing:0.04em;
    display:block;
    float:left;
    height:21px;
}

#nav a#about {
    background:url('images/about.png') no-repeat;
    width:67px;
}
#nav a#contact {
    background:url('images/contact.png') no-repeat;
    width:100px;
}
#nav a#login {
    background:url('images/login.png') no-repeat;
    width:60px;
}

body#home #footer, body#cap #footer {margin:0; padding:0 0 20px; background-color:transparent;}
#footer {padding:60px 0 20px 0;}
body #footer{background-color:#fff;}

#footer, #footer a {
    font-size:12px;
    color:#ef5f50;
    text-decoration:none;
    text-align:center;
}
#footer a:hover {text-decoration:underline;}

/* *** BUTTONS *** */

a.btn {
    color:#fff;
    text-decoration:none;
    font-size:20px;
    display:block;
    width:208px; height:40px;
    overflow:hidden;
    padding:25px 0 0;
    margin:40px 0 10px -10px;
    text-align:center;
    background:url('images/btn.png') no-repeat center top;
}
a.btn:hover {
    background-position:center -70px;
}

p.under-btn {
    text-align:center;
    width:170px;
    margin-left:7px;
    letter-spacing:0;
    line-height:12px;
}
p.under-btn a {color:#242424;}

/* *** CONTACT/LOGIN STYLES *** */

body#login #container,
body#login #bgleft {
    min-height:181px;
}

body#login #main-content {
    position:relative;
    left:50%;
    margin-left:-230px;
}

body#login #main-content h2,
body#login #main-content h3 {
    width:360px;
    padding-left:40px;
}

body#contact #aside {
    width:290px; height:330px;
    float:left;
    margin:60px 0 0 50px;
    padding:130px 0 0 100px;
    border-left:1px solid #eeeeee;
}

body#contact #aside h3 {
    margin-bottom:16px;
}

#main-content form {
    width:100%;   
}

#main-content form input, #main-content form textarea {
    padding:8px; margin:0 0 20px 20px;
    width:225px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#5b5b5b;
}

#main-content form textarea {
    background:url('images/textarea.png') no-repeat;
    height:130px;
    resize:none;
}

#main-content form input {
    background:url('images/input.png') no-repeat;
    height:15px;
}

#main-content form input#submit,
#main-content form input#login {
    color:#fff;
    text-decoration:none;
    font-size:20px;
    display:block;
    width:208px; height:70px;
    overflow:hidden;
    padding:0; margin:-10px 0 0 36px;
    text-align:center;
    background:url('images/btn.png') no-repeat center top;
    cursor:pointer;
}

#main-content form input#submit:hover,
#main-content form input#login:hover
{background-position:center -70px;}

body#login p.under-btn {
    margin-left:55px;
}

.align-top {
    padding:20px 0 0;
    vertical-align:top;
}
label {text-align:right; display:block; width:112px;}

/* error messages */
td#email-messages {
    text-align:center;
    padding-left:36px;
}

td#email-messages > div {
    display:block;
    width:218px;
}

label.error {
    color:#EF5F50;
    font-size:10px;
    position:relative;
    top:-14px; left:58px;
    width:200px;
}