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

#header {height:278px;}

#footer { height:138px;}

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

/* ============================= page1 ===========================*/
#page1 .column-1{ width:250px;}
#page1 .column-2{ width:245px;}
#page1 .column-3{ width:360px;}

#page1 .line1{ background:url(images/line.png) repeat-y 259px 0;}

/* ============================= page2 ===========================*/
#page2 .row-1 .column-1{ width:525px;}
#page2 .row-1 .column-2{ width:345px;}

#page2 .row-2 .column-1{ width:240px;}
#page2 .row-2 .column-2{ width:650px;}
#page2 .row-2 .col-1{ width:310px;}
#page2 .row-2 .col-2{ width:306px;}

#page2 .line1{ background:url(images/line.png) repeat-y 552px 0;}
#page2 .line2{ background:url(images/line.png) repeat-y 258px 0;}

/* ============================= page3 ===========================*/
#page3 .column-1{ width:576px;}
#page3 .column-2{ width:340px;}
#page3 .col-1{ width:65px;}
#page3 .col-2{ width:245px;}

#page3 .line1{ background:url(images/line2.png) repeat-y 77px 0; width:100%;}

/* ============================= page4 ===========================*/
#page4 .column-1{ width:525px;}
#page4 .column-2{ width:355px;}

#page4 .col-1{ width:230px;}
#page4 .col-2{ width:220px;}

#page4 .line1{ background:url(images/line.png) repeat-y 552px 0;}
#page4 .line2{ background:url(images/line.png) repeat-y 259px 0;}