JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="Container">
        <div id="Logo"></div>
    
        <div id="Banner">
            <div id="Nav"></div>
        </div>
        <div id="Content">
        </div>
        
        <div id="footer">Footer</div>
    </div>
</body>

CSS

@charset "utf-8";
/* CSS Document */

html, body {
height:100%;
padding:0;
margin:0;
background-image:url(../layout.img/background_gradient.gif);
background-repeat:repeat-x;
}

#Container {
height:100%;
width:950px;
margin:auto;

background-color:#FFFFFF;
border-left:1px solid #333333;
border-right:1px solid #333333;
}

#Logo {
width:160px;
height:160px;
float:right;
}

#Banner {
width:100%;
height:160px;
}

#Nav {
width:550px;
height:33px;
position:relative;
top:100px;
left:50px;
}

#Content {
clear:both;
}