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

#header {height:156px; background:url(images/header-tail.gif) top repeat-x;}

#footer { height:80px;}

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

/* ============================= page1 ===========================*/

#page1 .line1 {background:url(images/line.gif) repeat-y 266px 0;}
#page1 .line2 {background:url(images/line.gif) repeat-y 542px 0; width:100%;}
#page1 .col-1 {width:244px;}
#page1 .col-2 {width:244px;}
#page1 .col-3 {width:244px;}

/* ============================= page2 ===========================*/

#page2 .line1 {background:url(images/line.gif) repeat-y 266px 0;}
#page2 .line2 {background:url(images/line.gif) repeat-y 542px 0; width:100%;}
#page2 .col-1 {width:526px;}
#page2 .col-2 {width:244px;}

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

/* ============================= page3 ===========================*/

#page3 .line1 {background:url(images/line.gif) repeat-y 266px 0;}
#page3 .col-1 {width:244px;}
#page3 .col-2 {width:526px;}

/* ============================= page4 ===========================*/

#page4 .line1 {background:url(images/line.gif) repeat-y 402px 0;}
#page4 .col-1 {width:388px;}
#page4 .col-2 {width:384px;}

#page4 .col-2 .col-1 {width:202px;}
#page4 .col-2 .col-2 {width:165px;}

/* ============================= page5 ===========================*/

#page5 .line2 {background:url(images/line.gif) repeat-y 542px 0; width:100%;}
#page5 .col-1 {width:526px;}
#page5 .col-2 {width:244px;}

/* ============================= page6 ===========================*/

/* ============================= basic ===========================*/

#basic .line2 {width:100%;}
#basic .col {width:770px;}