/*==============================================
/* The Basic Stylesheet for for-ceos-only.com;
/* This can get hacked up into multiple
/* style sheets later, but for now I prefer
/* to have everything in one. Also, I've
/* chosen to use spaces in each element to
/* help with readability. ~b
/*
/* February 9th, 2009 Brendan McGuigan
/* E-Mail Contact: brendan@kalisti.com
==============================================*/

/*===================================
/* Reseting all basic styles, so that
/* there are a lot less cross-browser
/* display issues.
===================================*/

* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, form, body, html, p, input, ul, ol, li { margin: 0; padding: 0;}
ul, ol { list-style: none; }
a img, :visited img, :link img { border: none; }
:link, :visited { text-decoration: none; }
.clear { clear: both; height: 1px; font-size: 1px; line-height: 0; visibility: hidden; }

/*===================================
/* Amazing big props to Angus Turnbull
/* for this simple fix to the IE PNG
/* conundrum. You are a scholar and
/* a saint, sirrah.
===================================*/

img, div, a { behavior: url(iepngfix.htc); }

/*===================================
/* Global Styles
===================================*/

body {
  background-color: rgb(255,255,255);
  margin: 1.5em auto 2em auto;
  text-align: center;
  font-family: Arial, sans-serif;
}

#container { 
  margin: 0 auto 0 auto;
  text-align: left;
  width: 807px;
}

a:hover, a:active { color: rgb(70,70,70); }


/*===================================
/* Header Styles
===================================*/

#header {
  background-color: rgb(0,0,0);
  height: 125px;
  padding: 20px 0 0 0;
  background-image: url(images/montage.jpg);
  text-align: center;
}

h1.headerLine {
  width: 440px;
  margin: 0 auto 5px 115px;
  text-align: center;
}

h2.headerTag {
  font-size: 120%;
  font-weight: normal;
  font-style: italic;
  width: 440px;
  text-align: center;
  margin: 0 auto 0 115px;
}

.pageHeader { text-align: center; margin: 9px auto 1em auto; font-size: 120%; }
.lowerHeader { text-align: center; margin: 9px auto 1em auto; font-size: 110%; }

/*===================================
/* Menu Styles
===================================*/

#menu {
  text-align: center;
  padding: 10px 0 10px 0;
  background-color: rgb(192,192,192);
  border-top: 3px solid white;
  border-bottom: 2px solid white;
}

#menu li {
  display: inline;
  font-size: 80%;
  font-style: italic;
  padding: 0 6px 0 6px;
  border-right: 1px solid black;
}

#menu li.finalItem { border-right: none; }

#menu li a:hover, #menu li a:active { color: rgb(0,0,0); }

/*===================================
/* Box Layout
===================================*/

#content { float: left; background-color: rgb(192,192,192); border-bottom: 2px solid white; }

.column-one-sidebar {
  width: 210px;
  padding: 0 9px 9px 9px;
  text-align: center;
  color: rgb(255,255,255);
  float: left;
}

.column-one-sidebar a { 
  color: rgb(255,255,255); 
  text-decoration: underline;
  font-size: 80%;
  font-style: italic;
}
  
.column-one-sidebar a:hover, .column-one-sidebar a:active { color:rgb(215,215,200); }

.column-two-content { 
  width: 551px; 
  padding: 9px 14px; 
  float: right; 
  background-color: rgb(192,192,192);
}

* html .column-two-content { width: 533px; }

.column-two-content p { margin-bottom: 1em; text-indent: 1em; font-size: 80%; }
.column-two-content h1 { font-size: 130%; text-align: center; margin-bottom: 1em; }
.column-two-content ul li { font-size: 80%; list-style: square; margin: 0 0 1em 2.5em; }

.column-one-content { width: 579px; float: left; }
* html .column-one-content { width: 576px; float: left;}
.column-one-content-clone { width: 579px; float: left; }
.column-two-sidebar { width: 228px; float: right; background-color: rgb(0,47,0); text-align: center; font-style: italic; font-size: 80%; color: rgb(255,255,255);  }


.column-one-large-bar { width: 450px; float: left; }
.column-two-book-bar { width: 357px; float: right; text-align: center; background-color: rgb(255,255,255); height: 43em; }

#spacerBox { height: 25px; background-color: rgb(192,192,192); border-top: 3px solid white; border-bottom: 3px solid white;  }
.column-one-menu { height: 420px; width: 150px; float: left; }
.column-two-center { height: 420px; width: 400px; float: left; background-color: rgb(255,255,255); }
.column-three-image { height: 420px; width: 257px; float: left; background-color: rgb(70,0,0); }

.column-one-book-chapters { width: 200px; background-color: rgb(0,0,0); height: 600px; float: left; }
* html .column-one-book-chapters { width: 185px; }
.column-two-book-splash { width: 407px; background-color: rgb(70,0,0); height: 600px; float: left; }
* html .column-two-book-splash { width: 395px; }
.column-three-book-info { width: 200px; background-color: rgb(0,0,0); height: 600px; float: left; }
* html .column-three-book-info { width: 185px; }

/*===================================
/* Footer Styles
===================================*/

#footer { 
  background-color: rgb(192,192,192); 
  padding: .5em 0 .5em 0;
  text-align: center;  
  font-style: italic;
  font-size: 80%;
}

/*===================================
/* Index Styles
===================================*/

#verticalMenu { text-align: center; margin: 0 auto 0 auto; font-size: 80%; font-style: italic; margin-top: 100px; }
#verticalMenu li { margin-bottom: 1em; }
.column-two-center p { margin: 0 10px 1em 10px; text-align: justify; font-size: 80%; text-indent: 1em; }

.column-three-image { text-align: center; margin: 0 auto 0 auto; }
.column-three-image img { margin-top: 10px; }
.column-three-image a { color: rgb(255,255,255); font-style: italic; text-decoration: underline; }
.column-three-image #links { color: rgb(255,255,255); font-size: 80%; }
.column-three-image ul li { margin-top: 1em; }
#longBox { background-color: rgb(70,0,0); color: rgb(255,255,255); padding: 20px 0 10px 0; }
#longBox a { color: rgb(255,255,255); text-decoration: underline; }
#longBox .quoteBlock { margin-left: 10px; margin-right: 10px; margin-top: 0; }
#longBox .quoteCite { margin-right: 10px; }

/*===================================
/* Book Styles
===================================*/

.column-one-book-chapters { text-align: center; float: left; }
.column-two-book-splash { text-align: center; float: left; }
.column-three-book-info { text-align: center; float: left; }
.column-one-book-chapters a { color: rgb(255,255,255); font-size: 80%; font-style: italic; text-decoration: underline; }
.column-three-book-info a { color: rgb(255,255,255); font-size: 80%; font-style: italic; text-decoration: underline; }
.column-one-book-chapters a:hover, .column-one-book-chapters a:active { color: rgb(130,130,130); }
.column-three-book-info a:hover, .column-one-book-chapters a:active { color: rgb(130,130,130); }
.column-one-book-chapters ul li { margin-bottom: 1em; }
.column-one-book-chapters ul { margin-top: 11em; }
.column-three-book-info ul li { margin-bottom: 1em; }
.column-three-book-info ul { margin-top: 3.6em; }
.column-two-book-splash img { margin-top: 30px; }
.bookSpeechBalloon { 
  background-image: url(images/speechballoon2.gif); 
  height: 122px; 
  width: 226px; 
  background-repeat: no-repeat; 
  background-position: top left;
  position: relative;
  left: -30px;
  top: 30px;
}
.bookSpeechBalloon a { color: rgb(0,0,128); font-weight: bold; left: 28px; top: 11px; position: relative; }

/*===================================
/* Ceo-Club Styles
===================================*/

.ceo-club-sidebar {
  background-color: black;
}

.quoteBlock { margin-top: 3em; font-size: 80%; text-align: justify; font-style: italic; text-indent: 1em; }
.quoteCite { text-align: right; font-weight: bold; margin-top: 1em; font-size: 80%; font-style: italic; }

.ceo-club-sidebar ul li { margin-top: 5px; }

.bottomBox { border: 3px double rgb(70,0,0); width: 350px; margin: 1em auto 0 auto; text-align: center; padding: 1em 0 1em 0; }
.bottomBox p { text-indent: 0; margin: 0; }

/*===================================
/* Coaching Styles
===================================*/

.column-two-sidebar a { color: rgb(255,255,255); text-decoration: underline; }
.column-two-sidebar ul li { margin-bottom: 1em; }
.column-two-sidebar ul { margin-top: 1em; }
.column-two-sidebar p { margin-left: 1em; margin-right: 1em; }
.column-two-sidebar img { margin-top: 2em; }
.quoteCitation { text-align: right; float: right; font-weight: bold; }
.column-two-sidebar a:hover, .column-two-sidebar a:active { color: rgb(140,140,140); }
.quoteArea { text-align: justify; }
.column-one-content p { margin: 0 1em 1em 1em; font-size: 80%; text-indent: 1em; text-align: justify; }
.column-one-content-clone p { margin: 0 1em 0 1em; font-size: 80%; text-indent: 1em; text-align: justify; }
.normalList li { margin: 0 1em .75em 3em; list-style: disc; font-size: 80%; }
.inPageQuote { font-style: italic; text-align: right; margin-bottom: 1em; }
.inPageQuote p { text-align: right; margin-bottom: 0; }
.inPageCite { font-weight: bold; }
#coachingBoxes { height: 908px; }
#coachingBoxSidebar { height: 908px; }
* html #coachingBoxSidebar { height: 915px; }

/*===================================
/* Workshops Styles
===================================*/

#workshopsBoxes { height: 1158px; }
#workshopsBoxSidebar { height: 1155px; background-color: rgb(70,0,0); }
.centeredText { margin: 2em auto 0 auto; text-align: center; }
.centeredText p { margin: 0 auto 0 auto; text-align: center; }

/*===================================
/* Helpful Styles
===================================*/

#helpfulBoxes { height: 680px; }
#helpfulBoxSidebar { height: 680px; background-color: rgb(70,0,0); }
.yesNoLine { margin-bottom: 0em; }
.yesNoLine p { float: left; text-indent: 0; margin-left: 5px; margin-right: 1em; margin-bottom: 0; }
.yesNoLine img { float: left; margin-bottom: 0; }
.helpfulSiteBox { margin: 1.5em 0 .5em 4em; }

/*===================================
/* Who We Are Styles
===================================*/

#whoWeAreBoxes { height: 580px; }
#whoWeAreBoxSidebar { height: 580px; background-color: rgb(70,0,0); }
.headshot { margin: 1em 1em 1em 1em; border: 1px solid black; float: left; }

/*===================================
/* Media and Press Kits Styles
===================================*/

#mediaBoxes { height: 560px; background-color: rgb(0,0,0); text-align: center; }
#mediaBoxSidebar { height: 560px; background-color: rgb(70,0,0); }
.mediaInset { margin: 25px auto 0 auto; background-color: rgb(192,192,192); width: 475px; text-align: center; padding: 10px 0 10px 0; }
.mediaInset p { text-align: center; }
.addressBlock p { margin-bottom: .25em; }
.addressBlock h2 { margin-top: 1em; margin-bottom: 0; }
.mediaInset .lowerHeader { margin-top: 2em; }

/*===================================
/* Contact Styles
===================================*/

#contactBoxes { height:450px; background-color: rgb(0,0,0); text-align: center; }
#contactBoxSidebar { height: 450px; background-color: rgb(70,0,0); }
#contactBoxes .mediaInset .addressBlock p { margin-bottom: .5em; }
#contactBoxes .mediaInset .addressBlock h2 { margin-bottom: 1em; }

/*===================================
/* Privacy Styles
===================================*/

#privacyBoxes { height:450px; background-color: rgb(0,0,0); text-align: center; }
#privacyBoxSidebar { height: 450px; background-color: rgb(70,0,0); }
p.bigCenter { text-align: center; margin: 2em auto 0 auto; font-size: 110%; }

/*===================================
/* About the Author Styles
===================================*/

.samKhoury { margin: 10px 15px 0 10px; float: left; }
.aboutText { 
  margin: 10px 0 0 0; 
  width: 200px;
  font-size: 80%; 
  text-align: justify; 
  float: left; 
  text-indent: 1em;
}

.aboutText p { margin-bottom: 1em; }
.speechBalloon { width: 100%; background-image: url(images/speechballoon.gif); height: 90px; background-position: bottom right; background-repeat: no-repeat; }
.speechBalloon a { position: relative; left: 107px; top: 33px; color: rgb(0,128,0); text-decoration: underline; font-size: 80%; font-style: italic; }
.scroll { width: 100%; background-image: url(images/scroll.gif); height: 90px; background-position: center center; background-repeat: no-repeat; }
.scroll p { color: rgb(159,0,0); font-size: 80%; width: 150px; font-style: italic; font-weight: bold; position: relative; top: 30px; text-align: center; margin: 0 auto 0 auto; }
.scatterLinks { background-image: url(images/faded-ship-small.jpg); background-repeat: no-repeat; height: 200px; background-position: center top; }
.scatterLinks a { font-style: italic; font-size: 80%; position: relative; }
#preface { top: 37px; left: -60px; }
#whyiwrote { top: 20px; left: 100px; }
#toc { top: 39px; left: -95px; }
#isthisbookforyou { top: 20px; left: 115px;}
#backcover { top: 38px; left: -95px; }
#frontflap { top: 20px; left: 100px; }
#backflap { top: 42px; left: -105px;}
#reviews { top: 25px; left: 120px;}
#testimonials { left: -60px; top: 40px;  }
#about { top: 21px; left: 60px; }


/*===================================
/* Book Page Styles
===================================*/

#blueBacking { background-color: rgb(0,0,192); text-align: center; height: 43em; }
#redBacking { background-color: rgb(70,0,0); text-align: center; height: 43em; }
#reviewsBox { background-color: rgb(0,47,0); height: 43em; }
#reviewsBox h3 { font-size: 80%; text-align: center; margin: 1em auto 0 auto; color: rgb(255,255,255); }
#reviewsBox p { font-size: 80%; text-indent: 1em; margin: 3em 1em 0 1em; color: rgb(255,255,255); }
.bookPageImage { margin: 20px auto 0 auto; text-align: center; }

/*===================================
/* Testimonials Styles
===================================*/

.full-content { background-image: url(images/stock-ship.jpg); height: 450px; width: 807px; background-repeat: no-repeat; }
.testimonialsBox { font-size: 80%; margin: 20px 0 0 20px; width: 455px; float: left;  }
.testimonialsBox p { text-indent: 1em; text-align: justify; }
.source { text-align: right; text-indent: 0; font-weight: bold; float: right;  margin-top: 0em; }
#testimonial1 { position:relative; }
#testimonial1 .source { width: 455px; text-align: right; }
#testimonial2 { position: relative; top: 1em;  width: 415px;}
#testimonial2 .source { width: 415px; text-align: right; }
#testimonial3 { width: 395px; position: relative; top: 2.5em; }
#testimonial3 .source { width: 395px; text-align: right; }
#fullPageMenu {
  width: 140px;
  float: right;
  margin: 30px 4px 0 0;
  text-align: center;
  font-size: 80%;
  font-style: italic;
  text-decoration: underline; 
}
#fullPageMenu li { margin-bottom: 1em; }

/*===================================
/* Order Page Styles
===================================*/

#orderPage { background-color: rgb(255,255,255); width: 807px; height: 300px; }
#orderPage iframe { margin: 30px 0 0 40px; }
#orderPage img { top: -40px; position: relative; }