<div id="wrapper">
<table width="760" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td style="width:25px;">
        
        
    </td>
    <td></td>
    <td style="text-align:right;"><img src="images/main_images/top_left_corner.gif"/></td>
    <td style="width:500px;">
        <div id="right_bar">
        <table style="width:500px; margin-top:3px;" cellpadding="0" cellspacing="0">
                <tr>
                    
              <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/nav_images/home_over.gif',1)"><img src="images/nav_images/home_normal.gif" name="home" width="96" height="40" border="0"></a></td>
                    
              <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('about','','images/nav_images/about_over.gif',1)"><img src="images/nav_images/about_normal.gif" name="about" width="95" height="40" border="0"></a></td>
                    
              <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','images/nav_images/contact_over.gif',1)"><img src="images/nav_images/contact_normal.gif" name="contact" width="96" height="40" border="0"></a></td>
                    
              <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('portfolio','','images/nav_images/portfolio_over.gif',1)"><img src="images/nav_images/portfolio_normal.gif" name="portfolio" width="96" height="40" border="0"></a></td>
                    
              <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('archives','','images/nav_images/about_over.gif',1)"><img src="images/nav_images/about_normal.gif" name="archives" width="95" height="40" border="0"></a></td>
                </tr>
            </table>
            </div>
    </td>
  </tr>
  <tr>
    <td colspan="4">
        <table style="width:760px;" cellpadding="0" cellspacing="0">
            <tr>
            <td style="width:50px;"> </td>
            <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home_sphere','','images/main_images/home_sphere_over.png',1)"><img src="images/main_images/home_sphere.png" name="home_sphere" width="128" height="171" border="0"></a></td>
            <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('about_sphere','','images/main_images/about_sphere_over.png',1)"><img src="images/main_images/about_sphere.png" name="about_sphere" width="125" height="171" border="0"></a></td>
            <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact_sphere','','images/main_images/contact_sphere_over.png',1)"><img src="images/main_images/contact_sphere.png" name="contact_sphere" width="125" height="171" border="0"></a></td>
            <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('portfolio_sphere','','images/main_images/portfolio_sphere_over.png',1)"><img src="images/main_images/portfolio_sphere.png" name="portfolio_sphere" width="126" height="171" border="0"></a></td>
            </tr>
        </table>
    </td>
  </tr>  
  <tr>
      <td style="width:209px;"  valign="top">
        <table style="width:209px;" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td style="width:20px;"></td>
                <td>
                    <div class="container">
                        <b class="rtop">
                              <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
                        </b>
                            <p><b>Lorem ipsum dolor sit amet</b></p>
                            <p>onsectetuer adipiscing elit. Praesent quis tortor vel ante tristique pretium. Donec ultricies lectus vitae ipsum placerat ornare.
                            Donec hendrerit ante mattis neque. Mauris risus. Phasellus lacinia, pede eu pellentesque euismod, nisl ipsum gravida sapien, in sodales
                            </p>
                        <b class="rbottom">
                          <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
                    </b>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="height:25px;"> </td>
            </tr>
            <tr>
                <td style="width:20px;"></td>
                <td>
                    <div class="container">
                        <b class="rtop">
                              <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
                        </b>
                        <p><b>Lorem ipsum dolor sit amet</b></p>
                            <p>onsectetuer adipiscing elit. Praesent quis tortor vel ante tristique pretium. Donec ultricies lectus vitae ipsum placerat ornare.
                            Donec hendrerit ante mattis neque. Mauris risus. Phasellus lacinia, pede eu pellentesque euismod, nisl ipsum gravida sapien, in sodales
                            </p>
                            <p><b>Lorem ipsum dolor sit amet</b></p>
                            <p>onsectetuer adipiscing elit. Praesent quis tortor vel ante tristique pretium. Donec ultricies lectus vitae ipsum placerat ornare.
                            Donec hendrerit ante mattis neque. Mauris risus. Phasellus lacinia, pede eu pellentesque euismod, nisl ipsum gravida sapien, in sodales
                            </p>
                        <b class="rbottom">
                          <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
                    </b>
                    </div>
                </td>
            </tr>
        </table>
    </td>
    <td colspan="3" style="width:525px;" valign="top">
        <table style="width:525px;" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td>
                    <div class="container_main">
                        <b class="rtop_main">
                          <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4_main"></b>
                        </b>
                            <p><b>Lorem ipsum dolor sit amet</b></p>
                            <p>Quisque vulputate. Pellentesque iaculis luctus quam. Mauris vel massa. Phasellus accumsan nisl in elit. Sed massa quam, blandit
                            pharetra, facilisis eget, pulvinar a, odio. Donec nisi tellus, imperdiet a, luctus a, elementum ut, sapien. Donec et risus. Cras
                            tincidunt pede elementum neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce molestie
                            dui et ligula. Aliquam erat volutpat. Aliquam erat volutpat. Aliquam viverra, ante in eleifend accumsan, mi neque pharetra augue, ut
                            convallis libero enim eu pede. Phasellus neque. Quisque nec risus. Donec at neque ut metus adipiscing blandit.
                            </p>
                            <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque commodo eros eu nibh. Donec turpis ante,
                            pulvinar ac, ornare condimentum, suscipit non, arcu. Morbi congue. Praesent gravida nisi congue erat. Morbi nec ante. Duis eget nisl non
                            felis viverra sollicitudin. Vestibulum sagittis imperdiet dolor. Sed fringilla imperdiet lacus. Nulla ac justo. In at ante. Class aptent
                            taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>

                            <p>Quisque ut velit sagittis neque euismod tristique. Curabitur sit amet sapien. Nulla laoreet. Pellentesque eget diam. Quisque vitae urna.
                            Curabitur ullamcorper nunc in felis. Proin massa purus, ullamcorper eget, fermentum eget, pellentesque facilisis, urna. Nullam tempus
                            purus quis urna. Proin id quam. Ut non quam sit amet odio bibendum porta. Pellentesque habitant morbi tristique senectus et netus et
                            malesuada fames ac turpis egestas. Fusce vehicula commodo ligula. Integer interdum leo non dolor. </p>
                            <p><b>Lorem ipsum dolor sit amet</b></p>
                            <p>Quisque vulputate. Pellentesque iaculis luctus quam. Mauris vel massa. Phasellus accumsan nisl in elit. Sed massa quam, blandit
                            pharetra, facilisis eget, pulvinar a, odio. Donec nisi tellus, imperdiet a, luctus a, elementum ut, sapien. Donec et risus. Cras
                            tincidunt pede elementum neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce molestie
                            dui et ligula. Aliquam erat volutpat. Aliquam erat volutpat. Aliquam viverra, ante in eleifend accumsan, mi neque pharetra augue, ut
                            convallis libero enim eu pede. Phasellus neque. Quisque nec risus. Donec at neque ut metus adipiscing blandit.
                            </p>
                            <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque commodo eros eu nibh. Donec turpis ante,
                            pulvinar ac, ornare condimentum, suscipit non, arcu. Morbi congue. Praesent gravida nisi congue erat. Morbi nec ante. Duis eget nisl non
                            felis viverra sollicitudin. Vestibulum sagittis imperdiet dolor. Sed fringilla imperdiet lacus. Nulla ac justo. In at ante. Class aptent
                            taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>

                            <p>Quisque ut velit sagittis neque euismod tristique. Curabitur sit amet sapien. Nulla laoreet. Pellentesque eget diam. Quisque vitae urna.
                            Curabitur ullamcorper nunc in felis. Proin massa purus, ullamcorper eget, fermentum eget, pellentesque facilisis, urna. Nullam tempus
                            purus quis urna. Proin id quam. Ut non quam sit amet odio bibendum porta. Pellentesque habitant morbi tristique senectus et netus et
                            malesuada fames ac turpis egestas. Fusce vehicula commodo ligula. Integer interdum leo non dolor. </p>
                        <b class="rbottom_main">
                          <b class="r4_main"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
                        </b>
                    </div>
                </td>
            </tr>
        </table>
    </td>
  </tr>
  <tr>
  
</table>

</div>

body
{
	background:#FFFFFF;	
	font-family: Verdana;
	font-size: 8px;
}

/* You need something to wrap the whole thing up in, this will also control your overall width and positioning */
#wrapper
{
	/*find a coding standard that works best for you so that it is readable*/
	width: 760px;
	margin: 0 auto;
	background-image:url(../images/main_images/main_bg_strip3.gif);
	background-repeat:repeat-x;
}

#left_bar
{
	width:25px;
	height:44px;
	background-image:url(../images/main_images/top_right_bar.gif);
	background-repeat:repeat-x;
}

#right_bar
{
	width:500px;
	height:44px;
	background-image:url(../images/main_images/top_left_bar.gif);
	background-repeat:repeat-x;
	float:right;
}

#left
{
	width:190px;
	color: #000;
	font-size: 12px;
	margin: 0 0px; /* Top/Bottom Left/Right...we want the paragraph to flush rught up to the bottom of the h1*/
	padding: 0 6px 9px 6px;
	background:#bac3cc;
}

#information p
{
	font-size: 11px;
	color: #fff;
	margin: 0;
	padding: 6px;
}

/*THE FOOTER IS THE MOST IMPORTANT PART WHEN USING ANY FLOATING DIVS*/
#footer
{
	clear: both; /*This ensures that your floating information box pushes the wrapper to the bottom of the box, leaving this out would result in the information box poking out of the wrapper into the body like a tab...that’s bad...and ugly*/
	background-color: #FFFF00;
	width:760px;
}

#footer p
{
	font-size: 10px;
	font-weight: bold;
	color: #000;
}

b.rtop, b.rbottom
{
	display: block;
	background: #FFF;
}

b.rtop_main, b.rbottom_main
{
	display: block;
	background: #FFF;
}

b.rtop b, b.rbottom b
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #bac3cc;
}

b.rtop_main b, b.rbottom_main b
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #e0e5e8;
}

b.r1
{
	margin: 0 5px;
}

b.r2
{
	margin: 0 3px;
}

b.r3
{
	margin: 0 2px;
}
/*the bottom 4 classes are for big corners*/
b.rtop b.r4, b.rbottom b.r4
{
	margin: 0 1px;
	height: 2px;
}

b.rtop_main b.r4_main, b.rbottom_main b.r4_main
{
	margin: 0 1px;
	height: 2px;
}

/*the above 2 classes are for small corners*/
.rs1
{
	margin: 0 2px;
}

.rs2
{
	margin: 0 1px;
}

div.container
{
	width:190px;
	margin: 0 0px;
	background: #bac3cc;
	font-family: Verdana;
	font-size: 10px;
	
}

div.container p
{
	padding-left:5px;
	padding-right:3px;
	
}

div.container_main
{
	width:525px;
	margin: 0 10px;
	background: #e0e5e8;
	font-family: Verdana;
	font-size: 10px;
}

div.container_main p
{
	padding-left:5px;
	padding-right:3px;
}