.col1, .col2, .col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:980px; }


#page #header {height:195px;}
#page #content {height:508px;}

#header {height:171px;}
#content {height:446px;}

#content .col1{ width:371px; margin-right:213px; background:url(images/bg_col1.jpg) no-repeat top left; height:446px}
#content .col2{ width:374px; background:url(images/bg_col2.jpg) no-repeat top left; height:446px}

/*======= index.html =======*/
#page1 #content .col-1{ width:488px; margin-right:10px}
#page1 #content .col-2{ width:247px}
#page1 #content .col-3{ width:253px}
#page1 #content .col-4{ width:205px}
#page1 #content .bg{ background:url(images/tail.gif) repeat-y 380px top } 

/*======= footer =======*/
#footer { height:47px; }