* { margin: 0; padding: 0; }
img { border: 0; }

body {
   background: #262d33 url('/images/body-bg.gif') repeat-x 0 0;
   font-family: "Helvetica", "Arial", sans-serif;
   color: #000;
   font-size: 83%;
   }

   #container {
      width: 955px;
      margin: 0 auto;
      text-align: center;
   }

      #header {
         text-align: left;
         padding-top: 20px;
      }

         #header #logo {
            width: 305px;
            float: left;
         }

         #header #menu {
            margin: 0 0 0 0;
            /*width: 650px;*/
            width: auto;
            padding-top: 50px;
            overflow: auto;
         }

         #header #menu ul {
            /*border-top: 1px solid #5c6166;*/
         }

         #header #menu ul li {
            list-style-type: none;
            display: block;
            background: transparent url('/images/menu-item-bg-x2.gif') repeat-x 0 0;
            float: left;
         }

         #header #menu ul li a {
            outline: none;
            color: #fff;
            text-decoration: none;
            display: block;
            float: left;
            padding: 8px 14px 8px 12px;
            font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
            line-height: 14px;
            font-variant: small-caps;
            background: transparent url('/images/menu-item-separator.gif') no-repeat center right;
            border-top: 1px solid #5c6166;
         }

         #menu ul li#topmenu-active a { color: #d81935; }

         #menu ul li a.menu-first-item {
            background: transparent url('/images/menu-first-item.jpg') no-repeat 0 0 !important;
            border: 0 !important;
            width: 75px;
            margin-right: 0 !important;
            padding-right: 0 !important;
            padding-left: 10px !important;
            text-align: center;
            }

         #menu ul li a#menu-last-item {
            background: transparent url('/images/menu-last-item.jpg') no-repeat 0 0 !important;
            border: 0 !important;
            }

         .end {
            width: 23px;
            height: 31px;
            float: left;
         }

         #left-end {
            background: transparent url('/images/menu-left-end.gif') no-repeat 0 0;
         }

         #right-end {
            background: transparent url('/images/menu-right-end.gif') no-repeat 0 0;
         }

         /* hover classes */
         .menu-hover {
            color: #d81935;
         }

         #menu ul li a:hover { color: #d81935 !important; }

      /* separate classes for the home page */
      #hp-content {
         clear: left;
         margin-top: 10px;
         background: transparent url('/images/fp-splash.jpg') no-repeat 0 0;
         height: 249px;
         min-height: auto !important;
         min-height: 249px;
         z-index: 499;
      }

         #hp-note {
         	/*position: absolute;*/
      	 position: relative;
            background: #6a7985;
            margin: -84px 0 0 14px;
            padding: 10px 20px 10px 20px;
            width: 468px;
            text-align: left;
            float: left;
            z-index: 500;
         }

         #hp-note p {
            font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
            font-weight: normal;
            font-size: 12px;
            color: #fff;
            line-height: 18px;
            padding: 5px 0 5px 0;
            width: 95%;
         }

         #hp-note p em {
            font-style: normal;
            color: #b7cfe4;
         }

         #hp-note a {
         	display: block;
         	text-align: right;
            font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
            font-weight: normal;
            font-size: 12px;
            font-style: normal;
            color: #b7cfe4;
         }

         #note-shadow {
            background: transparent url('/images/note-shadow2.jpg') no-repeat 0 0;
            clear: both;
            height: 45px;
            width: 540px;
            margin-left: 15px;
            float: left;
         }

         #call-us {
            padding: 25px 10px 0 0;
            text-align: right;
            float: right;
         }

   #subpage-container {
      background-color: #fff;
      margin-top: 10px;
      text-align: left;
      overflow: auto;
      width: 955px;

      /*
      min-height: 350px;
      height: auto !important;
      height: 350px;
      */
   }

      /* surrounds the menu and its shadow */
      #sp-menu-wrap {
         width: 265px;
         float: left;
         clear: both;
      }

      #subpage-menu {
         background: #5e6e7c url('/images/sp-menu-bottom2.jpg') repeat-x center bottom;
         width: 265px;
         margin: 3px 0 0px 3px;
         padding: 10px 5px 25px 5px;
         min-height: 250px;
         height: auto !important;
         height: 250px;
      }

      #subpage-menu ul {
         margin-left: 0px;
         padding-top: 15px;
         width: 85%;
      }

      #subpage-menu li {
         list-style-type: none;
         padding: 5px 0 5px 35px;
      }

      /* for no-link items */
      #subpage-menu li a.not-a-link {
         color: #000;
         cursor: default;
      }
      #subpage-menu li a.not-a-link:hover { color: #000; }

      #subpage-menu li#sp-menu-first { padding-top: 0; }
      #subpage-menu li a#sp-menu-last { border-bottom: 0; }
      #subpage-menu li.sp-active {
         background: transparent url('/images/sp-active-arrow.gif') no-repeat 10px 3px;
      }

      #subpage-menu li.sp-active a { color: #fff; }

      #subpage-menu a {
         color: #c0cbd5;
         font-family: "Arial", sans-serif;
         font-size: 12px;
         text-decoration: none;
         display: block;
         border-bottom: 1px solid #909fab;
         padding: 0 0 7px 7px;
      }

      /* hover class */
      .sp-hover { color: #fff !important; }
      #subpage-menu a:hover { color: #fff; }


      /* for contact sidebar */
      #subpage-menu p, span {
         color: #c0cbd5;
         font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
         margin-left: 10px;
         padding: 0;
      }

      .contact-menu { padding-top: 25px !important; }

      #subpage-menu-shadow {
         background: transparent url('/images/subpage-menu-shadow.jpg') no-repeat 0 0;
         height: 30px;
         width: 265px;
         margin-left: 15px;
         float: left;
      }

      #subpage-content {
         float: left;
         width: 600px;
         margin: 0 0 0 40px;
         padding: 20px 0 0px 0;
         position: relative;

         font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
         line-height: 18px;
         padding-bottom: 15px;
         color: #768490;
      }

         #subpage-content p {
            font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
            line-height: 18px;
            padding-bottom: 15px;
            color: #768490;
         }

         #subpage-content #page-header {
            padding-bottom: 15px;
         }

         /* contact form */
         #contact-form-wrap {
            margin-left: 30px;
            text-align: left;
         }

         .cu-lbl {
            color: #768490;
            font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
            font-size: 12px;
            line-height: 1.8;
            vertical-align: top;
            margin-right: 5px;
            display: block;
            float: left;
         }

         .cu-txt {
            font-family: inherit;
            font-size: inherit;
            border: 1px solid #cbd1d7;
            padding: 4px;
            width: 154px;
            margin-right: 25px;
            float: left;
         }

         #txt-email { width: 180px; margin-right: 15px; }
         .txt-phone1-2 { width: 43px; margin-right: 5px; }
         #txt-phone3 { width: 54px; margin-right: 0px; }
         #txt-company { width: 420px; }
         #txt-title { width: 200px; }

         /* these labels need widths so I can right align them */
         .alignme {
            width: 102px;
            text-align: right;
         }

         .cu-button {
            margin-top: 10px;
            padding: 3px;
            display: block;
            }

         textarea {
            width: 420px;
            height: 92px;
            font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
            font-size: 12px;
            border: 1px solid #cbd1d7;
            padding: 4px;
         }

         .cu-row {
            display: block;
            padding: 8px 0 8px 0;
            clear: both;
         }

         #submit-area {
            float: right;
            width: 100px;
            margin-right: 4px;
         }

         #errata-box {
            /*
            background-color: #cbd1d7;
            border: 1px solid #9da0a4;
            padding: 10px;
            */
            display: none;
            background: transparent url('../images/exclamation.png') no-repeat 0 0;
            padding-left: 20px;
         }

         #errata {
            clear: both;
            padding: 15px 0 5px 0;
         }

         #errata ul li {
            padding: 0px 0 5px 20px;
            line-height: 16px;
            background: transparent url('../images/exclamation.png') no-repeat 0 0;
            list-style-type: none;
         }

         #errata ul li a strong { font-weight: bold; }

         /* these classes are for error indications */
         .cu-has-error { border: 1px solid maroon; }
         .cu-no-error { border: 1px solid green; }
         .cu-normal {  border: 1px solid #cbd1d7; }

         /* creative services */
         .cs-container {
            border-bottom: 1px solid #e3e3e3;
            width: 610px;
            padding-bottom: 0px;
            margin-bottom: 20px;
            overflow: auto;

            clear: both;
         }

         .cs-thumb {
            width: 162px;
            height: 168px;
            background: #fff url('/images/cs-bg.gif') no-repeat 0 0;
            float: left;
            text-align: center;
         }

         .cs-thumb-inner {
            padding: 5px 0 0 0px;
            width: 137px;
            height: 132px;
            overflow: hidden;
            float: left;
            text-align: center;
         }

         .cs-thumb-inner img {
            padding-left: 5px;
         }

         .cs-thumb-inner span {
            color: #000;
            font-size: 12px;
            padding: 50px 0 0 0px;
            display: block;
         }

         .cs-desc {
            margin-left: 165px;
            width: 420px;
            padding-bottom: 10px;
            text-align: left;
         }

         .cs-desc h2 {
            font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
            line-height: 15px;
            font-weight: bold;
            font-size: 13px;
            color: #e51937;
            padding-bottom: 5px;
         }

         #cs-no-border { border: 0; }

   .footer {
      padding: 0px 0 20px 10px;
      color: #787777;
      text-align: left;
      font-size: 11px;
      line-height: 20px;
      font-family: "Helvetica", "Arial", sans-serif;
      clear: left;
      margin: 0 auto;
      width: 955px;
   }

      #footer-subpage {
         background: transparent url('/images/bottom-shadow.jpg') no-repeat top right;
         padding-top: 15px;
      }

      .footer a { color: #c5c3c3; text-decoration: none; }
      .footer a:hover { text-decoration: underline; }