/*
color pallette:
ff7b00 - orange
2f3057 - purple
ffeebe - beige
fffbef - lighter beige
*/

body {
        background:#ffffff;
        margin:0;
        padding:0;
}

a {
        color:#36C;
}

div#logo {
        display:block;
        width:680px;
        margin:8px auto;
        height:57px;
        padding:4px 0px 0px 70px;
        background:url(images/site-logo.gif) no-repeat;
        overflow:hidden;
        font-family:trebuchet ms, helvetica, sans-serif;
        color:#444444;
        font-size:12px;
}

.logo-popup {
        width:410px!important;
}

.zero {
        font-family:trebuchet ms, helvetica, sans-serif;
        font-size:28px;
        color:#2f3057;
}

.one {
        font-family:trebuchet ms, helvetica, sans-serif;
        font-size:28px;
        color:#ff7b00;
}

.two {
        font-family:trebuchet ms, helvetica, sans-serif;
        font-size:28px;
        color:#2f3057;
}

.three {
        font-family:trebuchet ms, helvetica, sans-serif;
        font-size:28px;
        color:#ff7b00;
}

.extension {
        position:relative;
        right:3px;
        font-family:trebuchet ms, helvetica, sans-serif;
        font-size:16px;
        color:#666;        
}

.wrapper-outer {
        display:block;
        height:370px;
        background:url(images/bg-form.jpg) repeat-x top transparent;
}

.wrapper-inner {
        display:block;
        height:370px;
        background:url(images/bg-mini.jpg) no-repeat top right;
}

.rule {
        display:block;
        height:1px;
        border-top:10px solid #2f3057;
        width:750px;
        margin:0 auto;
}

.rule-popup {
        display:block;
        height:1px;
        border-top:10px solid #2f3057;
        width:480px;
        margin:0 auto;
}

#form {
        display:block;
        width:750px;
        margin:0 auto;
        padding-top:40px;
}

#form h1 {
        font-family:trebuchet ms, helvetica, sans-serif;
        color:#fffbef;
        margin:0;
        padding:0;
        font-size:28px;
}

form {
        margin:0;
        padding:0;
}

.fields {
        display:block;
        width:225px;
        text-align:center;
        padding:10px 0px 0px 50px;
}

.fields b {
        font:bold 15px trebuchet ms, helvetica, san-serif;
        color:#fffbef
}

.zip {
        border-style:none;
        background:url(images/bg-zip.png) no-repeat transparent;
        padding-top:10px;
        display:block;
        height:42px;
        width:222px;
        text-align:center;
        font:bold 24px trebuchet ms, helvetica, sans-serif;
}

.button {

        display:block;
        width:222px;
        height:46px;
        margin-top:5px;
        border-style:none;
}


#content {
/*        font-family:georgia, serif;*/
        font-family:trebuchet ms, helvetica, sans-serif;
        display:block;
        width:750px;
        margin:0 auto;
        font-size:13px;
}

.article {
        width:720px!important;
        padding:0 15px 30px;
        background:#fff;
}

.content-popup {
        width:450px!important;
        padding:0 15px 30px;
        background:#fff;
}


#content h1 {
        font-family:trebuchet ms, helvetica, sans-serif;
        color:#ff7b00;
        margin:0;
        padding:0;
        font-size:28px;
}

#content h2 {
        margin-bottom:0;
        padding-bottom:0;
        font-size:21px;
        color:#2f3057;
}

#content h2.cta {
        font-family:trebuchet ms, helvetica, sans-serif;
        color:#ff7b00;
        margin:0;
        padding:0;
        font-size:24px;
}

#content p {
        margin-top:0;
        padding-top:0;
        font-size:13px;
}

#footer {
        font:11px trebuchet ms, helvetica, sans-serif;
        display:block;
        width:450px;
        padding:15px 0px;

        text-align:center;
        margin-left: auto ;
        margin-right: auto ;
}

.article-footer {
        margin:0px auto!important;
}