/*----------------------------------------
TABLE OF CONTENTS

  CSS Reset / HTML Elements
  Wrapper
  Header
  Navigation
  Content
  Footer
  Position / Clear / Floats
  

/*----------------------------------------
DEFAULT COLORS

  Link: #1b5dae
  Light Brown: #8e735f
  Dark Brown: #3f3934
  

/* ================ @ CSS Reset / HTML Elements ================ */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }
ul, ol { list-style: none; }
body { background: url(../images/bg-dollars.jpg) repeat; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 23px; color: #000; font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 13px; padding: 0; margin: 0; }
a { color: #1b5dae; }
blockquote { margin-left: 30px; }


/* ================ @ Wrapper ================ */
#wrapper { width: 920px; margin:0 auto; }


/* ================ @ Header ================ */

#header { width: 920px; }
#logo { width: 367px; height: 158px; display: block; margin: 0 auto 20px auto; }
#logo-link { width: 367px; height: 158px; background-image: url(../images/logo.png); background-repeat: no-repeat; text-indent: -9999px; display: block; }


/* ================ @ Navigation ================ */

#nav { width: 920px; text-align: center; background-color: #FFFFFF; border: solid 1px #8e735e; padding: 7px 0; height: 30px; }
#nav a { color: #005602; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding: 0 5px 10px 5px; }
#nav a:hover, .on { background-image: url(../images/nav-hover.gif); }
#nav li { display: inline; margin: 0 10px; }


/* ================ @ Content ================ */

#content { width: 840px; background-color: #FFFFFF; padding: 30px; margin: 0 auto; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; border-top: solid 5px #3f3934; }
#content p { margin-bottom: 14px; }
#goal li { margin-bottom: 10px; background-image: url(../images/dollar-sign.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; width:400px; }
#content h3 { color: #005602; font-weight: bold; font-size: 18px; }
#content ol, #popupContact ol { list-style-type: decimal; margin-left: 20px; }
#content li, #popupContact li { margin-bottom: 10px; border-bottom: dotted 1px #c9dbca; padding-bottom: 10px; }
.title { text-indent: -9999px; margin-bottom: 20px; display: block; }
#title-index { width: 268px; height: 36px; background-image: url(../images/title-index.png); background-repeat:no-repeat; }
#title-for-me { width: 291px; height: 36px; background-image: url(../images/title-for-me.png); background-repeat:no-repeat; }
#title-how-different { width: 640px; height: 76px; background-image: url(../images/title-how-different.png); background-repeat:no-repeat; }
#title-faq { width: 99px; height: 44px; background-image: url(../images/title-faq.png); background-repeat:no-repeat; }
#title-testimonials { width: 257px; height: 36px; background-image: url(../images/title-testimonials.png); background-repeat:no-repeat; }
#title-contact { width: 227px; height: 36px; background-image: url(../images/title-contact.png); background-repeat:no-repeat; }
#title-retirement { width: 430px; height: 35px; background-image: url(../images/title-retirement.png); background-repeat:no-repeat; }
#title-proof { width: 260px; height: 46px; background-image: url(../images/title-proof.png); background-repeat:no-repeat; }
#quote, .quote { width: 550px; color: #8e735f; font-family: Times New Roman, Georgia, Times, serif; font-size: 18px; font-style: italic; margin-bottom: 30px; }
#quote-title, .quote-title { width: 550px; font-weight: bold; color: #5b5b5b; font-style: normal; }
#quote-coke { width: 550px; color: #8e735f; font-family: Times New Roman, Georgia, Times, serif; font-size: 18px; font-style: italic; margin-top: 30px; }
#quote-title-coke { width: 550px; font-weight: bold; color: #5b5b5b; font-style: normal; }
#money-bag { float: right; margin-left: 40px; display: block; }
#retire-early { float: right; display: block; margin: 30px 0 40px 40px; background: url(../images/retire-early.jpg) no-repeat; width: 250px; height: 197px; text-indent: -9999px; }
#retire-early a { display: block; width: 250px; height: 197px; }


/* ================ @ Footer ================ */

#footer { width: 922px; background-color: #3f3934; border-top: solid 5px #8e735f; border-bottom: solid 5px #8e735f; text-align: center; padding: 10px 0; }
#footer ul { display: block; width: 920px; text-align: center; margin-bottom: 10px; }
#footer li { display: inline; margin:15px; font-size: 14px; }
#footer a { color: #FFFFFF; text-decoration: none; }
#footer p { text-align: center; font-size: 12px; color: #6c6259; }
#jad a { color: #8E735F; text-decoration: underline; }
#footer a:hover { color: #8e735f; }


/* ================ @ Position / Clear / Floats ================ */

.left { float:left; margin: 0 20px 0 0; }
.right { float:left; margin: 0 0 0 20px; }
.clear { clear:both; height:1px; overflow:hidden; font-size:1px; }
textarea { padding: 10px; border: solid 1px #7c7c7c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
input { padding: 3px; border: solid 1px #7c7c7c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
input:hover { padding: 3px; border: solid 1px #8e735e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
input:focus { padding: 3px; border: solid 1px #085b0a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #fffbe3; }
.formborder { background-color: #085b0a; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 5px; }
.field { display: block; margin-bottom: 15px; }
.formborder:hover, .formborder:focus { background-color: #2ba52f; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 5px; }


/* ================ @ Accordion FAQ's ================ */

#basic-accordian { padding:10px 10px 30px 10px; width:760px; }
.accordion_headings { padding:5px; color:#000; cursor:pointer; font-weight:bold; }
.accordion_headings:hover { background:#e7fbe8; }
.accordion_child { padding:15px; }
.header_highlight { background:#e7fbe8; color: #000; }


/* ================ @ Pop-Up Window ================ */

a { cursor: pointer; text-decoration:none; }
#backgroundPopup { position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#0e2b0f; z-index:1; display: none; }
#popupContact { position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:500px; width:650px; background:#FFFFFF; border:solid 5px #eaeaea; z-index:2; padding: 20px; overflow: auto; }
#popupContactClose { display:block; width: 35px; height: 44px; float: right; margin-top: -5px; }
#button { }
.required { color: #666666; font-size: 11px; }