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

#header {height:483px;}

#footer { height:55px;}

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

/* ============================= page1 ===========================*/
#page1 .column-1{ width:566px;}
#page1 .column-2{ width:285px;}
#page1 .line{ background:url(images/line.gif) repeat-y 593px 0;}

/* ============================= page2 ===========================*/
#page2 .column-1{ width:566px;}
#page2 .column-2{ width:285px;}
#page2 .line{ background:url(images/line.gif) repeat-y 593px 0;}

/* ============================= page3 ===========================*/
#page3 .column-1{ width:566px;}
#page3 .column-2{ width:285px;}
#page3 .line{ background:url(images/line.gif) repeat-y 593px 0;}

/* ============================= page4 ===========================*/
#page4 .column-1{ width:262px;}
#page4 .column-2{ width:566px;}
#page4 .line{ background:url(images/line.gif) repeat-y 285px 0;}

/* ============================= page5 ===========================*/
#page5 .column-1{ width:566px;}
#page5 .column-2{ width:285px;}
#page5 #content .col-1{ width:140px;}
#page5 #content .col-2{ width:380px;}
#page5 .line{ background:url(images/line.gif) repeat-y 593px 0;}
#page5 .line3{ background:url(images/line.gif) repeat-y 161px 0;}

/* ============================= page6 ===========================*/
#page6 .column-1{ width:260px;}
#page6 .column-2{ width:266px;}
#page6 .column-3{ width:285px;}
#page6 .line{ background:url(images/line.gif) repeat-y 593px 0;}
#page6 .line2{ background:url(images/line.gif) repeat-y 284px 0; width:100%;}

/* ============================= page7 ===========================*/
#page7 .column-1{ width:566px;}
#page7 .column-2{ width:285px;}
#page7 #content .col-1{ width:215px;}
#page7 #content .col-2{ width:225px;}
#page7 .line{ background:url(images/line.gif) repeat-y 593px 0;}