body {
  font: 15px 'Open Sans', Helvetica, Arial, sans-serif; }

#header {
  background: #093b44;
  color: white;
  padding: 20px 0 7px 0;
  font-size: 14px;
  text-align: center; }
  #header > div {
    margin: 0 auto;
    width: 960px; }
  #header .logo {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 18px; }
    #header .logo span {
      font-weight: bold;
      color: #fdd944; }

#banner {
  background: #c2f6ff;
  padding: 25px 0;
  box-shadow: inset 0 -10px 20px rgba(0, 165, 194, 0.25); }
  #banner > div {
    margin: 0 auto;
    width: 960px; }
    #banner > div h1, #banner > div p {
      font-family: 'Roboto Condensed', sans-serif;
      text-align: center; }
    #banner > div h1 {
      font-size: 40px; }
    #banner > div p {
      font: 22px Georgia, serif;
      line-height: 31px;
      margin: 10px 0 0 0; }
      #banner > div p span {
        background: #ffc;
        padding-left: 4px;
        padding-right: 4px; }

.avatar {
  /* selector for avatar class*/
  float: left;
  /* we press to the left edge, flow around on the right */
  background: #fff;
  /* background */
  width: 90px;
  height: 90px;
  padding: 0px;
  /* internal padding ( top, right, bottom, left) */
  border: 1px solid #999;
  /* border(width, type, color) */
  border-radius: 50%;
  /* border-radius is equal to 50 percent of a general width, actually 25 pixels, here and a circle was got(there is also with prefix - moz and - o) */
  box-shadow: 0px 1px 1px 1px #dddddd; }

.avatar img {
  /* selector for a picture which is "inside" the avatar class */
  display: block;
  /* a picture is being displayed as a block, by a width it will be equal to the parent(in the div) */
  width: 100%;
  /* width 100% */
  border: 0;
  /* zero border */
  margin: 0;
  /* external margin is lacking */
  border-radius: 50%;
  /* read above */ }

.button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  background-color: #7fe8f7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fe8f7), color-stop(100%, #6ec9f7));
  background-image: -webkit-linear-gradient(top, #7fe8f7, #6ec9f7);
  background-image: -moz-linear-gradient(top, #7fe8f7, #6ec9f7);
  background-image: -ms-linear-gradient(top, #7fe8f7, #6ec9f7);
  background-image: -o-linear-gradient(top, #7fe8f7, #6ec9f7);
  background-image: linear-gradient(top, #7fe8f7, #6ec9f7);
  text-align: center;
  color: #000;
  font-weight: bold;
  padding: 8px 15px; }
  .button:hover {
    background-color: #aff1fa;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aff1fa), color-stop(100%, #9edbfa));
    background-image: -webkit-linear-gradient(top, #aff1fa, #9edbfa);
    background-image: -moz-linear-gradient(top, #aff1fa, #9edbfa);
    background-image: -ms-linear-gradient(top, #aff1fa, #9edbfa);
    background-image: -o-linear-gradient(top, #aff1fa, #9edbfa);
    background-image: linear-gradient(top, #aff1fa, #9edbfa); }
  .button.big-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 0 3px black;
    display: block;
    padding: 20px 10px;
    border-radius: 5px;
    font-size: 19px; }

.two-column {
  margin: 0 auto;
  width: 960px;
  margin-top: 30px; }
  .two-column .content {
    float: left;
    width: 620px; }
    .two-column .content h2 {
      font-size: 18px;
      color: #333; }
      .two-column .content h2.big {
        text-align: center;
        font-size: 22px; }
    .two-column .content p, .two-column .content ul {
      font-size: 16px;
      line-height: 25px;
      margin-bottom: 20px;
      color: #444; }
    .two-column .content ul li {
      margin-bottom: 14px; }
    .two-column .content hr {
      margin: 20px 0;
      border: 0;
      border-top: 1px solid #aaa; }
    .two-column .content .testimonial {
      font: 22px Georgia, serif;
      line-height: 28px;
      font-style: italic;
      text-align: center;
      color: #9e0033;
      padding: 0 25px; }
      .two-column .content .testimonial .author {
        font-size: 17px;
        color: #777; }
    .two-column .content .question {
      display: block; }
  .two-column .sidebar {
    float: right;
    width: 300px; }
    .two-column .sidebar .testimonial {
      margin: 20px 0 50px;
      background: #f2f2f2;
      padding: 15px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
      .two-column .sidebar .testimonial h3 {
        text-align: center;
        color: #9e0033;
        font-size: 22px;
        font-weight: normal; }
      .two-column .sidebar .testimonial p {
        margin: 10px 0 15px 0;
        color: #666;
        font-size: 17px;
        line-height: 22px;
        text-align: center; }
      .two-column .sidebar .testimonial .author {
        text-align: center;
        font-weight: bold;
        color: #444; }
        .two-column .sidebar .testimonial .author .avatar {
          margin-top: -10px;
          width: 50px;
          height: 50px; }
    .two-column .sidebar .upcoming-seminars {
      background: #f2f2f2 url(../seminar-header.jpg) no-repeat;
      background-size: 300px;
      padding: 190px 15px 15px 15px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      line-height: 22px; }
      .two-column .sidebar .upcoming-seminars h3 {
        text-align: center;
        padding-bottom: 6px;
        border-bottom: 1px solid #ccc; }
      .two-column .sidebar .upcoming-seminars .calendar-entry {
        float: left;
        width: 70px;
        padding: 8px 0 4px;
        background-color: #ffffaa;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffaa), color-stop(100%, #ffffdd));
        background-image: -webkit-linear-gradient(top, #ffffaa, #ffffdd);
        background-image: -moz-linear-gradient(top, #ffffaa, #ffffdd);
        background-image: -ms-linear-gradient(top, #ffffaa, #ffffdd);
        background-image: -o-linear-gradient(top, #ffffaa, #ffffdd);
        background-image: linear-gradient(top, #ffffaa, #ffffdd);
        box-shadow: 1px 1px 2px #76572c;
        text-align: center;
        font-size: 18px;
        margin-right: 10px; }
        .two-column .sidebar .upcoming-seminars .calendar-entry strong {
          display: block;
          font-size: 35px;
          margin-top: 4px; }
      .two-column .sidebar .upcoming-seminars strong {
        display: block;
        font-size: 18px;
        margin-bottom: 6px; }
      .two-column .sidebar .upcoming-seminars a {
        display: block;
        text-align: right;
        font-size: 15px;
        font-weight: bold; }
  .two-column .clearfix {
    clear: both; }

.cta {
  margin: 10px 0 40px;
  background-color: #fdf3ad;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdf3ad), color-stop(100%, #fdde80));
  background-image: -webkit-linear-gradient(top, #fdf3ad, #fdde80);
  background-image: -moz-linear-gradient(top, #fdf3ad, #fdde80);
  background-image: -ms-linear-gradient(top, #fdf3ad, #fdde80);
  background-image: -o-linear-gradient(top, #fdf3ad, #fdde80);
  background-image: linear-gradient(top, #fdf3ad, #fdde80);
  box-shadow: 0 0 5px #ae9854;
  padding: 25px; }
  .cta > .cta-body {
    margin-left: 270px; }
    .cta > .cta-body p {
      margin: 0 0 5px;
      font-size: 18px;
      line-height: 25px;
      font-weight: bold; }
  .cta > img {
    float: left; }
  .cta h2 {
    display: inline-block;
    margin-top: 20px;
    color: #ca0007;
    font-size: 22px;
    padding-bottom: 2px;
    border-bottom: 2px solid #ca0007; }
  .cta form {
    margin: 15px 0 0; }
    .cta form input[type=email], .cta form input[type=text] {
      font-size: 20px;
      line-height: 30px;
      text-align: center; }
    .cta form .button {
      background-color: #f70e1d;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f70e1d), color-stop(100%, #5e050b));
      background-image: -webkit-linear-gradient(top, #f70e1d, #5e050b);
      background-image: -moz-linear-gradient(top, #f70e1d, #5e050b);
      background-image: -ms-linear-gradient(top, #f70e1d, #5e050b);
      background-image: -o-linear-gradient(top, #f70e1d, #5e050b);
      background-image: linear-gradient(top, #f70e1d, #5e050b);
      color: #fff;
      text-transform: uppercase; }

#footer {
  margin-top: 40px; }
  #footer > div {
    margin: 0 auto;
    width: 960px;
    border-top: 1px solid #dadada;
    padding-top: 20px; }