* {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: normal;
  text-align: left;
  line-height: 1; }

body {
  background: white;
  text-align: center;
  color: black;
  font-family: "Arial", "Verdana", "Helvetica", sans-serif;
  font-size: 90%; }

h1 {
  font-size: 130%;
  color: #002044; }

#wrapper {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  overflow: visible;
  visibility: visible;
  display: block; }

#container {
  position: absolute;
  width: 854px;
  height: 588px;
  margin-left: -427px;
  top: -294px;
  left: 50%;
  visibility: visible; }

/* Header / Top Menu  ========================================================== */
/* ============================================================================= */
#header {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 77px;
  margin-bottom: 4px;
  background: white;
  /* Heading "exhibition studios" ---------------------------------------------- */
  /* Main menu ----------------------------------------------------------------- */ }
  #header #es_logo {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    outline: none; }
  #header h1 {
    position: absolute;
    right: 3px;
    bottom: 5px;
    font-weight: bold;
    font-size: 1em;
    color: #3a3a3a; }
  #header ul {
    position: relative;
    left: 82px;
    height: 77px; }
    #header ul li {
      position: relative;
      float: left;
      width: 77px;
      height: 77px;
      margin: 0;
      padding: 0;
      border: none;
      outline: none;
      margin-right: 4px;
      list-style-type: none;
      cursor: pointer; }
      #header ul li.current a:link .rolloverBG, #header ul li.current a:active .rolloverBG, #header ul li.current a:visited .rolloverBG, #header ul li.current a:hover .rolloverBG, #header ul li.currentParent a:link .rolloverBG, #header ul li.currentParent a:active .rolloverBG, #header ul li.currentParent a:visited .rolloverBG, #header ul li.currentParent a:hover .rolloverBG {
        height: 100%; }
      #header ul li.current a span, #header ul li.currentParent a span {
        color: white; }
      #header ul li a:link, #header ul li a:active, #header ul li a:visited, #header ul li a:hover {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        color: #dd0000;
        width: 77px;
        height: 77px;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        font-size: 70%;
        cursor: pointer;
        overflow: hidden; }
        #header ul li a:link span, #header ul li a:active span, #header ul li a:visited span, #header ul li a:hover span {
          position: absolute;
          bottom: 10px;
          left: 0;
          width: 77px;
          text-align: center;
          display: block;
          cursor: pointer;
          z-index: 2;
          overflow: hidden; }
          #header ul li a:link span.rolloverBG, #header ul li a:active span.rolloverBG, #header ul li a:visited span.rolloverBG, #header ul li a:hover span.rolloverBG {
            bottom: 0px;
            background-color: #dd0000;
            height: 0px;
            z-index: 1;
            line-height: 0;
            padding: 0;
            border: none;
            outline: none;
            margin: 0; }
      #header ul li ul {
        position: absolute;
        top: 77px;
        left: 0;
        width: 600px;
        height: 85px;
        overflow: hidden;
        display: none; }
        #header ul li ul li {
          position: relative;
          display: block;
          float: left;
          top: -77px;
          width: 81px;
          height: 85px;
          margin: 0;
          background: url("/images/transparent.gif") repeat 0 0;
          list-style-type: none;
          text-align: center;
          cursor: pointer; }
          #header ul li ul li a, #header ul li ul li a:link, #header ul li ul li a:active, #header ul li ul li a:visited, #header ul li ul li a:hover {
            left: 0;
            top: 8px;
            cursor: pointer;
            background: url("/images/beige-transparent.png") repeat 0 0; }
            #header ul li ul li a span, #header ul li ul li a:link span, #header ul li ul li a:active span, #header ul li ul li a:visited span, #header ul li ul li a:hover span {
              color: black; }
          #header ul li ul li a:hover {
            background: none;
            background-color: #dd0000; }
            #header ul li ul li a:hover span {
              color: white; }
        #header ul li ul li.current a {
          background: #dd0000; }
          #header ul li ul li.current a span {
            color: white; }

/* Content Area  =============================================================== */
/* ============================================================================= */
/* CONTENT Shared Typographical Elements  ====================================== */
/* ============================================================================= */
#content {
  font-family: "Arial", "sans-serif"; }
  #content a {
    color: black;
    text-decoration: underline; }
    #content a:hover {
      color: red;
      text-decoration: none; }
    #content a.flash {
      background: url('/images/video_logo_off.jpg') -1px -1px; }
      #content a.flash:hover {
        background: url('/images/video_logo_on.jpg') -1px -1px; }
      #content a.flash.current {
        background: url('/images/video_logo_on.jpg') -1px -1px; }
  #content abbr, #content acronym {
    border-bottom-width: 0;
    text-decoration: none; }
  #content strong {
    font-weight: bold; }
  #content p {
    font-size: 0.85em;
    line-height: 1.3em;
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 0.65em; }
  #content h2 {
    font-size: 1.02em;
    font-weight: bold;
    font-family: "Arial Black", "Arial", "sans-serif";
    line-height: 1.083em;
    margin-top: 55px;
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 0.65em; }
  #content h3 {
    font-size: 0.935em;
    font-weight: bold;
    line-height: 1.182em;
    margin-top: 1.95em;
    margin-left: 24px;
    margin-bottom: 0.65em;
    margin-right: 24px; }
  #content h2+h3 {
    margin-top: 0; }
  #content h4 {
    font-size: 0.85em;
    font-weight: bold;
    line-height: 1.3em;
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 0.325em; }
  #content li {
    line-height: 1.3em;
    list-style-type: disc; }

/* Content Area Layout  ======================================================== */
/* ============================================================================= */
#content {
  position: absolute;
  z-index: 1;
  top: 81px;
  width: 854px;
  height: 425px;
  overflow: hidden;
  /* ImageWrap for Gallery and Text-Only Pages --------------------------------- */ }
  #content #imageWrap {
    width: 854px;
    height: 425px;
    overflow: hidden;
    position: absolute;
    /* Text-Only --------------------------------------------------------------- */ }
    #content #imageWrap ul {
      display: block;
      position: relative;
      height: 425px; }
      #content #imageWrap ul li {
        list-style-type: disc; }
    #content #imageWrap.text {
      width: 854px;
      height: 425px;
      overflow: hidden;
      position: absolute;
      background: url('/images/text-panel-bg.jpg') no-repeat top left; }
      #content #imageWrap.text .topPanel {
        width: 100%;
        height: 32px;
        background: url('/images/text-panel-bg.jpg') no-repeat bottom left;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 999; }
        #content #imageWrap.text .topPanel #textNextBtn, #content #imageWrap.text .topPanel #textPrevBtn {
          display: block;
          width: 12px;
          height: 18px;
          top: 8px;
          position: absolute; }
          #content #imageWrap.text .topPanel #textNextBtn:hover, #content #imageWrap.text .topPanel #textPrevBtn:hover {
            background-position: bottom left; }
        #content #imageWrap.text .topPanel #textNextBtn {
          background: url('/images/next_arrow.gif') no-repeat top left;
          right: 8px; }
        #content #imageWrap.text .topPanel #textPrevBtn {
          background: url('/images/prev_arrow.gif') no-repeat top left;
          left: 8px; }
      #content #imageWrap.text ul {
        position: relative; }
        #content #imageWrap.text ul li {
          position: relative; }
      #content #imageWrap.text .textPanel {
        width: 284.667px;
        height: 425px;
        float: left;
        display: block;
        font-size: 0.935em;
        position: relative;
        top: 70px; }
        #content #imageWrap.text .textPanel h2 {
          margin-top: 0; }
        #content #imageWrap.text .textPanel ul {
          font-size: 0.773em;
          margin-bottom: 1.3em;
          display: inline; }
        #content #imageWrap.text .textPanel li {
          margin-left: 44px;
          margin-right: 24px;
          float: none;
          list-style-type: disc; }
    #content #imageWrap #gallery li {
      list-style-type: none; }
    #content #imageWrap #gallery.fade li {
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 1;
      line-height: 0;
      font-size: 0; }
    #content #imageWrap dl {
      display: block;
      position: relative;
      height: 425px;
      list-style-type: none;
      /* Portfolio / Contact / Awards Text ------------------------------------- */ }
      #content #imageWrap dl#gallery {
        overflow: hidden; }
      #content #imageWrap dl dt {
        width: 570px;
        height: 425px;
        list-style-type: none;
        float: left; }
        #content #imageWrap dl dt img {
          width: 570px;
          height: 425px; }
      #content #imageWrap dl dd {
        width: 284px;
        height: 425px;
        float: left;
        background: #336699 url('/images/gallery-panel-bg.jpg') no-repeat top left;
        position: relative; }
        #content #imageWrap dl dd ul {
          font-size: 0.773em;
          margin-left: 44px;
          margin-right: 24px; }
        #content #imageWrap dl dd li {
          list-style-type: disc; }
    #content #imageWrap .galleryPanel {
      width: 284px;
      height: 40px;
      background: #336699 url('/images/gallery-panel-bg.jpg') no-repeat 0px -350px;
      position: absolute;
      top: 0px;
      right: 0px;
      overflow: hidden; }
      #content #imageWrap .galleryPanel ul.galleryThumbs {
        float: left;
        margin-left: 26px;
        padding: 0;
        display: inline; }
      #content #imageWrap .galleryPanel .galleryPanelBtn {
        display: none; }
      #content #imageWrap .galleryPanel .galleryThumbs {
        float: left; }
        #content #imageWrap .galleryPanel .galleryThumbs li {
          list-style-type: none;
          cursor: pointer;
          float: left;
          display: inline;
          margin-right: 8px;
          margin-top: 7px;
          border-bottom: solid 1px #6B748D;
          border-right: solid 1px #6B748D; }
          #content #imageWrap .galleryPanel .galleryThumbs li a {
            border: solid 1px #DD291C;
            outline: none;
            width: 24px;
            height: 24px;
            display: block;
            background-color: #E0EAEF;
            color: #3A3A3A;
            font-weight: bold;
            font-size: 1.2em;
            text-align: center;
            text-decoration: none;
            line-height: 2; }
            #content #imageWrap .galleryPanel .galleryThumbs li a:hover, #content #imageWrap .galleryPanel .galleryThumbs li a.current {
              background-color: #DD291C;
              color: #FFFFFF; }
            #content #imageWrap .galleryPanel .galleryThumbs li a img {
              display: none; }

/* Portfolio Bottom Menus ================================== */
#footer {
  position: absolute;
  z-index: 3;
  top: 507px;
  width: 100%;
  height: 79px;
  margin-top: 4px;
  background: #c0d4e3 url("/images/footer-bg.jpg") no-repeat 0 0; }
  #footer p {
    color: #3A3A3A;
    margin-top: 8px;
    margin-left: 10px;
    font-size: 1.02em;
    line-height: 1.3em; }
  #footer li {
    position: relative;
    display: block;
    float: left;
    width: 77px;
    height: 77px; }
  #footer ul {
    position: absolute;
    border: none;
    padding-top: 7px;
    top: -7px; }
    #footer ul#bottom-nav {
      width: 854px; }
      #footer ul#bottom-nav li.open {
        background-image: none;
        background-color: #5982A0;
        background-position: center center; }
      #footer ul#bottom-nav li.icon {
        background-image: none;
        background-color: #db0015;
        background-position: center center; }
        #footer ul#bottom-nav li.icon a {
          cursor: default; }
      #footer ul#bottom-nav li.current {
        color: #FFFFFF;
        background-image: none;
        background-color: #dd0000;
        background-position: center center; }
        #footer ul#bottom-nav li.current a {
          cursor: default; }
        #footer ul#bottom-nav li.current strong {
          color: #FFFFFF;
          cursor: default; }
      #footer ul#bottom-nav.museums li.icon {
        background-image: url("/images/museums-icon.gif"); }
      #footer ul#bottom-nav.heritage li.icon {
        background-image: url("/images/heritage-icon.gif"); }
      #footer ul#bottom-nav.science-centres li.icon {
        background-image: url("/images/science-centres-icon.gif"); }
      #footer ul#bottom-nav.trailers-mobile-and-travelling li.icon {
        background-image: url("/images/mobile-icon.gif"); }
      #footer ul#bottom-nav.visitor-centres li.icon {
        background-image: url("/images/visitor-centres-icon.gif"); }
      #footer ul#bottom-nav li.austrucking {
        background: url("/images/austrucking-thumb.jpg") no-repeat center center; }
        #footer ul#bottom-nav li.austrucking a strong {
          display: none; }
      #footer ul#bottom-nav li.mundaring {
        background: url("/images/mundaring-thumb.jpg") no-repeat center center; }
        #footer ul#bottom-nav li.mundaring a strong {
          display: none; }
      #footer ul#bottom-nav li.scitech {
        background: url("/images/scitech-thumb.jpg") no-repeat center center; }
        #footer ul#bottom-nav li.scitech a strong {
          display: none; }
      #footer ul#bottom-nav li {
        background: url("/images/case-study-bg.gif") no-repeat 0 0;
        margin-right: 4px;
        border-top: #adc6d8 1px solid;
        border-right: #9ab7cc 1px solid;
        border-bottom: #8babc0 1px solid;
        border-left: #bdd7e7 1px solid;
        cursor: pointer; }
        #footer ul#bottom-nav li a {
          width: 100%;
          height: 100%; }
          #footer ul#bottom-nav li a strong {
            position: absolute;
            left: 0;
            bottom: 0;
            overflow: hidden;
            padding: 4px;
            display: block;
            line-height: 130%;
            cursor: pointer; }
        #footer ul#bottom-nav li span, #footer ul#bottom-nav li img {
          display: none; }
        #footer ul#bottom-nav li .popup {
          position: absolute;
          bottom: 82px;
          left: -0;
          overflow: hidden;
          cursor: pointer;
          background: url("/images/blue-transparent.png") repeat 0 0; }
          #footer ul#bottom-nav li .popup span {
            position: relative; }
          #footer ul#bottom-nav li .popup img {
            outline: none;
            border: none;
            position: absolute;
            top: 3px;
            left: 3px;
            width: 203px;
            height: 151px;
            display: block;
            background: none; }
          #footer ul#bottom-nav li .popup:hover span {
            color: white;
            background: none;
            background-color: #dd0000; }
        #footer ul#bottom-nav li.icon .popup {
          background: url("/images/blue-transparent.png") repeat 0 0;
          font-size: 65%; }
          #footer ul#bottom-nav li.icon .popup span {
            padding: 12px; }
          #footer ul#bottom-nav li.icon .popup:hover span {
            background: none;
            color: inherit; }
        #footer ul#bottom-nav li.small .popup span span {
          padding: 8px; }
      #footer ul#bottom-nav.small li .popup span span {
        padding: 8px; }
    #footer ul a {
      display: block;
      color: #002044;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 65%;
      font-weight: bold; }

#content #imageWrap .redbox {
  background-color: #dd0000;
  display: none;
  overflow: hidden;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 77px;
  height: 77px;
  text-decoration: none;
  z-index: 99999; }
  #content #imageWrap .redbox li {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none; }
    #content #imageWrap .redbox li a {
      background-color: #dd0000;
      height: 100%;
      width: 100%;
      overflow: visible;
      text-decoration: none; }
      #content #imageWrap .redbox li a span {
        color: #FFFFFF;
        display: block;
        padding: 5px;
        margin: 0;
        text-align: left;
        font-size: 0.8em;
        line-height: 1.3; }
      #content #imageWrap .redbox li a:hover span {
        color: #000000; }