#main { width:946px; margin:0 auto; text-align:left;}

#header {height:196px;}

#footer { height:86px;}

.column-1, .column-2, .column-3, .column-4, .col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}

#header .column-1{ width:240px;}
#header .column-2{ width:706px;}

/* ============================= page1 ===========================*/
#page1 .box1 .column-1{ width:446px;}
#page1 .box1 .column-2{ width:453px;}
#page1 .box3 .column-1{ width:212px;}
#page1 .box3 .column-2{ width:212px;}
#page1 .box3 .column-3{ width:212px;}
#page1 .box3 .column-4{ width:212px;}

#page1 .col-1{ width:296px;}
#page1 .col-2{ width:296px;}
#page1 .col-3{ width:296px;}

/* ============================= page2 ===========================*/
#page2 .box1 .column-1{ width:286px;}
#page2 .box1 .column-2{ width:286px;}
#page2 .box1 .column-3{ width:286px;}
#page2 .line1{ background:url(images/line.gif) repeat-y 292px 0;}
#page2 .line2{ background:url(images/line.gif) repeat-y 594px 0;}
#page2 .box3 .column-1{ width:212px;}
#page2 .box3 .column-2{ width:212px;}
#page2 .box3 .column-3{ width:212px;}
#page2 .box3 .column-4{ width:212px;}

#page2 .col-1{ width:296px;}
#page2 .col-2{ width:296px;}
#page2 .col-3{ width:296px;}