/**************************************************
*
*   File: global PSS stylesheet
*   Author: Craig Nelson / Classic Labs
*
*/

  body {
    margin: 20px 0;
    padding: 0;
    color: #fff;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    background: #252525;
  }
  a:link, a:visited, a:active {
    color: #f43b1f;
    text-decoration: none;
  }
  a:hover {
    color: #f43b1f;
    text-decoration: underline;
  }
  img { border: none; }
  h1, h2, h3, h4, h5, h6, p, ul, ol, dl, .divider, .pane { margin: 20px 0; }
  h1 { font-size: 22px; }
  .divider {
    height: 10px;
    font-size: 0;
    background: #252525;
  }
    #container {
      margin: 0 auto;
      padding: 0;
      width: 900px;
      border: 4px solid #444;
    }
      #content { border-collapse: collapse; }
        #content-left {
          padding: 50px 60px;
          width: 500px;
          vertical-align: top;
          background: #FF6A2B url(/images/content-left-bk.png) repeat-x 0 0;
        }
          #content-left h1,
          #content-left h2,
          #content-left h3,
          #content-left h4,
          #content-left h5,
          #content-left h6,
          #content-left p,
          #content-left ul,
          #content-left ol,
          #content-left dl { margin-top: 0; }
          #content-left .pane,
          #content-left .pane-inner { padding: 15px; }
          #content-left .pane { background: #000; }
          #content-left .pane-inner { background: #252525; }
            #content-left .pane .last,
            #content-left .pane-inner .last { margin-bottom: 0; }
          /* forms */
          fieldset { padding: 12px 8px; }
          .required-field { color: #f00; }
          input.forms,
          textarea.forms {
            margin-bottom: 10px;
            padding: 2px;
            width: 208px;
            color: #fff;
            font-size: 14px;
            border: 1px solid #aaa;
            background: #444;
          }
          textarea.forms { overflow: auto; }
          p.form-submit-container {
            margin: 5px 0 !important;
            text-align: center;
          }
          #errors-container {
            margin-bottom: 20px;
            padding: 20px 20px 0;
            border: 1px solid #f00;
            background: #252525;
          }
          ol#errors {
            margin: 20px 0;
            padding-left: 20px;
          }
            ol#errors li { margin-bottom: 10px; }
          p.error { color: #F43B1F; }
          p.error span { color: #454545; }
          input.error {
            color: #fff;
            background: #F43B1F;
          }
          /* --forms */
          /* estimate page */
          #request-a-bid label {
            display: block;
            float: left;
            width: 230px;
          }
          #request-a-bid label span.indicator { visibility: hidden; }
          #request-a-bid label,
          #request-a-bid input.forms { margin-bottom: 10px; }
          #request-a-bid textarea.forms { height: 100px; }
          /* --estimate page */
        #content-right {
          padding: 0 15px;
          width: 220px;
          height: 510px;
          vertical-align: top;
          background: #000;
        }
          #header {
            margin-top: 20px;
            text-align: center;
          }
          #nav {
            margin: 40px 0 40px -15px;
            padding: 0;
            list-style: none;
          }
            #nav li { display: inline; }
              #nav li a {
                display: block;
                padding-left: 60px;
                height: 35px;
                background: url(/images/nav-inactive.png) no-repeat 0 3px;
              }
              #nav li a:hover { background: url(/images/nav-over.png) no-repeat 0 3px; }
              #nav li a.active {
                text-decoration: underline;
                background: url(/images/nav-active.png) no-repeat 0 3px;
              }
              #nav li ul.sub {
                margin: 0;
                padding: 0;
                font-size: 12px;
              }
                #nav li ul.sub a {
                  padding-left: 75px;
                  background: url(/images/nav-inactive.png) no-repeat 15px 3px;
                }
                #nav li ul.sub a:hover { background: url(/images/nav-sub-over.png) no-repeat 0 3px; }
                #nav li ul.sub a.active { background: url(/images/nav-sub-active.png) no-repeat 0 3px; }
          #footer {
            margin-bottom: 20px;
            padding: 0 15px;
            width: 220px;
          }
            #footer span { display: block; }
            #footer #copyright,
            #footer #classic-labs {
              margin: 10px 0;
              color: #aaa;
              font-size: 12px;
            }
              #footer #classic-labs img { vertical-align: middle; }
              #footer #classic-labs a {
                color: #aaa;
                font-size: 12px;
                text-decoration: underline;
              }