<style>
.reveal-modal {
    display:none;
    visibility: visible;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    width: 520px;
    position: fixed;
    z-index: 101;
}
</style>
  <div id="character" class="reveal-modal xlarge main container">   
    <div class='modal_wrap'></div>
    <a class="close-reveal-modal" onclick="$(this).parent().hide()">×</a>
 </div>

    <script type="text/javascript">
    function showTab(elem){
        $(".menu span").removeClass("tabactive");
        $(elem).addClass("tabactive");
        $("div.submenutext").hide();
        var activeDiv = $(elem).attr("alt");
        $("div."+activeDiv).fadeIn();
        return false;
    }
    $(".modal-link").click(function() {
            var modId = $(this).attr('id');

    $('.modal_wrap').html('');
    $.get('/pages/'+modId, function (data){
        $('.modal_wrap').html($(data).find('.character').html()).parent().show();
    });

    $(".submenutext").hide();
    $(".submenutext:first").show();
    });
    </script>