.tail-top{ background:url(images/bg1.gif) no-repeat top center}


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

/*======= header =======*/
#header {height:604px; }
#header .row .col-1{ width:230px}
#header .row .col-2{ width:270px}
#header .row2 .col-1{ width:180px; margin-right:48px}
#header .row2 .col-2{ width:180px; margin-right:46px}
#header .row2 .col-3{ width:180px; margin-right:31px}
#header .row2 .col-4{ width:209px; background:url(images/bg_col4.gif) no-repeat top left}
#header .bg{ background:url(images/tail.gif) repeat-y 204px top } 
#header .bg1{ background:url(images/tail.gif) repeat-y 430px top } 
#header .bg2{ background:url(images/tail.gif) repeat-y 655px top; height:122px } 

/*======= index.html =======*/
#page1 #content .col-1{ width:228px; margin-right:42px}
#page1 #content .col-2{ width:592px}
#page1 #content .col-3{ width:257px; margin-right:78px}
#page1 #content .col-4{ width:257px}
#page1 #content .bg{ background:url(images/tail1.gif) repeat-y 295px top } 
/*======= index-1.html =======*/
#page2 #content .col-1{ width:228px; margin-right:42px}
#page2 #content .col-2{ width:592px}
#page2 #content .col-3{ width:277px; margin-right:53px}
#page2 #content .col-4{ width:262px}
#page2 #content .bg{ background:url(images/tail1.gif) repeat-y 295px top } 

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