/* ---------------------------------------------------------------------- */
/*      This code controls the basic structure and look for the site      */
/* ---------------------------------------------------------------------- */
/* begin styles for basic structure and look */
body {font-family: arial, verdana, helvetica, sans-serif; font-size:16px}
div#page {width:720px; margin:0 auto;}
div#header {text-align:center}
h1 {font-size:1.15em; margin:40px 0 10px 0}
h2 {color:#f00; font-size:1.15em; text-align:center;}
h3 {font-size:1.0em; margin:30px 0 20px 0}
h4 {font-size:1.0em; margin:30px 0 20px 0; text-align:center}
h5 {font-size:1.25em; margin:40px 0 10px 0; text-align:center;}
.center {text-align:center}
.indent {margin-left:50px}
.indent-more {margin-left:140px}
p.heading {font-size:1.15em; margin:20px 0; font-weight:bold;}
div#content {width:90%; margin:0 auto}
div#content li {margin:20px 0}
img {border:0}
.down {margin-top: 50px}
/* end styles for basic structure and look */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/*    This code controls the layout and look of the top navigation bar    */
/*                        edit at your own risk                           */
/* ---------------------------------------------------------------------- */
/* begin styles for main top navigation bar */

div#menu {width:100%; height:25px; margin-top:10px; background:url(../images/menu-grad-4.jpg) repeat-x}
ul#nav, ul#nav ul, ul#nav ul ul {font-size:0.9em; list-style:none; margin:0; padding:4px 0 0 0; 
  color:#0a1f62; font-weight:bold; text-align:center;}
ul#nav {width:540px; margin:0 auto;}
ul#nav {width:685px; margin:0 auto;}
ul#nav {width:700px; margin:0 auto;}

ul#nav li {display:inline; float:left; padding:0 0px;}
ul#nav li.first {border-left:0}
ul#nav li ul {position:absolute; left:-999em; width:20.45em; background:#C2D1E7; border:solid #333; border-width: 1px 1px 0px 1px; padding:0}

ul#nav li ul li {padding:5px 10px 10px 10px; border-bottom:1px solid #333; text-align:left;}

ul#nav li ul li.level-2 {width:19em}
ul#nav li ul li.level-2 ul li a {color:#0a1f62}
ul#nav li ul li.level-2 ul li:hover a {color:#c2d1e7}

ul#nav li ul li.level-2cs {width:10em}
ul#nav li ul li.level-2cs ul li a {color:#0a1f62}
ul#nav li ul li.level-2cs ul li:hover a {color:#c2d1e7}

ul#nav li ul li.level-1:hover a {color:#c2d1e7}

ul#nav li ul li:hover, ul#nav li ul li.sfhover {background:#0A1F62; color:#c2d1e7}
ul#nav li ul li:hover a, ul#nav li ul li.sfhover a, ul#nav li ul li a:hover {color:#C2D1E7; text-decoration:none;}
ul#nav li ul li a {display:block; width:19.3em;}
ul#nav li:hover ul, ul#nav li.sfhover ul {left: auto; margin:0 0 0 -15px}
ul#nav li a, ul#nav li:hover ul li a {text-decoration:none; color:#0a1f62; font-size:12px; font-weight:bold}
ul#nav li a:hover {color:#0a1f62; text-decoration:underline}

ul#nav li ul ul {margin: -1em 0 0 10em;}
ul#nav li:hover ul ul, ul#nav li.sfhover ul ul {left: -999em;}
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul {top:auto; left:auto;}
ul#nav li ul li:hover ul, ul#nav li ul li.sfhover ul {margin:-22px 0 0 100px; color:#c2d1e7; width:22.75em}
ul#nav li ul li:hover ul a, ul#nav li ul li.sfhover ul a {width:20.5em}
ul#nav li li ul li:hover a, ul#nav li li.sfhover ul li:hover a {color:#c2d1e7;}

ul#nav li ul.products {width:18em}
ul#nav li ul.products li a {width:18em;}
ul#nav li ul.products li:hover a, ul#nav li ul.products li.sfhover a {background:#0A1F62; color:#c2d1e7}

ul#nav li ul.casestudies {width:150px}
ul#nav li ul.casestudies li a {width:130px;}


/* end styles for main top navigation bar */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/*     This code is specific to the layout and look of the home page      */
/*   The styles are necessary due to the second column on this one page   */
/* ---------------------------------------------------------------------- */
/* begin specific styles for home page */
h1.home {font-size:1.15em; margin:20px 5px}
.attention {font-size:14px;; margin:20px 5px}
.attention span {font-weight:bold; text-decoration:underline}
div#content-home {width:100%; padding:0 5px}
div#content-home li {margin:20px 0}
div#sidebar-home {width:300px; float:right; margin-left:20px; margin-right:5px}
/* div.testimonial {background:#C2D1E7; padding:5px; margin-bottom:10px; border:1px solid #011c54}   */
div.testimonial {background:#CCEBFB; padding:5px; margin-bottom:10px; border:2px solid #011c54}
div.sidebar-bottom {margin-bottom:10px}
p.testimonial-head {font-size:16px; text-align:center; font-weight:bold}
.testifier {font-weight:bold}
/* div.sites {background:#C2D1E7; padding:10px; margin-bottom:15px}    */
div.sites {background:#CCEBFB; padding:10px; margin-bottom:15px;}
p.sites-head {font-size:16px; text-align:center; font-weight:bold}
div#tsbstyle {margin-bottom:15px; padding:0 5px 20px 15px; border:2px dashed #900}
div#tsbstyle img {margin:0 0 20px 35px; width:171px; height:200px;}
/* end specific styles for home page */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/*         This code controls the layout and look of the footer           */
/* ---------------------------------------------------------------------- */
/* begin styles for footer (menu and copyright) */
div#footer {text-align:center; margin-bottom:50px; clear:both}
ul#nav-footer {list-style:none; margin:0; padding:10px 0 0 0}
ul#nav-footer li {display:inline;}
ul#nav-footer li a {text-decoration:none; color:#0A1F62; font-size:12px}
ul#nav-footer li a:hover {color:#00f; text-decoration:underline}
div#copyright {font-size:12px}
/* end styles for footer (menu and copyright) */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/*     This code controls the layout and look of the free report form     */
/* ---------------------------------------------------------------------- */


/* begin styles for free special report form */
div.free-report {width:320px; margin:20px auto; border:4px dashed #900;
  padding:20px; text-align:center; clear:both}
div.free-report p {text-align:left;}
div.free-report p.note {font-size:0.625em}
input#cmdSubmit2 {font-size:14px; width:260px}
input#cmdSubmit2  {padding:2px 5px;}

/*   The following line is specific to the narrow form on the home page   */
div.narrow {width:250px; margin-top:0; margin-bottom:15px; padding:20px 15px}
/* end styles for free special report form */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/*   This code controls the layout and look of the contact information    */
/* ---------------------------------------------------------------------- */
/* begin styles for contact page */
#contact {margin-top:-20px}
#contact h3 {font-size:1.5em; font-weight:normal}
#contact p.phone {font-size:1.15em; margin-bottoms:0}
#contact p.email {margin-top:0}
/* end styles for contact page */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/*       This code controls the layout of the lists in the article        */
/* ---------------------------------------------------------------------- */
/* begin styles for article lists */
ul#articles {list-style:none; margin:0 5px; padding:0}
ul#articles li {margin-left:20px; margin-bottom:5px; margin-top:0}

div#content ul.article-content li {margin:1px 0;}
div#content ol li ul {margin-top:20px}
div#content ol li ul li {margin:1px 0;}
div#content ol li ul li ul{margin-top:1px}
div#content ol li ul li ul ul {margin-top:1px}
div#content ol.article-content2 li {margin:1px 0;}
div#content ol.article-content2 {margin-bottom:1px;}

p.quote {font-family:Lucida-Calligraphy; margin-bottom:30px; color:#555}
p.quote span.cite {font-size:0.85em; padding-left:15px; font-style:italic}
/* end styles for article lists */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/*       This code controls the layout of the lists in the case studies   */
/* ---------------------------------------------------------------------- */
/* begin styles for case studies lists */
ul#casestudies {list-style:none; margin:0 5px; padding:0}
ul#casestudies li {margin-left:20px; margin-bottom:5px; margin-top:0}

div#content ul.casestudies-content li {margin:1px 0;}
div#content ol li ul {margin-top:20px}
div#content ol li ul li {margin:1px 0;}
div#content ol li ul li ul{margin-top:1px}
div#content ol li ul li ul ul {margin-top:1px}
div#content ol.casestudies-content2 li {margin:1px 0;}
div#content ol.casestudies-content2 {margin-bottom:1px;}

p.testimonial-cs {background:#ff9; font-style:italic; width:540px; 
    margin:20px auto; padding:10px; border:2px ridge #000}
p.testimonial-cs span {font-style:normal; margin-left:50px}

p.quote {font-family:Lucida-Calligraphy; margin-bottom:30px; color:#555}
p.quote span.cite {font-size:0.85em; padding-left:15px; font-style:italic}
/* end styles for case studies lists */
/* ---------------------------------------------------------------------- */



/* ---------------------------------------------------------------------- */
/*       This code controls the layout of the lists in the Info           */
/* ---------------------------------------------------------------------- */
/* begin styles for article lists */
ul#policy {list-style:none; margin:0 20px; padding:0}
ul#policy li {margin:10px 0}
/* end styles for info lists */
/* ---------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/*   This code controls the layout and look of the download information   */
/* ---------------------------------------------------------------------- */
/* begin styles for biggest-psych-trigggers page */
.download {font-size:1.5em; margin:50px 0}
.download a {font-size:0.67em}
img#adobe {float:left; margin:5px 10px 0 0}
span.raquo {color:red; font-weight:bold; font-size:1.2em}
.download1 {width:72%; margin:0 auto}
/* end styles for biggest-psych-trigggers page */
/* ---------------------------------------------------------------------- */

div#author-bio {width:310px; border:0px dashed #0a1f62; padding:10px; margin-top:5px}
div#author-bio {width:310px; border:0px dashed #0a1f62; padding:10px; margin-top:0}
div#author-bio p {margin:0}
div#article-note {width:310px; border:0px dashed #0a1f62; padding:10px; margin-top:15px}
div#article-note {width:310px; border:0px dashed #0a1f62; padding:10px; margin-top:5px}
div#article-note p {margin:0}

div#whitelist-box {width:400px; margin:20px auto; border:1px solid red; padding:0 10px}
div#whitelist-links {text-align:center; font-size:12px}
div#content ul.whitelist li {margin:2px 0;}
span.version {color:blue; font-weight:bold}
hr.whitelist-hr {height:0px; border-top:1px solid #000; width:50%; margin-top:40px}
span.required {color:red; font-wieght:bold; font-size:22px}
.left {float:left}
.right {float:right}
.clear {clear:both; padding-top:20px}
.down {padding-top:20px}

/* ---------------------------------------------------------------------- */
/*      This code controls the layout and look of the sales letter        */
/* ---------------------------------------------------------------------- 
/* begin styles for the sales letter page */
div#offer {font-family:verdana, arial, sans-serif}
div#offer h1 {font-size:1.8em}
div#offer h2 {font-size:1.6em; color:#ab3a34; margin:30px 0}
div#offer h3 {font-size:1.2em; color:#ab3a34; text-align:left; margin-top:40px}
p.testimonial-sales-letter {background:#ff9; font-style:italic; width:500px; 
    margin:20px auto; padding:10px; border:2px ridge #000}
p.testimonial-sales-letter span {font-style:normal; margin-left:50px}
div.note {font-size:0.8em; margin:30px 0}
.red {color:red}
table#coaching {width:675px; margin:20px 0}
table#coaching td {vertical-align:top}
/* end styles for the sales letter page */
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/*      This code controls the layout and look of the Client Stories      */
/* ---------------------------------------------------------------------- 
/* begin styles for the Client Stories page */
div.testimonial-cs1 {background:#f6f0fb; width:540px; margin:20px auto; padding:10px; border:2px solid #011c54}  
div.testimonial-cs1 p span {font-style:normal; margin-left:30px}

div.testimonial-cs2 {background:#ccebfb; width:540px; margin:20px auto; padding:10px; border:2px solid #011c54}  
div.testimonial-cs2 p span {font-style:normal; margin-left:30px}

p#john_pic {text-align: center}

/* end styles for the Client Stoires page */
/* ---------------------------------------------------------------------- */