<div id="game">
    <div id="timer" class="text">
        <span class="block timerLabel">TIMER</span>
        <span class="block timerCountdown" id="timeleft">99:99</span>
    </div>
    <div id="functionality" class="text">
        <span class="block functionalityLabel">FUNCTIONALITY</span>
        <div class="block" id="functionalityBar">
            <span class="block" id="functionalityBarLine"></span>
        </div>

    </div>
    <div id="avatarContainer">
        <span id="avatarLabel" class="text">LITTLE TONY</span>
        <span id="avatarCharacter" class="avatar1 block"></span>
        <span id="avatarTool" class="block"></span>
    </div>
    <div id="copyContainer">
        <span id="copyLabel" class="text">COPY</span>
        <div id="copyAvatars">
            <div class="copyAvatar block">
                <div class="avatar2 character"></div>
                <div class="copyTool"></div>
            </div>
            <div class="copyAvatar block">
                <div class="avatar3 character"></div>
                <div class="copyTool"></div>
            </div>
            <div class="copyAvatar block">
                <div class="avatar4 character"></div>
                <div class="copyTool"></div>
            </div>
            <div class="copyAvatar block">
                <div class="avatar5 character"></div>
                <div class="copyTool"></div>
            </div>
        </div>
    </div>
    <div id="tradeContainer">
        <span id="tradeLabel" class="text">TRADE</span>
        <div id="tradeAvatars">
            <div class="copyAvatar block">
                <div class="avatar2 character"></div>
                <div class="copyTool"></div>
            </div>
            <div class="copyAvatar block">
                <div class="avatar3 character"></div>
                <div class="copyTool"></div>
            </div>
            <div class="copyAvatar block">
                <div class="avatar4 character"></div>
                <div class="copyTool"></div>
            </div>
            <div class="copyAvatar block">
                <div class="avatar5 character"></div>
                <div class="copyTool"></div>
            </div>
        </div>
    </div>
    <div id="fixItRalph">

    </div>
    <div id="ship-map">
        <div id="ship">
            <span id = "topLeftAlarm" class="topLeft overlayAlarm"></span>
            <span id = "topRightAlarm" class="topRight overlayAlarm"></span>
            <span id = "bottomLeftAlarm" class="bottomLeft overlayAlarm"></span>
            <span id = "bottomRightAlarm" class="bottomRight overlayAlarm"></span>
            <span id = "centerAlarm" class="center overlayAlarm"></span>
            <img src="assets/img/nave-empty.png" border="0" width="644" height="598" orgWidth="644" orgHeight="598" usemap="#image-maps-2015-01-25-045554" alt="" />
            <!-- <map name="image-maps-2015-01-25-045554" id="ImageMapsCom-image-maps-2015-01-25-045554">
                <area shape="rect" coords="642,596,644,598" alt="Image Map" style="outline:none;" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />
                <area  alt="" title="topLeft" href="http://www.image-maps.com/" shape="poly" coords="116,321,118,295,137,229,162,195,197,159,246,132,281,122,317,119,319,219,273,232,248,256,228,282,221,303,221,319" style="outline:none;" target="_self" onclick="topLeftSelected"    />
                <area  alt="" title="topRight" href="http://www.image-maps.com/" shape="poly" coords="333,116,410,135,459,171,493,205,516,249,523,283,525,319,423,321,414,277,381,244,355,230,318,224" style="outline:none;" target="_self" onclick="topRightClicked"    />
                <area  alt="" title="bottomRight" href="http://www.image-maps.com/" shape="poly" coords="522,329,426,328,417,354,400,387,376,409,325,425,325,526,385,518,435,496,469,464,501,418,518,375" style="outline:none;" target="_self" onclick="bottomRightClicked"    />
                <area  alt="" title="bottomLeft" href="http://www.image-maps.com/" shape="poly" coords="317,528,265,518,204,489,169,456,137,409,123,364,119,324,222,324,227,363,249,395,271,408,294,422,317,422" style="outline:none;" target="_self" onclick="bottomLeftClicked"    />
                <area  alt="" title="center" href="http://www.image-maps.com/" shape="poly" coords="321,419,291,416,265,405,247,386,231,355,224,338,224,310,230,287,240,267,257,251,273,239,298,230,321,226,346,230,371,235,389,249,402,265,413,283,419,306,420,336,414,357,403,381,387,400,370,411" style="outline:none;" target="_self" onclick="centerClicked"    />
            </map> -->
        </div>
        <div id="item"></div>
        <ul id="other-players">
            <li></li>
        </ul>
    </div>
</div>