.col1, .col2, .col3, .col4{ float:left}
/*======= width =======*/
.w{margin:0 auto; text-align:left; width:900px; }

/*======= index.html =======*/
#page #header { height:225px; background:url(images/bg_top1.jpg)}
#page #content { height:310px; background:url(images/bg_content1.jpg)}
#page #footer { height:265px; background:url(images/bg_footer1.jpg)}

/*======= header =======*/
#header {height:332px;  background:url(images/bg_top.jpg) no-repeat top center}

/*======= index-1.html =======*/
#page1 #content .col1{ width:356px;}
#page1 #content .col2{ width:350px; background:url(images/page1_bg.gif) no-repeat top left}
/*======= index-2.html =======*/
#page2 #content .col1{ width:208px; background:url(images/line_y.gif) repeat-y right}
#page2 #content .col2{ width:407px; background:url(images/line_y.gif) repeat-y left; margin-left:-1px}
/*======= index-3.html =======*/
#page3 #content .col1{ width:378px; background:url(images/line_y.gif) repeat-y right;}
#page3 #content .col2{ width:236px; background:url(images/line_y.gif) repeat-y left; margin-left:-1px}
/*======= index-4.html =======*/
#page4 #content .col1{ width:356px;}
#page4 #content .col2{ width:350px; background:url(images/page1_bg.gif) no-repeat top left}
/*======= index-5.html =======*/
#page5 #content .col1{ width:208px; background:url(images/line_y.gif) repeat-y right}
#page5 #content .col2{ width:407px; background:url(images/line_y.gif) repeat-y left; margin-left:-1px}
#page5 #content .col3{ width:201px;}
#page5 #content .col4{ width:168px;}
/*======= index-6.html =======*/
#page6 #content .col1{ width:614px}

/*======= footer =======*/
#footer { height:169px; background:url(images/bg_bot.jpg)}