<document style=black>
  <slide color=black id=cfg-scene>
  <style type="text/css">
            .transparent-ui {
                opacity: .75;
            }
    
            .container {
                z-index: 0;
            }
    
            #teapot1 {
                position: absolute;
                width: 320px;
                height: 100px;
                clear: both;
                padding: 8px;
                overflow: hidden;
                background: red;
                color: white;
                z-index: 2;
                margin: 0 auto;
                border: 1px solid;
                text-align: left;
                -webkit-box-shadow: #444 5px 5px 2px;
                border-bottom-left-radius: 5px 5px;
                border-bottom-right-radius: 5px 5px;
                border-top-left-radius: 5px 5px;
                border-top-right-radius: 5px 5px;
            }
    
            #teapot2 {
                position: absolute;
                width: 400px;
                height: 120px;
                clear: both;
                padding: 8px;
                overflow: hidden;
                background: green;
                color: white;
                z-index: 2;
                margin: 0 auto;
                border: 1px solid;
                text-align: left;
                -webkit-box-shadow: #444 5px 5px 2px;
                border-bottom-left-radius: 5px 5px;
                border-bottom-right-radius: 5px 5px;
                border-top-left-radius: 5px 5px;
                border-top-right-radius: 5px 5px;
            }
    
            #teapot3 {
                position: absolute;
                width: 360px;
                height: 110px;
                clear: both;
                padding: 8px;
                overflow: hidden;
                background: blue;
                color: white;
                z-index: 2;
                margin: 0 auto;
                border: 1px solid;
                text-align: left;
                -webkit-box-shadow: #444 5px 5px 2px;
                border-bottom-left-radius: 5px 5px;
                border-bottom-right-radius: 5px 5px;
                border-top-left-radius: 5px 5px;
                border-top-right-radius: 5px 5px;
            }
        </style>
  <load cfg=webgl>
          <canvas bgcolor=white id="theCanvas" width="1030" height="700">
              <p>This example requires a browser that supports the
                  <a href="http://www.w3.org/html/wg/html5/">HTML5</a>
                  &lt;canvas&gt; feature.</p>
          </canvas>
  <script type="text/javascript" src="scene.js"></script>
  <div id="teapot1" class="transparent-ui">
        serious gaming
    </div>
    
    <div id="teapot2" class="transparent-ui">
        creative technology / new media
    </div>
    
    <div id="teapot3" class="transparent-ui">
        multimedia @ VU
    </div>
  <load cfg=webgl-src>
  <navigate>
  </slide>
  </document>