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

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

#content {}

#content .col1{ width:234px;}
#content .col2{ width:234px; background:url(/images/bg_col2.gif) no-repeat top left}
#content .col3{ width:236px; background:url(/images/bg_col3.gif) no-repeat top left}
#content .col4{ width:233px; background:url(/images/bg_col4.gif) no-repeat top left}
#content .bg-1{ background:url(/images/tail.gif) repeat-y 234px top  } 
#content .bg-2{ background:url(/images/tail.gif) repeat-y 468px top  } 
#content .bg-3{ background:url(/images/tail.gif) repeat-y 704px top  } 
/*======= all content =======*/
#page1 #content .col-1{ width:415px; padding: 20px; margin-right: 10px;}
#page1 #content .col-2{ width:415px; padding: 20px;}