html, body {
   background-color: #f2f2f2;
   font-family: Georgia, "Times New Roman", serif;
   margin: 0;
   padding: 0;
}

a:hover { cursor: pointer; }
img { border: 0; }
.fl { float:left; }
.mr20 { margin-right: 20px; }
.cf { clear: both; height:1px; max-height: 0; }
.cf10 { clear: both; height: 10px; }
.hr {
   background-color: #fff;
   border-top: 1px solid #ccc;
   clear: both;
   font-size: 0;
   height: 1px;
   line-height: 1px;
   margin: 12px 0;
   padding: 0;
   width: 100%;
}

a { color: #21bec8; text-decoration: underline; }
a:hover { color: #55cbd3; text-decoration: none; }

#top { height: 40px; }
#header {
   background-color: #cecece;
   background-image: url(../images/erik.jpg);
   background-position: 673px bottom;
   background-repeat: no-repeat;
   height: 260px;
   margin: 0 auto;
   position: relative;
   width: 960px;
   /* Rounded Corners */
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;
   -moz-border-radius-topright: 20px;
   -moz-border-radius-bottomright: 20px;
   -moz-border-radius-bottomleft: 20px;
   -webkit-border-top-right-radius: 20px;
   -webkit-border-bottom-right-radius: 20px;
   -webkit-border-bottom-left-radius: 20px;
}
   #header h1#logo {
      margin: 0;
   }
   #header h1#logo a {
      background-image: url(../images/logo.png);
      display: block;
      height: 160px;
      left: 24px;
      overflow: hidden;
      margin: 0;
      padding: 0;
      position: absolute;
      text-indent: -9999px;
      top: 30px;
      width: 650px;
   }

   #header #menu {
      bottom: 24px;
      left: 24px;
      position: absolute;
   }

      #menu .menu-item {
         float: left;
         height: 28px;
         margin-right: 12px;
      }

         .menu-item a {
            text-decoration: none;
         }

         .menu-item a span {
            background-image: url(../images/btn_link.png);
            background-repeat: no-repeat;
            color: #fff;
            display: inline-block;
            float: left;
            font-size: 16px;
            line-height: 28px;
         }

         .menu-item a span.text {
            background-position: 0 -56px;
            padding-left: 12px;
         }

         .menu-item a:hover span.text {
            background-position: 0 -84px;
         }

         .menu-item a span.end {
            background-position: right -56px;
            height: 28px;
            width: 20px;
         }

         .menu-item a:hover span.end {
            background-position: right -84px;
         }

         .menu-item a span.arrow {
            background-position: right -56px;
            font-family: "Times New Roman", serif;
            padding-left: 6px;
            padding-right: 12px;
         }

         .menu-item a:hover span.arrow {
            background-position: right -84px;
         }

#container {
   margin: 24px auto 0 auto;
   width: 940px;
}

   #container #left {
      float: left;
      width: 680px;
   }

   #left .section {
      margin-bottom: 48px;
   }

   #left .mb0 {
      margin-bottom: 0;
   }

      .section h2 {
         background-image: url(../images/titles_large.png);
         float: left;
         margin: 0;
         overflow: hidden;
         padding: 0;
         text-indent: -9999px;
      }

         h2.about {
            background-position: 0 0;
            height: 55px;
            width: 179px;
         }

         h2.education {
            background-position: 0 -55px;
            height: 57px;
            width: 292px;
         }

         h2.experience {
            background-position: 0 -113px;
            height: 71px;
            width: 330px;
         }

         h2.achievements {
            background-position: 0 -184px;
            height: 58px;
            width: 421px;
         }

         h2.terms {
            background-position: 0 -244px;
            height: 56px;
            width: 385px;
         }

         h2.privacy {
            background-position: 0 -300px;
            height: 72px;
            width: 430px;
         }

         h2.faq {
            background-position: 0 -372px;
            height: 72px;
            width: 398px;
         }

         h2.store {
            background-position: 0 -443px;
            height: 54px;
            width: 162px;
         }

         h2.photos {
            background-position: 0 -498px;
            height: 55px;
            width: 206px;
         }

      .section .video {
         float: right;
         padding: 12px 0 12px 12px;
      }

      .section .text {
         color: #333;
         font-size: 16px;
         line-height: 24px;
      }

         .text a, .book_text a { color: #ae1818; text-decoration: none; }
         a:hover, .book_text a:hover { color: #7a1111; text-decoration: underline; }
      
         .text ul {
            margin: 0;
            margin-left: 20px;
            padding: 0;
         }

         .text ul li {
            margin: 12px 0;
         }


   #container #right {
      float: left;
      margin-left: 24px;
      width: 234px;
   }

      #right .sideBox {
         background-color: #757575;
         background-image: url(../images/side_bg.jpg);
         margin-bottom: 24px;
         padding: 12px;
         max-width: 234px;
         /* Rounded Corners */
         border-top-right-radius: 20px;
         border-bottom-right-radius: 20px;
         border-bottom-left-radius: 20px;
         -moz-border-radius-topright: 20px;
         -moz-border-radius-bottomright: 20px;
         -moz-border-radius-bottomleft: 20px;
         -webkit-border-top-right-radius: 20px;
         -webkit-border-bottom-right-radius: 20px;
         -webkit-border-bottom-left-radius: 20px;
      }

         .sideBox h2 {
            background-image: url(../images/titles_small.png);
            float: left;
            margin: 0 0 12px 0;
            overflow: hidden;
            padding: 0;
            text-indent: -9999px;
         }

         .sideBox h3 {
            color: #fff;
            font-family: Helvetica, Arial, sans-serif;
            font-size: 18px;
            font-weight: bold;
            letter-spacing: -1px;
            margin: 10px 0 4px 0;
         }

            h2.message {
               background-position: 0 0;
               height: 18px;
               width: 208px;
            }

            h2.connect {
               background-position: 0 -18px;
               height: 15px;
               width: 208px;
            }

            h2.alumni {
               background-position: 0 -33px;
               height: 15px;
               width: 208px;
            }

            h2.support {
               background-position: 0 -48px;
               height: 18px;
               width: 208px;
            }

         .sideBox .sideLink a, .sideBox .connectLink a {
            font-size: 14px;
            text-decoration: none;
         }

         .sideBox .sideLink a span, .sideBox .connectLink a span {
            background-image: url(../images/btn_link.png);
            background-repeat: no-repeat;
            color: #fff;
            display: block;
            float: left;
            height: 28px;
            line-height: 28px;
         }

         .sideBox .sideLink a span.text, .sideBox .connectLink a span.text {
            background-position: 0 0px;
            padding-left: 12px;
         }

         .sideBox .sideLink a:hover span.text, .sideBox .connectLink a:hover span.text {
            background-position: 0 -28px;
         }

         .sideBox .sideLink a span.end, .sideBox .connectLink a span.end {
            background-position: right 0;
            width: 20px;
         }

         .sideBox .sideLink a:hover span.end, .sideBox .connectLink a:hover span.end {
            background-position: right -28px;
         }

         .sideBox .connectLink a span.icon {
            background-image: url(../images/social_icons.png);
            background-repeat: no-repeat;
            height: 32px;
            margin-right: 6px;
            overflow: hidden;
            text-indent: -9999px;
            width: 32px;
         }

         .sideBox .connectLink a.twitter span.icon { background-position: 0 0 }
         .sideBox .connectLink a.facebook span.icon { background-position: 0 -32px }
         .sideBox .connectLink a.vimeo span.icon { background-position: 0 -64px }
         .sideBox .connectLink a.tumblr span.icon { background-position: 0 -96px }
         .sideBox .connectLink a.kickstarter span.icon { background-position: 0 -129px }
         .sideBox .connectLink a.linkedin span.icon { background-position: 0 -161px }

         .sideBox .alumLogo {
            clear: both;
            float: left;
            margin-bottom: 24px;
         }

         .sideBox .alumLogo a {
            background-image: url(../images/alumni.png);
            background-repeat: no-repeat;
            clear: both;
            display: block;
            float: left;
            overflow: hidden;
            text-indent: -9999px;
            width: 210px;
         }

            .alumLogo a.misericodia { background-position: 0 0; height: 46px; }
            .alumLogo a.pikappaphi { background-position: 0 -46px; height: 43px; }
            .alumLogo a.stockton { background-position: 0 -89px; height: 36px; }
            .alumLogo a.pushamerica { background-position: 0 -125px; height: 84px; }

         .sideBox .mb0 {
            margin-bottom: 0;
         }

#footer {
   clear: both;
   float: left;
   padding-bottom: 24px;
   width: 100%;
}

   #footer ul.footerMenu {
      float: left;
      font-size: 12px;
      line-height: 24px;
      list-style-type: none;
      margin: 0 24px 0 0;
      padding: 0;
   }

   #footer ul.copyright {
      float: right;
   }

   #footer ul.footerMenu li.title {
      color: #af1818;
      font-weight: bold;
   }

#footer a { color: #777; text-decoration: none; }
#footer a:hover { color: #333; text-decoration: underline; }

      .backtotop2 a {
         float: right;
      }

      .backtotop a, .backtotop2 a span.back_link {
         background-image: url(../images/btn_backtotop.png);
         background-position: 0 0;
         background-repeat: no-repeat;
         display: block;
         float: right;
         height: 40px;
         overflow: hidden;
         padding: 0;
         text-indent: -9999px;
         width: 40px;
      }

      .backtotop2 a span.back_link {
         float: left;
         margin: 0 0 12px 0;
      }

      .backtotop a:hover, .backtotop2 a:hover span.back_link {
         background-position: 0 -40px;
      }

      .backtotop2 a span.back_text {
         background-image: url(../images/backtotop_text.png);
         display: block;
         float: left;
         height: 24px;
         margin: 11px 12px 0 0;
         overflow: hidden;
         text-indent: -9999px;
         width: 115px;
      }

      .section .backtotop a {
         margin: 15px 0 0 0;
      }

table.book_info {
   float: left;
   margin-top: 35px;
}

         .book_info h3 {
            color: #555;
            font-family: Helvetica, Arial, sans-serif;
            font-weight: bold;
            letter-spacing: -1px;
            font-size: 36px;
            line-height: 36px;
            margin: 0;
         }
      
         .book_text h4 {
            color: #AE1818;
            font-family: Helvetica, Arial, sans-serif;
            font-size: 16px;
            font-weight: bold;
            line-height: 16px;
            margin: 16px 0 0 0;
            text-transform: uppercase;
         }

   
   .book_info .author {
      color: #555;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 24px;
      font-style: italic;
      margin-top: 10px;
   }
   
   .book_info .release {
      color: #999;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 14px;
      font-style: italic;
      margin-top: 6px;
   }
   
   .book_desc {
      width: 260px;
      margin-right: 20px;
      float: left;
   }
   
         .book_desc h3, .book_text h3 {
            color: #555;
            font-family: Helvetica, Arial, sans-serif;
            font-weight: bold;
            letter-spacing: -1px;
            font-size: 24px;
            line-height: 24px;
            margin: 10px 0;
         }
   
   .book_desc p, .book_text p {
      color: #555;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 16px;
      line-height: 24px;
      margin-top: 0;
   }
   
   .book_desc p.notes {
      color: #777;
      font-size: 13px;
      line-height: 19px;
   }
   
   input.btn_buy {
      opacity: 1.0;
      filter: alpha(opacity=100);
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   }
   
   input.btn_buy:hover {
      opacity: 0.6;
      filter: alpha(opacity=60);
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
   }
   
#topbar {
   background-color: #e0e0e0;
   border-bottom: 1px solid #cfcfcf;
   height: 113px;
   width: 100%;
}

#topbar .contain { width: 940px; margin: 0 auto; }
#topbar a.newbook {
   background-image: url(../images/topbar_newbook.jpg);
   display: block;
   float: left;
   height: 102px;
   margin-top: 10px;
   overflow: hidden;
   text-indent: -9999px;
   width: 489px;
}

#topbar .newsletter {
   float: right;
   width: 305px;
}

.newsletter label {
   color: #777;
   display: block;
   font-size: 15px;
   font-family: Arial, Helvetica, serif;
   font-weight: bold;
   letter-spacing: -1px;
   margin: 20px 0 5px 0;
   min-height: 40px;
}
.newsletter label.error { color: #ab1717; }
.newsletter label.success { color: #21bec8; }

.newsletter input.input_email {
   background-image: url(../images/input_email.png);
   background-repeat: no-repeat;
   background-color: transparent;
   border: 0;
   color: #fff;
   display: block;
   float: left;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 14px;
   height: 17px;
   max-height: 28px;
   margin: 0;
   padding: 5px 12px 6px 12px;
   width: 192px;
}

.newsletter input.highlight { color: #fff; }
.newsletter input.lowlight { color: #cfeaeb; }

.newsletter input.submit {
   background-image: url(../images/input_submit.png);
   background-repeat: no-repeat;
   background-color: transparent;
   border: 0;
   color: #fff;
   cursor: pointer;
   display: block;
   float: right;
   font-size: 14px;
   font-family: Georgia, "Times New Roman", serif;
   height: 28px;
   margin: 0;
   padding: 4px 0 10px 0;
   text-align: center;
   width: 73px;
}
.newsletter input.submit:hover { background-position: 0 -28px; }
.newsletter input.submit:active { background-position: 0 -56px; }

.press img, .press .btns { float: left; }
.press .btns { margin-left: 10px; }
.press .btns .download_title {
   color: #737373;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 16px;
   font-weight: bold;
   letter-spacing: 0;
   margin: 5px 0 2px 0;
}

.btn_download { text-decoration: none; position: relative; margin-top: 5px; }
.btn_download a, .btn_download a:hover { text-decoration: none; }

.btn_download a .high_text {
   background-image: url(../images/highlow.png);
   background-position: 0 0;
   display: block;
   float: left;
   height: 17px;
   margin-right: 5px;
   overflow: hidden;
   position: relative;
   top: 0;
   text-indent: -9999px;
   width: 147px;
}
.btn_download a .low_text {
   background-image: url(../images/highlow.png);
   background-position: 0 -17px;
   display: block;
   float: left;
   height: 17px;
   margin-right: 9px;
   overflow: hidden;
   position: relative;
   top: 0;
   text-indent: -9999px;
   width: 143px;
}

.btn_download a .download_link {
   background-image: url(../images/btn_download.png);
   background-position: 0 0;
   display: block;
   float: left;
   height: 27px;
   overflow: hidden;
   position: relative;
   text-indent: -9999px;
   top: -4px;
   width: 28px;
}

.btn_download a:hover .download_link { background-position: 0 -27px; }

.photo_thumbs a img { border: 0; }
.photo_thumbs a { border: 0; display: block; float: left; margin: 0 5px 5px 0; }
.photo_thumbs a.mr0 { margin-right:0; }

ul.achieve_list { list-style-type: none; margin: 0; }

.achieve_list h5 { 
   background-image: url(../images/plus.png);
   background-position: 0 2px;
   background-repeat: no-repeat;
   display: block;
   padding-left: 26px;
   clear: right;
   font-size: 16px;
   font-weight: normal;
   height: 25px;
   line-height: 20px;
   margin: 0;
}
.achieve_list h5:hover { cursor: pointer; color: #AE1818; }
.achieve_list h5.open {
   background-image: url(../images/minus.png);
   background-position: 0 8px;
   color: #AE1818;
}
.achieve_list li p { display: none; font-size: 14px; margin: 0; width: 680px; }
.achieve_list li p span { font-style: italic; }

.note { color: #777; font-size: 12px; font-style: italic; margin-bottom: 10px; }