Standard Ecommerce layout

by dannyj6

HTML

<div class="wrapper">
  <div class="display-page">
    <div class="header">Logo</div>
    <div class="left-nav">Left Nav</div>
    <div class="Main-Content">Content</div>
    <div class="right-nav">Right Nav</div>
    <div class="footer">Footer</div>
  </div>
</div>

CSS

body,td,th {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	line-height: 18px;
}
body {
	margin: 0px;
	background-image: url(../images/tile-x.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #fff;
}
.wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: red;

}
.display-page{
	width: 1000px;
    height: auto;
	overflow: hidden;
	text-align:center;
	margin: 0 auto 0 auto;
    background-color: #F06;
}
.header {
	height: 36px;
	color: #FFF;
	width: 998px;
	height: auto;
	overflow:hidden;
	vertical-align: top;
	border: #FFF dashed 1px;
}
.left-nav {
	float:left;
	width: 178px;
	text-align: center;
	background-color: #FFF;
	text-transform: capitalize;
	margin-right: 20px;
    border: #FFF dashed 1px;
}
.Main-Content {
	float:left;
	width: 578px;
	height:auto;
	overflow:auto;
	margin-right: 20px;
    border: #FFF dashed 1px;
}
.right-nav {
	float:left;
	width: 198px;
    border: #FFF dashed 1px;
}
.footer {
	width: 100%;
	height: auto;
	overflow:hidden;
	text-align:center;
    border: #FFF dashed 1px;
}