body{
margin: 0px;
}
.container{
width:990px;
margin:auto;
background-color:#EFEFEF;
border: 1px solid #CCCCFF;
padding:0px;
}
.top{
height:100px;
background-color:#CCCCFF;
}
div.contentWrappers{
margin:auto;
padding:0px;
}
div.contentWrappers ul{
list-style-type:none;
text-decoration:none;
margin:0px;
padding:10px;
font-size:large;
border-bottom:1px silver dotted;
}
div.contentWrappers ul li{
display:block;
font-size:small;
font-weight:normal;
margin-top: 5px;
}
div.content-table{
margin:auto;
padding:0px;
}
div.content-table ul{
overflow:auto;
list-style-type:none;
text-decoration:none;
margin:0px;
padding:0px 0px 5px 5px;
}
div.content-table ul li{
float:left;
width:200px;
height:164px;
font-size:small;
font-weight:normal;
text-align:left;
}
div.content-table li.content-2ndcol{
width:550px;
height:165px;
font-size:small;
font-weight:normal;
text-align:left;
}
div.content-table li.content-spacer{
clear:both;
}
div.contentDownloads{
margin:auto;
padding:0px;
text-align:center;
}
div.contentDownloads div{
float:left;
margin:0px;
padding:0px;
width:200px;
}
div.contentDownloads div ul{
list-style-type:none;
padding:5px 0px 10px 5px;
margin:0;
font-size:small;
font-weight:bold;
}
div.contentDownloads div ul li{
padding:0px;
display:block;
margin:0;
font-size:small;
font-weight:normal;
text-align:left;
}
.clearer{
clear:both;
padding:0px;
margin:0px;
}
.contents{
width:770px;
background-color:white;
text-align:left;
padding:5px 5px 5px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
min-height:400px;
}
div.rightnav{
float:right;
width:195px;
padding: 5px 5px 5px 5px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
}
div.rightnav ul{
list-style-type:none;
padding:0;
margin:0;
font-size:medium;
font-weight:bold;
}
div.rightnav ul li{
margin-top:4px;
font-size:small;
font-weight:normal;
}
.rightnav ul li a{
display:block;
width: 175px;
padding: 3px 5px 3px 10px;
text-decoration: none;
color: #000;
}
.rightnav ul li a:hover{
color:black;
background-color:silver;
display:block;
}
.rightnav ul li:hover > ul{
background-color:silver;
display:block;
color:maroon;
position:relative;
}
.rightnav ul li ul{
display:none;
top:0px;
width:175px;
padding-left: 15px;
}
.footer{
clear:both;
height:50px;
background-color:#CCCCFF;
}

<div class="container">
<div class="top"></div>
<div class="rightnav">
<ul>
<li>Menu sample</li>
<li><a href="#">Menu 1 </a>
<ul>
<li>Sub menu 1</li>
<li>Sub menu 2</li>
<li>Sub menu 3</li>
<li>Sub menu 4</li>
</ul>
</li>
<li><a href="#">Menu 2</a>
<ul>
<li>Sub menu 1</li>
<li>Sub menu 2</li>
<li>Sub menu 3</li>
<li>Sub menu 4</li>
</ul>
</li>
<li><a href="#">Menu 3</a>
<ul>
<li>Sub menu 1</li>
<li>Sub menu 2</li>
<li>Sub menu 3</li>
<li>Sub menu 4</li>
</ul>
</li>
</ul>
</div>
<div class="contents">
<div class="contentWrappers">
<ul>
<li>
<img alt="" height="330" src="Project-uno.jpg" width="583" /></li>
<li>Title 1</li>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</li>

</ul>
<ul>
<li>
<img alt="" height="291" src="Project-uno.jpg" width="326" /></li>
<li>Title 2 </li>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</ul>
</div>
<div class="contentDownloads">
<div>
<ul>
<li>
<img alt="" height="162" src="Project-uno.jpg" width="187" />
</li>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</li>
</ul>
</div>
<div>
<ul>
<li>
<img alt="" height="162" src="Project-uno.jpg" width="187" />
</li>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</li>
</ul>
</div>
<div>
<ul>
<li>
<img alt="" height="162" src="Project-uno.jpg" width="187" />
</li>
<li>Download the trial version of iWork '08 now and try it for yourself. You'll be making gorgeous documents, presentations, and spreadsheets in minutes.</li>
</ul>
</div>
</div>
<div class="clearer"></div>
<div class="content-table">
<ul>
<li>
<img height="162" src="Project-uno.jpg" width="187" /></li>
<li class="content-2ndcol">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</li>
<li>
<img height="162" src="Project-uno.jpg" width="187" /></li>
<li class="content-2ndcol">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</li>
</ul>
</div>
</div>
<div class="footer"></div>
</div>