<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>untitled</title>
    
    <style type="text/css" media="screen">
    body
    {
        margin: 0;
    }
    div
    {
        display: -webkit-box;
        border: 1px solid black;
    }
    
    #container
    {
        height: 100%;
        width: 100%;
        -webkit-box-orient: vertical;
    }
    #top-row
    {
        -webkit-box-flex: 0.65;
        -webkit-box-orient: horizontal;
    }

    #bottom-row
    {
        -webkit-box-flex: 0.35;
    }

    .top
    {
    }
    
    .bottom
    {
    }
    .left
    {
        width: 65%;
    }
    
    .right
    {
        width: 35%;
    }
    
    .left img
    {
        display: -webkit-box;
    }
    </style>
    
    
</head>
<body>

<div id="container">
    
<div id="top-row">
    <div class="top left">

    </div>
    <div class="top right">
        
    </div>
</div>

<div id="bottom-row">
    <div class="bottom left">
        
    </div>
    <div class="bottom right">
        
    </div>
</div>

</div>

</body>
</html>