$green-original: #99CB23
$green: #7BB459 //Heineken
$font-family-content: Georgia, serif
$font-family-navigation: Verdana,serif
$font-family-headers: Verdana,serif //'Pacifico', serif
body
  background-color: #333
  margin: 0
  padding: 0
  background-image: image-url('theme1/footer-bg.jpg')
  background-position: center top
  .header-nav-banner
    background-image: image-url('theme1/header.jpg') 
    background-position: center 25px
    #header-wrap
      #ceiling
        position: relative
        width: 100%
        background-image: image-url('theme1/ceiling-center.jpg')
        background-position: top center
        background-repeat: no-repeat
        .left
          background-image: image-url('theme1/ceiling-left.jpg')
          background-position: right top
          background-repeat: repeat-x
          height: 25px
          position: absolute
          left: 0
          width: 50%
        .right
          background-image: image-url('theme1/ceiling-right.jpg')
          background-position: left top
          background-repeat: repeat-x
          height: 25px
          position: absolute
          right: 0
          width: 50%
        .lights
          position: absolute
          height: 140px
          width: 990px
          left: 50%
          margin-left: -495px
          div
            position: relative
            background-repeat: no-repeat
            width: 315px
            height: 140px
            float: left
            z-index: 2
            &.light1
              background-image: image-url('theme1/light-1.jpg')
              margin-left: 15px
              margin-right: 2px
            &.light2
              background-image: image-url('theme1/light-2.jpg')
              margin-right: 3px
            &.light3
              background-image: image-url('theme1/light-3.jpg')
        .container
          width: 960px
          padding-top: 40px
          position: relative
          z-index: 4
          margin: 0 auto
          #header
            margin-bottom: 20px
            height: 14px
            #logo
              a
                margin: 20px
            #header-right
              padding-right: 30px
              .social
                float: right
                width: 222px
                text-align: right
                a
                  background-image: image-url('theme1/social.png')
                  margin: 0 0 0 3px
                  width: 32px
                  height: 56px
                  display: inline-block
                  &.wsite-social-facebook
                    background-position: 0 0
                  &.wsite-social-twitter
                    background-position: -35px 0
                  &.wsite-social-linkedin
                    background-position: -70px 0
                  &.wsite-social-rss
                    background-position: -141px 0
    #nav-wrap
      .container
        clear: both
        overflow: hidden
        z-index: 100
        position: relative
        width: 900px
        height: 48px
        padding: 11px 25px 24px 25px
        background-image: image-url('theme1/nav-bar.png')
        background-repeat: no-repeat
        background-position: 0 0
        margin: 0 auto
        ul.nav
          float: left
          margin: 0
          padding: 0
          list-style: none
          li 
            position: relative
            float: left
            list-style: none
            a
              border: 0
              color: white
              display: block
              float: left 
              font-family: $font-family-navigation
              text-decoration: none
              font-size: 18px
              height: 46px
              line-height: 46px
              margin: 0 10px
              padding: 0 20px
              text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5)
              &:hover
                color: $green
            &.active
              a
                color: $green
    #banner-wrap
      z-index: 2
      position: relative
      .left
        position: absolute
        bottom: 0
        left: 0
        background-image: image-url('theme1/floor-left.jpg')
        background-position: right
        height: 48px
        width: 50%
      .right
        position: absolute
        bottom: 0
        right: 0
        background-image: image-url('theme1/floor-right.jpg')
        background-position: left
        height: 48px
        width: 50%
      .container
        background-image: image-url('theme1/floor-center.jpg')
        background-position: center bottom
        background-repeat: no-repeat
        margin: 0 auto 
        width: 982px
        #banner
          background-image: image-url('theme1/banner-bg.png')
          background-position: 2px bottom
          background-repeat: no-repeat
          padding-bottom: 38px
          position: relative
          width: 982px
          .wsite-header
            border: 10px solid white
            margin-left: 61px
            width: 840px
            height: 260px
            background-image: image-url("theme1/home_qwaiter_den_haag.png")
          &.standard
            background-image: image-url("theme1/no-banner-bg.png")
            .wsite-header
              display: none
    #main-wrap
      font-size: 14px
      font-family: $font-family-content
      line-height: 1.5
      color: #848585
      h1
        font-size: 28px
        padding: 0.5em 0 0.2em 0
        line-height: 1.4
        font-family: $font-family-headers
        color: #AE571F
      h2
        font-size: 24px
        padding: 0.5em 0 0.2em 0
        line-height: 1.2
        font-family: $font-family-headers
        color: #AE571F

      background-image: image-url('theme1/wall-bg.jpg')
      background-position: center top
      overflow: visible
      z-index: 2
      position: relative
      .container
        background-image: image-url('theme1/content-bg.png')
        background-position: 2px
        min-height: 400px
        margin: 0 auto
        width: 974px
        .content-top
          width: 960px
          height: 30px
          margin-left: 9px
          background-image: image-url('theme1/content-top.jpg')
        .main-inner
          width: 894px
          padding: 0 40px 30px 40px
          h1.page-title
            margin: 0
            padding: 0
            margin-bottom: 12px
          #wsite-content 
    #footer-wrap
      color: white
      background-image: image-url('theme1/footer-bg.jpg')
      background-position: center
      text-align: right
      overflow: visible
      .footer-shadow
        height: 72px
        width: 100%
        background-image: image-url('theme1/footer-top-shadow.png')
        background-repeat: repeat-x
        position: relative
        z-index: 4
      .container
        background-color: #420F03
        width: 838px
        padding: 72px 30px 20px 30px 
        position: relative
        top: -72px
        z-index: 3
        overflow: visible
        margin: 0 auto
        .footer-top
          width: 974px
          height: 4px
          position: relative
          top: -72px
          left: -60px
          overflow: visible
          background-image: image-url('theme1/footer-top.png')
        .bottom
          background-image: image-url('theme1/footer-bottom.png')
          width: 898px
          height: 35px
          position: relative
          bottom: -35px
          left: -30px
          overflow: visible
  a
    color: $green
    text-decoration: none
    &:hover
      color: darken($green, 20%)
  .right
    float: right
  .left
    float: left
  .clearing
    clear: both