html { background: #E4E6D8 url(/images/backfade1.png) repeat-x top; margin-top:-15px; margin-bottom:-15px;}

#wrapper {
margin:0 auto;
width:1000px;
background: #fff;
border: 1px solid #aaa;
  }

#header {
  position: relative;
  background: #fff;
  margin: 0 60px;
  padding:20px 0 25px;
  }
  
  a img {border: 0;}

  #up-right {
    position: absolute;
    text-align: right;
    top:20px;
    right:0;
    font: 12px Arial, helvetica;
  }

#content {
    margin: 0 60px;
}

#content h1 {
    font-family: Arial, helvetica;
    border-bottom:1px solid #CCCCCC;
    color:#bbb;
    font-size:35px;
    font-weight:bolder;
    letter-spacing:-2px;
    margin:0 0 30px;
    padding:20px 0 10px;
}

#content h2 {
    font-family: Arial, helvetica;
    color:#aaa;
    font-size:25px;
    font-weight:bolder;
    letter-spacing:-2px;
    margin:0 0 10px;
    padding:20px 0 0px;
}

#content p {
    font: 16px Arial, helvetica;
    line-height: 25px;
    margin: 1em 5em 0 0;
    color: #666;
}

  #video-overlay {
      background: transparent url(/images/frame-outter1.png) no-repeat top left;
      height: 320px;
      margin:0 60px;
      padding: 25px 30px 0;
      }

 #video-overlay h1 {
    color:#001f38;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size:26px;
    font-weight:bold;
    margin-bottom:10px;
    margin-top: 0;
    padding-top:5px;
  }


  #video-overlay p {font: 18px Arial, Helvetica; line-height: 21px; margin-bottom: 9px; margin-top: 11px;}

  p.main {
    width: 300px;
    color:#BABBBB;
    font-family:"Trebuchet MS","Gill Sans","Gill Sans MT",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:normal;
    line-height:19px;
    text-shadow:1px 1px #333333;
    margin:0;
    padding:0;
  }
  

  #sock {height:10px;clear:both;}
  #footer {
          clear:both;
          border-top: 1px solid #aaa;
          background: #d7dac4;
          font: 11px Arial, helvetica;
          height: 80px;
      }
.foot-panel {
    width:232px;
    padding-top: 10px;
    padding-left: 10px;
    float: left;
    color: #888;
}

.foot-panel a { color: saddlebrown;}
.foot-panel a:link, .foot-panel a:visited { text-decoration: none;}
.foot-panel a:hover { color: #666;}




    a.little-code {background-image:url(/images/button-code-new.png);}
    a.little-advisor {background-image:url(/images/button-advisor-new.png); margin-top:3px;}
    a.little-invite {background-image:url(/images/button-invite-new.png); margin-top:3px;}
    a.little-code:link, a.little-code:visited,
    a.little-advisor:link, a.little-advisor:visited,
    a.little-invite:link, a.little-invite:visited{
      background-position:center top;
      background-repeat:no-repeat;
      display:block;
      height:20px;
      text-decoration:none;
      width:90px;
    }
  a.little-code:hover, a.little-advisor:hover, a.little-invite:hover {
    background-position:center bottom;
  }

    a.code {background-image:url(/images/learn-more-button.png);}
    a.code:link, a.code:visited {
      background-position:center top;
      background-repeat:no-repeat;
      display:block;
      height:66px;
      text-decoration:none;
      width:166px;
    }

  a.code:hover {
  background-position:center bottom;
  }

   a.learn-more {background-image:url(/images/little-learn-more-button.png);}
    a.learn-more:link, a.learn-more:visited {
      background-position:center top;
      background-repeat:no-repeat;
      display:block;
      height:49px;
      text-decoration:none;
      width:125px;
      float: right;
      }

  a.learn-more:hover {
  background-position:center bottom;
  }

  a.nocode { color: darkseagreen; font:14px Arial;  display: block; padding-top: 10px; padding-left: 5px;}
  a.nocode:hover { color: #fff;}

  #code-wrapper {margin-top:20px; margin-left:125px;}
  #right-wrapper { float: left; width: 410px; position: relative;}
  #left-wrapper { float: left; width: 410px; }

  #left-wrapper ul { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}
  #left-wrapper li { font: 14px Arial; padding-top: 5px;}
  
  #explore {
    position: relative;
    border-top: 2px dotted #ccc;
    margin:0 25px;
    padding-top: 20px;
  }

 #choices {
    position: relative;
    border-top: 2px dotted #ccc;
    margin:0 60px;
    padding-top: 17px;
    clear: both;
  }

  #tabs {height: 39px; margin:0 60px; text-align:right; font:bold 17px helvetica,arial,clean,sans-serif; letter-spacing:-1px; }
  #tabs ul {display: inline; padding: 0; margin: 0;}
  #tabs li {display: inline; padding-right: 15px;}
  #tabs a, #explore-menu a:visited {text-decoration: none; color: #001f38;}
  #tabs a.selected {color: #551100; border-bottom: 2px solid #551100;}
  #tabs a:hover {text-decoration: none; color: #551100; border-bottom: 2px solid #aaa;}




  #indicator {position:absolute; top:150px; left: 430px; display: none;}

        #teaser-wrapper {
        border-top: 2px dotted #ccc;
        margin: 0 30px;
      }

      #email-wrapper {
        font: bold 13px Arial;
        margin-top: 20px;
        color: lightgreen;
      }
      #email-wrapper p {margin-bottom: 5px;}
      input#advisor_email {
        border:1px solid #222;
        width: 200px;
        font: bold 16px Arial;
        padding: 4px;
        color: #551100;
        background: #eee;
      }

      input#advisor_button {border:1px solid #222; height: 29px; background: #ccc;}

      .teaser-right { width: 250px; float: right; padding-right:30px; }
      .teaser-panel { width: 600px; float: left; padding-left: 30px; border-right: 1px solid #ccc; border-top: 2px dotted #ccc; padding-bottom: 20px;}

      

  #frame-inner {position: absolute; top: 39px; right: 8px;}

  #share-this-hp a, #share-this a {font: 13px Arial; color: green}
  #share-this-hp a:hover, #share-this a:hover { color: #444;}
  #share-this { margin: 10px 0 0 5px; padding: 10px; border:1px dotted #aaa; background: #fff;}
  #share-this-hp {position: absolute; top: 270px; right: 124px;}

  #quote, #featured { height: 82px; float: left; width: 440px; text-align: center;}
  #quote {padding-left: 60px; padding-top: 12px; font: normal 14px Arial; color: #001f38; line-height: 18px;}
  #featured {padding-right: 60px; font: bold 10px Arial; color: #666;}

  #choices h2, .teaser-panel h2 {color: #001f38; margin:0; padding:0; font: bold 21px Arial; text-align: center;}
  #choices h3, .teaser-panel h3 {color: #9EA572; margin:0; padding:0; font: bold 16px Arial; text-align: center; margin-top: 3px;}
  .teaser-panel h2, .teaser-panel h3 {text-align: left;}
  #choices p, .teaser-panel p, .teaser-panel li {
        font: 14px Arial, helvetica;
    line-height: 19px;
    text-align: left;

  }

  #for-clients, #for-advisors {float:left; width: 409px; text-align: center; height: 350px;}
  #for-clients {padding-right: 30px; border-right: 1px solid #ccc;}
  #for-advisors {padding-left: 30px;}

    td.side-nav,td.main-box, td.main-content {border:0px solid red; vertical-align: top;}
  td.side-nav {width: 180px; padding: 0 20px 0 60px;}
  td.main-box {width: 616px; padding: 0 60px 0 20px; height: 170px;}
  td.main-content {width: 616px; padding: 0 80px 0 40px; }
  td.main-box {}

  ul.side-list {}
  ul.side-list li {}


  .bubble-top, .bubble-bottom, .bubble { width:660px; background-color: #e4e6d8;}
  .bubble-top, .bubble-bottom { height: 16px;}
  .bubble-top {background: transparent url(/images/bubble-top.png) no-repeat top left;}
  .bubble-bottom {background: #e4e6d8 url(/images/bubble-bottom.png) no-repeat bottom left;}
  .bubble {margin:0; padding: 0; color: #001f38; }
  .bubble p {margin:0 20px;
    font-size:22px;
    line-height:26px;
    font-family: Helvetica, Arial;
  }

  .top {float:left; font: bold 11px Arial; margin-left: -240px;}
  .top a {color: #888}

  ul.side-list {
    border:0 none;
    color:#203F46;
    list-style-type:none;
    margin:0;
    padding:0;
    text-shadow:0 0 1px #FFFFFF;
    font: 15px Arial;
  }
  ul.side-list li a {
    display:block;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    padding:5px 0;
    text-decoration:none;
    width:100%;
  }

  ul.side-list li a span {
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background-color:#FFFFFF;
    color:#001f38;
    display:block;
    padding:3px 5px;
  }
  ul.side-list li a:hover span { background-color:#e4e6d8; }

  .righty {float:right; margin-left: 25px;}

  td.main-content h1 {color: #001f38; margin:0; padding:0; font: bold 22px Arial; margin-top: 35px;}
  td.main-content h2 {color: #9EA572; margin:0; padding:0; font: bold 18px Arial; }
  td.main-content p {
    font:15px Helvetica, Arial;
    line-height:22px;
    margin-bottom:20px;
    color: #444;

    }
  td.main-content img {border:1px solid #ccc;}
  td.main-content ul {
    list-style-image:none !important;
    list-style-position:outside !important;
    list-style-type:none !important;
    margin-bottom:20px;
    margin-left:0;
    margin-top: 10px;
  }

  *td.main-content ul { margin-left: 20px; }
  *td.main-content ol { padding-left: 22px; }

  td.main-content ol {
    margin-bottom:20px;
    margin-left:5px;
    margin-top: 10px;
  }

  td.main-content ol li {
    line-height:22px;
    margin-bottom:10px;
    padding-left:7px;
    margin-left: 13px;
    color: #444;
    font:15px Helvetica, Arial;
  }

  td.main-content ul li {
    background:transparent url(/images/blue_bullet.gif) no-repeat scroll 0 6px;
    line-height:22px;
    margin-bottom:10px;
    padding-left:20px;
    color: #444;
    font:15px Helvetica, Arial;
  }
  blockquote {
    font-family:Palatino,Georgia,serif;
    font-size:15px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:italic;
    font-variant:normal;
    font-weight:normal;
    line-height:23px;
    margin-left:20px;
    color: #551100;
  }
  blockquote em {font-style: normal;}

  p.narrow {width: 350px !important; text-align: left;}
  td.main-content p.bigp {font: bold italic 15px Arial; }
  span.asterisk {font: 12px Arial; color: darkred;}
  .vid-wrap {padding: 10px 0; text-align: center; border: 1px solid #ccc; background: #eee; margin: 10px 0;}
  div.confirm {font: 14px Arial, helvetica; padding: 10px; background: #dfc; margin-top: 15px; border-top:1px solid #ccc; border-bottom: 1px solid #ccc;}

 form#client-form { padding: 10px 20px; background: #eee; border:1px solid #ccc; width: 350px;}
 form#client-form p {padding: 0; margin: 10px 0 3px 0; font: 13px Arial; }
 form#client-form input.text {width: 300px; border: 1px solid #aaa; margin:0; font: 15px Arial; padding: 2px 5px; color: #000;}
 form#client-form input.error {background: #FFE88A;}
      /* ************** overlay ************** */

    div.overlay { padding:50px 40px 30px;width:576px;display:none;background-image:url(/images/flow/white_close.png); }
    /*\*/ * html div.overlay {background-image:url(/images/flow/white_close_ie6.gif);}  /**/
    div.overlay div.close {
        background:url(/images/popup/close2.png) no-repeat 13px 40px;
        position:absolute;
        top:2px;
        left:7px;
        width:35px;
        height:40px;
        cursor:pointer;
    }

    div#vid_overlay div.close:hover {background-position: 13px -10px;}
    div#exp_overlay div.close:hover {background-position: 13px -10px;}
    div#more_overlay div.close:hover {background-position: 13px -10px;}

    div.overlay div.close:hover{ background-position: 13px -9px; }
    div.overlay a.vid-anchor { height:332px;display:block;padding:0;margin:0;}

    div#vid_overlay {display:none; padding:40px 45px; width:539px; background-image:url(/images/flow/white_close_vid1.png)}
    /*\*/ * html div#vid_overlay {background-image:url(/images/flow/white_close_vid_ie61.gif);}  /**/

    div#exp_overlay, div#more_overlay {background-image:url('/images/flow/white_close_small.png');width:359px;padding:40px;}
    /*\*/ * html div#exp_overlay {background-image:url(/images/flow/white_close_small_ie6.gif);}  /**/
    /*\*/ * html div#more_overlay {background-image:url(/images/flow/white_close_small_ie6.gif);}  /**/

  div.inline-quote { padding: 10px 20px; margin: 15px 0 10px 0; border: 1px solid #ccc; background: ivory;}
  div.inline-quote p{ font:italic 14px Georgia; color: #666; line-height: 22px; margin: 0;}
  span.inline-name { font: bold 13px Georgia; color: #444;}