@charset "utf-8";

a:focus, a:active, input:focus, textarea:focus { outline:none; }

/* -- Global -- */
* { margin:0; }
html, body { width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; }
body.pop { background:#ffcb05; color:#000; }
body.pop a { color:#000; }
ul li { margin:0px; padding:0px; list-style-type:none; }
a { color:#ffcb05; text-decoration:none; }
a:hover { color:#fff; text-decoration:underline; }
img { border:none; }
h1, h2, h3 { color:#ffcb05; }
h1 { font-size:52px; line-height:36px; text-transform:uppercase; letter-spacing:.2; margin-bottom:20px; }

/* -- Containers -- */
.wrapper { min-height:100%; height:auto !important; height:100%; margin:0 auto -21px; width:1000px; /* the bottom margin is the negative value of the footer's height */ }
.fullBg { position:fixed; top:0; left:0; overflow:hidden; width:100%; z-index:-10; }

/* -- Masthead -- */
#masthead { padding-top:20px; text-transform:uppercase; }
#masthead ul { border-bottom:1px solid #a9a9a9; margin:0px 300px 0 0; padding:68px 0 0 0; overflow:auto; }
#masthead ul li { margin:0px; padding:0px; list-style-type:none; float:left; display:block; margin-right:20px; }
#masthead ul li a { color:#fff; padding:0px; display:block; border-bottom:2px solid #a9a9a9; height:40px; text-indent:-20000px; }
#masthead ul li a.active { border-bottom:2px solid #ffcb05; background-position:bottom !important; }
#masthead ul li a.join { background:transparent url(../images/nav_join.png) no-repeat top left; width:47px; }
#masthead ul li a.refer { background:transparent url(../images/nav_refer.png) no-repeat top left; width:104px; }
#masthead ul li a.about { background:transparent url(../images/nav_about.png) no-repeat top left; width:40px; }
#masthead ul li a.contact { background:transparent url(../images/nav_contact.png) no-repeat top left; width:73px; }

/* -- Content -- */
/*.headline { float:left; width:215px; margin-top:90px; text-align:right; }*/
.content { margin-top:60px; background:transparent url(../images/bkg_content.png) no-repeat top left; min-height:338px; text-align:center; padding:45px 25px; min-height:450px; }
.content p { font-size:22px; line-height:48px; }
.content .secondary { font-size:18px; line-height:36px; margin-top:25px; /*color:#ffcb05;*/ }
body.pop .content { padding:20px 50px; background:none; min-height:0px; }
body.pop .content p { line-height:36px; }
body.pop h1 { color:#000; }

/* -- Footer -- */
.footer, .push { height:21px; /* .push must be the same height as .footer */ }
.footer { width:1000px; margin:0 auto; overflow:auto; background:url(../images/bkg_footer.png) no-repeat top left; }
.footer ul { float:right; padding:4px 20px 0 0; }
.footer ul li { float:left; padding-left:15px; }