/* Global reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a,ins{text-decoration:none; outline:none;}
.clearFix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}



/* Global */


html, body { height:100%; }

body
{   
   background: #f4f3ec url(../img/body-bg.jpg);
   font-family: Georgia, serif;
   line-height:1.4;
   
   margin:0;
   padding:0;
   
   color: rgba(41,41,43,.9);
   text-shadow: 0 0 0 #000;
   -moz-opacity: .999;
}

a
{
   color:#be0a23;
   text-decoration: underline;
}

em
{
   font-style: italic;
}


/* Content Wrap */

#contentWrap
{
   min-height:600px;
}

#sectionCuriosity #contentWrap  { background:transparent url(../img/section-curiosity-bg.gif)  center top no-repeat; }
#sectionInnovation #contentWrap { background:transparent url(../img/section-innovation-bg.gif) center top no-repeat; }
#sectionLeadership #contentWrap { background:transparent url(../img/section-leadership-bg.gif) center top no-repeat; }
#sectionResults #contentWrap    { background:transparent url(../img/section-results-bg.gif)    center top no-repeat; }
#sectionTeamwork #contentWrap   { background:transparent url(../img/section-teamwork-bg.gif)   center top no-repeat; }
#sectionLastWord #contentWrap   { background:transparent url(../img/section-lastword-bg.gif)   center top no-repeat; }
#sectionAbout #contentWrap      { background:transparent url(../img/section-about-bg.gif)      center top no-repeat; }
#sectionRuppe #contentWrap      { background:transparent url(../img/section-ruppe-bg.gif)      center top no-repeat; }

/* Content */

#content
{
   width:900px;
   margin:0 auto;
   padding:0 0 80px 0;
   
   background: transparent url(../img/texture-globe.gif) right bottom no-repeat;
}

#home #content
{
   width: 670px;
   background: none;  
}

#sectionAbout #content
{
   background: none;  
}


/* Footer */

#footer
{
   height: 56px;
   width:100%;
   line-height: 1;
   background: transparent url(../img/footer-bg.gif) left top repeat-x;
}

#footer
{
   position: fixed;
   bottom: 0px;
   z-index: 10000;
   border-top:2px solid #c9c6bf;
}

#bookMast
{
   width: 490px;
   margin: 0 auto;
}

#bookMast a
{
   display: block;
   float: left;
   height: 56px;
   overflow: hidden;
   
   line-height: 1;
}

#bookTitle
{
   padding-right: 90px;
   padding-left: 10px;
}

#bookAuthor
{
   padding-right: 16px;
}

/* HOME QUOTE */

#home #quote
{ 
   width:560px;
   margin:0 auto 0 auto;
   padding-top:160px;
}

#home #quote p
{
   margin:0 0 20px 0;
   font-size:18px;
   line-height: 1.5;   
}

#home #enter
{
   display: block;
   position: relative;
   
   width: 110px;
   height: 68px;
   overflow: hidden;
   
   margin-left: 440px;
   
   text-indent: -10000px;
   background: transparent url(../img/spritesheet.gif) -600px -750px no-repeat;
}

#home #enter .over
{
   display: block;
   width: 110px;
   height: 68px;
   
   position: absolute;
   top:0;
   left:0;
   background: transparent url(../img/spritesheet.gif) -750px -750px no-repeat;
   display: none; /* Turn on display and set opacity to 0 with jQuery */
}



/* MENU */

#menu
{
   height:96px;
   padding: 20px 0 0 0;
   margin:0 0 24px 0;
}

#home #menu
{
   width:670px;
   height:120px;
   padding-top: 140px;
   display:none;
}

#sectionLastWord #menu,
#sectionAbout #menu
{
   margin-bottom: 0;
}

#menu a
{
   display: block;
   position: relative;
   float:left;
   
   width: 82px;
   height: 96px;
   overflow: hidden;
   
   margin-right: 30px;
   
   text-indent: -10000px;
   background: transparent url(../img/spritesheet.gif) top left no-repeat;
}

#home #menu a
{
   width: 102px;
   height: 120px;   
   margin-right: 40px;
   margin-bottom: 100px;
   
   cursor: pointer;
}

#menu a .over
{
   display: block;
   width: 100%;
   height: 100%;
   
   position: absolute;
   top:0;
   left:0;
   
   text-indent: -10000px;
   background: transparent url(../img/spritesheet.gif) top left no-repeat;
   
   display: none; /* Turn on display and set opacity to 0 with jQuery */
}



#menu #innovation                          { background-position: 0px -300px; }
#menu #innovation .over                    { background-position: 0px -450px; }
#sectionInnovation #menu #innovation,
#sectionInnovation #menu #innovation .over { background-position: 0px -600px; }
#home #menu #innovation                    { background-position: 0px 0px; }
#home #menu #innovation .over              { background-position: 0px -150px; }

#menu #results                             { background-position: -450px -300px; }
#menu #results .over                       { background-position: -450px -450px; }
#sectionResults #menu #results,
#sectionResults #menu #results .over       { background-position: -450px -600px; }
#home #menu #results                       { background-position: -450px 0px; }
#home #menu #results .over                 { background-position: -450px -150px; }
                   
#menu #teamwork                            { background-position: -150px -300px; }
#menu #teamwork .over                      { background-position: -150px -450px; }
#sectionTeamwork #menu #teamwork,
#sectionTeamwork #menu #teamwork .over     { background-position: -150px -600px;}
#home #menu #teamwork                      { background-position: -150px 0px; }
#home #menu #teamwork .over                { background-position: -150px -150px; }
                                           
#menu #leadership                          { background-position: -600px -300px; }
#menu #leadership .over                    { background-position: -600px -450px; }
#sectionLeadership #menu #leadership,
#sectionLeadership #menu #leadership .over { background-position: -600px -600px; }
#home #menu #leadership                    { background-position: -600px 0px; }
#home #menu #leadership .over              { background-position: -600px -150px; }
                                           
#menu #curiosity                           { background-position: -300px -300px; margin-right:100px; }
#menu #curiosity .over                     { background-position: -300px -450px; }
#sectionCuriosity #menu #curiosity,
#sectionCuriosity #menu #curiosity .over   { background-position: -300px -600px; }
#home #menu #curiosity                     { background-position: -300px 0px; margin-right:0px; }
#home #menu #curiosity .over               { background-position: -300px -150px; }

#menu #about                               { background-position: -750px -300px; margin-right:0; }
#home #menu #about                         { margin:0 0 0 0; }
#menu #about .over                         { background-position: -750px -450px; }
#sectionAbout #menu #about,
#sectionAbout #menu #about .over           { background-position: -750px -600px; }
                                           
#menu #thelastword                         { background-position: 0px -750px; width:112px; margin-right:30px; }
#home #menu #thelastword                   { width:112px; margin: 0 30px 0 240px; } 
#menu #thelastword .over                   { background-position: -150px -750px; }
#sectionLastWord #menu #thelastword,        
#sectionLastWord #menu #thelastword .over  { background-position: -300px -750px; }





/* SECTION CONTENT */

#feature
{
   width:640px;
   margin:0 auto;
}

#feature h2
{
   height:48px;
   width:300px;
   margin:0 0 24px 0;
   
   text-indent: -10000px;
   overflow: hidden;
      
   background: transparent url(../img/spritesheet.gif) top left no-repeat;
}

#sectionInnovation #feature h2  { background-position: -300px -1050px; }
#sectionCuriosity #feature h2   { background-position: -300px -900px; }
#sectionTeamwork #feature h2    { background-position: 0px -1050px; }
#sectionResults #feature h2     { background-position: -600px -900px; }
#sectionLeadership #feature h2  { background-position: 0px -900px; }

#mediaPlayer,
.mediaPlayer
{
   width:488px;
   margin:0 auto 0 auto;
}

#mediaPlayer img,
.mediaPlayer img
{
   display: block;
   margin:0 0 20px 0;
}

#mediaAuthor,
.mediaAuthor
{
   width:282px;
   height:80px;
   overflow: hidden;
   margin: 0 auto;
   background: transparent url(../img/spritesheet.gif) top left no-repeat;
}

#sectionInnovation #mediaAuthor,
#sectionInnovation .mediaAuthor { background-position: 0px -1200px; }

#sectionCuriosity #mediaAuthor  { background-position: -600px -1200px; }
#sectionTeamwork #mediaAuthor   { background-position: -300px -1200px; }
#sectionResults #mediaAuthor    { background-position: -300px -1350px; }
#sectionLeadership #mediaAuthor { background-position: 0px -1350px; }
#sectionRuppe #mediaAuthor { background-position: -600px -1350px; }

#mediaAuthor h3,
.mediaAuthor h3
{
   margin:4px 0 12px 0;
   text-align: center;
   
   font-size:22px;
   line-height: 1;
}

#mediaAuthor h3 a,
.mediaAuthor h3 a,
#mediaAuthor h4 a,
.mediaAuthor h4 a
{
   color:#39393b;
   text-decoration: none;
}

#mediaAuthor h4,
.mediaAuthor h4
{
   text-align: center;
   
   font-size:10px;
   text-transform: uppercase;
   letter-spacing: 1px;
   line-height: 1.4;
}



#lists
{
   width:640px;
   margin:0px auto 0 auto;
}

#lists h3
{
   margin:0 0 12px 0;
   height: 42px;
   text-indent: -10000px;
   overflow: hidden;
   background: transparent url(../img/spritesheet.gif) top left no-repeat;
}

#lists #look h3
{
   background-position: 0px -1500px;
}

#lists #read h3
{
   background-position: 0px -1553px;
}

#lists #do h3
{
   background-position: 0px -1607px;
}


#lists ul
{
   margin-bottom: 32px;
}

#lists li
{
   margin:0 0 24px 0;
   padding:0 80px;   
}

#lists li h4
{
   margin: 0 0 4px 0;
   color:#be0a23;
}

#lists li p
{

}

#lists li h5
{
   margin-bottom: 4px;
   color:#be0a23;
}

#lists li h6
{
   font-size:11px;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 6px;
}


#copyright
{
   margin:48px 0 0 0;
   padding:0 80px;
   
   font-size:11px;
   text-transform: uppercase;
   letter-spacing: 1px;
   line-height: 1;
}


#lastWordContent
{
   width:640px;
   margin:0 auto;
}

#lastWordTop
{
   margin-top: 24px;
   background: transparent url(../img/dotted-bg.gif) top left repeat-x;
}

#lastWordTop h3
{
   font-size: 24px;
   color: #be0a23;
   
   padding: 12px 0;
   margin-bottom: 24px;
   
   background: transparent url(../img/dotted-bg.gif) bottom left repeat-x;
}

#lastWordQuestions
{
}

#lastWordQuestions ul
{
   list-style: circle;
   margin-bottom: 24px;
}


#lastWordQuestions li
{
   margin: 0 0 6px 18px;
}


#lastWordForm
{
   height:280px;
}

#lastWordForm textarea
{
   display: block;
   width: 100%;
   height:240px;
   
   font-family: Georgia, serif;
   line-height:1.4;
   font-size: 16px;
   color: #39393b;
   
   margin:0 0 12px 0;
}

#lastWordFormSubmit
{
   display: block;
   position: relative;
   
   width: 180px;
   height: 20px;
   overflow: hidden;

   text-indent: -10000px;
   background: transparent url(../img/spritesheet.gif) 0 -1650px no-repeat;
}


#lastWordFormSubmit .over
{
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top:0;
   left:0;
   
   text-indent: -10000px;
   background: transparent url(../img/spritesheet.gif) -300px -1650px no-repeat;
   
   display: none; /* Turn on display and set opacity to 0 with jQuery */
}


#lastWordContent #ruppeLink
{  
   display: block;
   width:394px;
   height: 118px;
   padding:20px 190px 0 56px;
   margin:48px 0;
   background: transparent url(../img/ruppe-link-bg.gif) top left no-repeat;
   text-decoration: none;
   color: #39393b;
}

#lastWordContent #ruppeLink .title,
#lastWordContent #ruppeLink .body,
#lastWordContent #ruppeLink .link
{
   text-decoration: none;
   display:block;
    
}

#lastWordContent #ruppeLink .title
{
      color: #be0a23;

margin-bottom: 3px;
}

#lastWordContent #ruppeLink .body
{
   font-size: 12px;
   margin-bottom: 3px;

}

#lastWordContent #ruppeLink .link
{
   color: #be0a23;
   font-size: 12px;
}

#formConfirm
{
   color:#be0a23;
   display: none;
}


#aboutContent
{
   width:640px;
   margin:0 auto 0 auto;
}

#aboutContent h3
{
   font-size: 18px;   
   margin-bottom: 6px;
}

#aboutContent h4
{
   font-size:11px;
   text-transform: uppercase;
   letter-spacing: 1px;
   line-height: 1;
   margin-bottom: 12px;
      color:#be0a23;

   padding-bottom: 6px;
   background: transparent url(../img/dotted-small-bg.gif) bottom left repeat-x;
}

#aboutImg
{
   width:600px;
   display: block;
   margin: 0 0 12px 0;
   border: 2px solid #ed174f;
   padding:0 0 0 0;
}

#aboutImg img
{
   display: block;
   padding:0 0 0 0;Ê
}

#aboutBio
{
   font-size: 14px;
   margin-bottom: 36px;
}

#aboutContent #podcastWrap
{
   margin-bottom: 36px;

}

#aboutContent #podcastWrap h4 span
{
   color:#be0a23;
}

#aboutContent #podcastWrap #podcast
{
   float:left;   
}

#aboutContent #podcastWrap p
{
   margin-left:53px;
   font-size: 14px;
   line-height: 1.4;
   
}


#bookList
{
   margin-bottom: 80px;
}

#bookList img
{
   display: block;
   float: left;
   padding-right: 5px;
}


#bookList li
{
   width:200px;
   height:200px;
   float:left;
   font-size: 14px;
   margin-right: 20px;
   
   position: relative; 
}

#bookList li.last
{
   margin-right: 0;
}

#bookList li .title
{
   font-style: italic;
   margin-bottom: 6px;
}


#bookList li .buylink
{
   margin:0 0 2px 0;
  
}

#bookList li .buylink,
#bookList li .link
{
   font-size:12px;

}

#bookList li .link a,
#bookList li .buylink a
{
  text-decoration: none;
}

#bookList li .link a:hover,
#bookList li .buylink a:hover
{
  text-decoration: underline;
}

#bookList li .link a
{
   color:#39393b;

}

#aboutContent .sellers
{
   display: none;
   
   position: absolute;
   
   top: -182px;
   left: 76px;
   width: 160px;
   height: 240px;
   padding:24px 19px 24px 19px;
   background: transparent url(../img/about-sellers-bg.png) top left no-repeat;
   font-size: 12px;
   z-index: 1000;
}

#aboutContent #buyLinksRules
{
   left: 68px;
   z-index: 1003;
}

#aboutContent #bookWork
{
   z-index: 1001;
}


#aboutContent #bookWhats
{
   z-index: 1002;
}

#aboutContent #bookRules
{
   z-index: 1003;
}


#aboutContent .sellers h4
{
   margin:0 80px 0 0;
   padding:0 0 0 0;
   text-align:left;
   text-transform: uppercase;
   letter-spacing:1px;
   font-size:11px;
   background:none;
   line-height: 1;
}

#aboutContent .sellers a
{
   display:block;
   margin:0px 0 0 0;
   text-decoration: none;
   height: 16px;
}

#aboutContent .sellers h5
{
   margin:16px 0 0 0;
   padding:0 0 0 0;
   height: 16px;
   color:#62615c;   
}

#aboutContent .sellers .sellersClose
{
   display:block;
   float:right;
   width:20px;
   height: 16px;
   margin:-2px 0 0 0;
   padding:0 0 0 0;
   vertical-align: top;
   color:#be0a23;
   font-size:11px;
   text-align:right;
}


#aboutContent .sellers a:hover,
#aboutContent .sellers .sellersClose:hover
{
   text-decoration: underline;
}


#ruppecan
{
   display: block;
   margin:36px auto 36px auto;
}

#ruppeContent #mediaAuthor
{
   margin-bottom: 36px;
}

#ruppeContent
{
   width:528px;
   margin:0 auto;
}

#ruppeContent #playis,
#ruppeContent #atwork
{
   width:528px;
   height:27px;
   margin:0 0 24px 0;
   text-indent: -10000px;
   background: transparent url(../img/spritesheet.gif) 0 -1680px no-repeat;
}

#ruppeContent #atwork
{
   background-position: 0 -1720px;
}

#ruppeContent p
{
   margin-bottom:12px;
   padding:0 20px;
}

#ruppeContent blockquote
{
   color:#d51e3e;
   font-style: italic;
   margin:36px 0;
   padding:0 20px;
}


#ruppeContent #downloadStory
{
   display:block;
   margin:48px 0;
}




.modalOverlay  
{  
    position:fixed;  
    top:0;  
    right:0;  
    bottom:0;  
    left:0;  
    height:100%;  
    width:100%;  
    margin:0;  
    padding:0;  
    background:#fff;  
    opacity:0;  
    filter: alpha(opacity=0);  
    -moz-opacity: 0.0;  
    z-index:101;  
}