.note {
  position: relative; }

#wrapper {
  margin: 0px auto 20px auto;
  width: 1005px;
  background-image: url(/images/layout/dynamic-content-bg.jpg); }
  #wrapper .bg-offset {
    margin: 0px 30px; }
  #wrapper #top {
    background-image: url(/images/layout/top-bg.jpg);
    background-repeat: no-repeat; }
    #wrapper #top #header {
      height: 60px; }
      #wrapper #top #header #logo {
        width: 200px;
        padding-top: 3px;
        padding-left: 20px;
        float: left; }
      #wrapper #top #header #nav {
        float: right;
        text-align: right;
        margin-bottom: 10px;
        padding-right: 10px;
        padding-top: 35px; }
        #wrapper #top #header #nav a {
          margin-left: 15px;
          color: black;
          text-decoration: none; }
          #wrapper #top #header #nav a:link, #wrapper #top #header #nav a:visited, #wrapper #top #header #nav a:active {
            color: black;
            text-decoration: none; }
          #wrapper #top #header #nav a:hover {
            color: #f0161d; }
    #wrapper #top #dynamic-content {
      background-image: url(/images/layout/dynamic-content-bg.png);
      background-position: 50% 200px;
      background-repeat: no-repeat;
      margin-top: 14px; }
      #wrapper #top #dynamic-content .bg-offset .pad {
        padding: 37px 24px; }
      #wrapper #top #dynamic-content .bg-offset .pad-left {
        padding-left: 24px; }
      #wrapper #top #dynamic-content .bg-offset .left-column {
        float: left; }
        #wrapper #top #dynamic-content .bg-offset .left-column #page-info {
          padding: 23px 0px 0px 27px; }
          #wrapper #top #dynamic-content .bg-offset .left-column #page-info .title {
            font-size: 34px;
            color: #333333;
            margin-bottom: 15px; }
          #wrapper #top #dynamic-content .bg-offset .left-column #page-info .description {
            font-size: 16px;
            color: #626262; }
      #wrapper #top #dynamic-content .bg-offset .right-column {
        float: right; }
  #wrapper #page {
    padding: 0px 0px 20px 0px; }
  #wrapper #bottom {
    height: 234px;
    background-image: url(/images/layout/bottom-bg.jpg);
    background-repeat: no-repeat; }
    #wrapper #bottom #footer {
      padding-top: 50px;
      padding-right: 40px; }
      #wrapper #bottom #footer .cool-links {
        float: right;
        line-height: 17px;
        text-align: right; }
        #wrapper #bottom #footer .cool-links .title {
          font-size: 14px;
          padding-bottom: 5px; }
        #wrapper #bottom #footer .cool-links a:link, #wrapper #bottom #footer .cool-links a:visited, #wrapper #bottom #footer .cool-links a:active {
          color: #333333; }
        #wrapper #bottom #footer .cool-links a:hover {
          color: #777777; }
        #wrapper #bottom #footer .cool-links .link {
          font-size: 12px;
          font-family: arial, sans-serif; }
      #wrapper #bottom #footer .location {
        margin-right: 38px;
        float: right;
        text-align: right; }
        #wrapper #bottom #footer .location .name {
          font-size: 14px;
          padding-bottom: 5px;
          font-family: "Georgia", serif; }
        #wrapper #bottom #footer .location .info {
          font-size: 12px;
          font-family: arial, sans-serif; }

#banner {
  height: 300px;
  background-color: #fefefe;
  border-bottom: solid #f0161d 3px; }
  #banner .work-banner {
    position: absolute; }
  #banner .note {
    background-color: #f0161d;
    padding: 10px;
    width: 25%;
    color: white;
    position: relative;
    top: -100px; }
    #banner .note .content .title {
      padding-top: 20px; }
    #banner .note .content .body {
      font-style: italic;
      font-size: 80%; }

#intro-video {
  padding-top: 20px;
  text-align: center; }