* {
   margin: 0;
   padding: 0;
}

body {
   margin: 0;
   padding: 0;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 82.5%;
   background: #ebebeb;
}

.wrapper {
   min-width: 760px;
   max-width: 960px;
   margin-left: auto;
   margin-right: auto;
}

#top-wrapper {
   background: #fff url(../img/callout-bg.gif) repeat-x left 70px;
}

#home-primary-wrapper {
   padding: 0 10px;
   background: #fff url(../img/callout-bg.gif) repeat-x left 70px;
}

   #header {
      position: relative;
      height: 70px;
   }
   #header h1 {
      position: absolute;
      top: 15px;
      left: 0;
      width: 320px;
      height: 38px;
      background: transparent url(../img/logo-bcbsnc.gif) no-repeat left top;
   }
   #header h1 a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
   }
   #header h1 a span {
      display: block;
      padding-top: 38px;
   }

   #highlight {
      position: relative;
      height: 35px;
   }
   #highlight p {
      position: absolute;
      top: 10px;
      left: 0;
      color: #fff;
   }
   #highlight p a {
      color: #fff;
      text-decoration: underline;
   }
   #highlight p a:hover {
      color: #ddd;
   }

   #home-primary-wrapper .content-well {
      position: relative;
      background: transparent none no-repeat right top;
      min-height: 278px;
   }

      #utility-nav {
         float: right;
         width: 20%;
      }
      #utility-nav ul {
         list-style: none outside none;
         margin: 5px 20px 0 0;
      }
      #utility-nav ul li {
         float: right;
         display: block;
         padding: 0 8px 0 8px;
         border: 1px solid #000;
         border-width: 0 1px 0 0;
         font-size: 0.9em;
         color: #000;
      }
      #utility-nav ul li.rightmost {
         padding: 0 0 0 8px;
         border: none;
      }
      #utility-nav ul li a {
         color: #000;
         text-decoration: underline;
      }
      #utility-nav ul li a:hover {
         color: #555;
      }

      #home-primary-wrapper .content-well h1 {
         display: block;
         position: absolute;
         top: 23px;
         left: 0;
         width: 320px;
         height: 36px;
         overflow: hidden;
         background: transparent url(../img/logo-workplace-wellness.png) no-repeat left top;
      }
      #home-primary-wrapper .content-well h1 span {
         display: block;
         padding-top: 36px;
      }

      #wellness-bubble {
         position: absolute;
         top: 60px;
         left: 0;
         width: 319px;
         height: 50px;
         overflow: hidden;
         background: transparent url(../img/home-bubble.gif) no-repeat left top;
      }
      #wellness-bubble p {
         padding: 20px 10px 0 10px;
         font-size: 0.8em;
         color: #00aeef;
      }

      #home-primary-wrapper .content-well .content {
         padding: 130px 0 0 0;
         width: 55%;
      }
      
      #home-primary-wrapper .content-well .content h3 a {
         color: #f4911e;
         text-decoration: none;
      }
      #home-primary-wrapper .content-well .content h3 a:hover {
         text-decoration: underline;
      }

#home-bottom-wrapper {
   padding: 18px 0 0 0;
}
   #home-columns {
      width: 744px;
      margin-left: auto;
      margin-right: auto;
      background: transparent url(../img/home-columns-bg.gif) repeat-y left top;
   }
   #home-columns .column {
      float: left;
      width: 170px;
   }

   #home-columns .column-arrow {
      float: left;
      width: 17px;
      height: 84px;
      background: transparent url(../img/home-columns-arrow.gif) no-repeat left bottom;
   }
   
   #home-columns .bottom {
      padding: 0;
      width: 744px;
      height: 12px;
      background: transparent url(../img/home-columns-bottom.gif) no-repeat left top;
   }
   
   /* column spacing */
   #home-columns #plan-create {
      margin-left: 5px;
   }
   #home-columns #grow-sustain {
      margin-left: 3px;
   }
   #home-columns #survey {
      margin-left: 22px;
   }
   
   /* column headers */
   #home-columns .column h2 {
      display: block;
      width: 170px;
      height: 18px;      
   }
   #home-columns .column h2 a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: transparent none no-repeat left 0;
   }
   #home-columns .column h2 a:hover {
      background-position: left -18px;
   }
   #home-columns .column h2 a span {
      display: block;
      padding-top: 18px;
   }
   #home-columns #get-inspired.column h2 a {
      background-image: url(../img/home-get-inspired.gif);
   }
   #home-columns #plan-create.column h2 a {
      background-image: url(../img/home-plan-create.gif);
   }
   #home-columns #grow-sustain.column h2 a {
      background-image: url(../img/home-grow-sustain.gif);
   }
   
   /* special case for the white survey column */
   #home-columns #survey.column {
      background: transparent url(../img/home-survey.gif) no-repeat left top;
      padding: 10px 0 0 0;
   }
   
   /* text style inside columns */
   #home-columns .column .content {
      font-size: 0.95em;
      padding: 10px 10px 0 10px;
   }
   #home-columns .column .content ul {
      padding-top: 10px;
      padding-left: 10px;
      list-style: disc outside none;
   }
   #home-columns .column .content ul li {
      color: #fff;
      margin: 0 0 1.0em 0;
   }
   #home-columns .column .content ul li a {
      color: #fff;
      text-decoration: underline;
   }
   #home-columns .column .content ul li a:hover {
      color: #ddd;
   }
   
   /* text and form styles for survey */
   #home-columns #survey.column .content {
      font-size: 0.85em;
   }
   #home-columns #survey.column h3 {
      padding: 0 10px;
      color: #fcb034;
      font-size: 0.95em;
      font-weight: normal;
   }
   #home-columns #survey.column form ul {
      list-style: none outside none;
      padding: 0;
   }
   #home-columns #survey.column form ul li {
      display: block;
      margin: 0 0 6px 0;
   }
   #home-columns #survey.column form ul li label {
      display: block;
      margin: 0;
      padding: 0 0 0 16px;
      color: #000;
   }
   #home-columns #survey.column form ul li input {
      float: left;
      display: block;
      width: auto;
      height: auto;
      margin-left: -16px;
   }
   #home-columns #survey.column form p {
      margin: 10px 0 5px 0;
   }
   #home-columns #survey.column form select {
      margin: 0 5px;
   }
   #home-columns #survey.column form select option {
      padding: 1px;
   }
   #home-columns #survey.column form input.submit {
      display: block;
      width: auto;
      height: auto;
      margin: 8px 0 0 60px;
   }
   
   /* footer */
   #footer {
      width: 744px;
      margin: 40px 0 0 0;
      margin-left: auto;
      margin-right: auto;
      padding: 0 10px 10px 10px;
   }
   #footer p {
      color: #646464;
      font-size: 0.8em;
      line-height: 1.4em;
      text-align: center;
   }
   #footer p a {
      color: #666;
   }
   #footer p a:hover {
      color: #000;
   }