<div id="header">
    <div id="navbar">
        <a id="riak-control-logo"></a>
        <nav>
            <ul id="nav-ul">
                <li id="nav-ring" class="nav-li"><a {{action showRing href=true}} class="gui-text-bold nav-item"></a><span class="indicator"></span></li>
                <li id="nav-nodes" class="nav-li"><a {{action showNodes href=true}} class="gui-text-bold nav-item"></a><span class="indicator"></span></li>
                <li id="nav-cluster" class="nav-li"><a {{action showCluster href=true}} class="gui-text-bold nav-item"></a><span class="indicator"></span></li>
                <li id="nav-snapshot" class="nav-li"><a {{action showSnapshot href=true}} class="gui-text-bold nav-item"></a><span class="indicator"></span></li>
            </ul>
        </nav>
    </div>
</div>

<div id="wrapper" class="split gui-text">

    <section id="content-well">{{outlet}}</section>
    
    <footer>
        <div class="side-line"></div>
        <div class="title-box">
            <span class="vert-border-left"></span>
            <a id="basho-logo" href="http://www.basho.com" target="_blank"><img src="/admin/ui/images/basho-logo.png" alt=""/></a>
            <span class="vert-border-right"></span>
        </div>
        <div class="side-line"></div>
        <div class="clear"></div>
    <footer>

</div><!-- #wrapper -->

<div id="tooltips" class="hide">
    <div id="display-tips" class="gui-text"></div>
</div>
