请教DIV+CSS高手，这样的网页布局的DIV+CSS代码怎么写？

css代码：

*{ padding:0; margin:0;}

body{ padding-top:20px;}

.header,.a1,.footer{ height:40px; width:958px; margin:0 auto; border:1px solid #000; text-align:center; clear:both;}

.b,.c,.d{ width:960px; margin:0 auto; clear:both;}

.footer{ border-top:none;}

.a1{ height:100px; border:1px solid #000; border-top:none;}

.b1,.b2,.b3,.b4{ float:left; width:239px; height:80px; border-right:1px solid #000; border-bottom:1px solid #000;}

.b1{ width:238px; border-left:1px solid #000;}

.c1,.c_center,.c_right{ float:left; height:260px; border-right:1px solid #000; border-bottom:1px solid #000;}

.c1,.d_left{ width:298px; border-left:1px solid #000;}

.c_center,.d_center{ width:459px;}

.c_right,.d_right{ width:199px;}

.c2{ height:129px; border-bottom:1px solid #000;}

.c4{ height:171px; border-bottom:1px solid #000;}

.c5,.c6{ float:left; width:99px; height:99px;}

.c5{ border-right:1px solid #000;}

.d_left,.d_center,.d_right{ float:left; height:100px; border-right:1px solid #000; border-bottom:1px solid #000;}

.d1,.d3{ height:49px; border-bottom:1px solid #000;}

.d5,.d6{ float:left; width:99px; height:99px;}

.d5{ border-right:1px solid #000;}

html代码：

首

A1

B1

B2

B3

B4

C2

C4

C5

C6

D1

D3

D5

D6

尾

效果如图