.col-1, .col-2, .col-3, .col-4{ float:left}

/*======= width =======*/

.main{margin:0 auto; text-align:left; width:960px; }



/*======= header =======*/

#header {height:205px;  background:url(images/top.gif) top center repeat-x}



/*======= index.html =======*/

#page1 #content .col-1{ width:580px; margin-right:63px}

#page1 #content .col-2{ width:262px; margin-right:0}

#page1 #content .col-3{ width:184px; margin-right:13px}

#page1 #content .col-4{ width:184px; margin-right:0}

#page1 #content .bg{ background:url(images/tail.gif) repeat-y 610px top } 

#page1 #content1 .col-1{ width:250px; margin-right:70px}

#page1 #content1 .col-2{ width:258px; margin-right:62px}

#page1 #content1 .col-3{ width:260px; margin-right:0}

#page1 #content1 .bg{ background:url(images/tail2.gif) repeat-y 289px top }

#page1 #content1 .bg1{ background:url(images/tail2.gif) repeat-y 610px top }

/*======= index-1.html =======*/

#page2 #content .col-1{ width:640px; margin-right:0}

#page2 #content .col-2{ width:320px; margin-right:0}

#page2 #content .bg{ background:url(images/tail.gif) repeat-y 640px top } 

/*======= index-2.html =======*/

#page3 #content .col-1{ width:320px; margin-right:0}

#page3 #content .col-2{ width:640px; margin-right:0}

#page3 #content .col-3{ width:260px; margin-right:61px}

#page3 #content .col-4{ width:260px; margin-right:0}

#page3 #content .bg{ background:url(images/tail.gif) repeat-y 320px top } 

#page3 #content1 .col-1{ width:260px; margin-right:60px}

#page3 #content1 .col-2{ width:258px; margin-right:62px}

#page3 #content1 .col-3{ width:260px; margin-right:0}

#page3 #content1 .bg{ background:url(images/tail2.gif) repeat-y 289px top }

#page3 #content1 .bg1{ background:url(images/tail2.gif) repeat-y 610px top }

/*======= index-3.html =======*/

#page4 #content .col-1{ width:640px; margin-right:0}

#page4 #content .col-2{ width:320px; margin-right:0}

#page4 #content .col-3{ width:260px; margin-right:61px}

#page4 #content .col-4{ width:260px; margin-right:0}

#page4 #content .bg{ background:url(images/tail.gif) repeat-y 640px top } 

#page4 #content1 .col-1{ width:260px; margin-right:60px}

#page4 #content1 .col-2{ width:580px; margin-right:0}

#page4 #content1 .bg{ background:url(images/tail2.gif) repeat-y 289px top }

/*======= index-4.html =======*/

#page5 #content .col-1{ width:320px; margin-right:0}

#page5 #content .col-2{ width:640px; margin-right:0}

#page5 #content .col-3{ width:260px; margin-right:61px}

#page5 #content .col-4{ width:260px; margin-right:0}

#page5 #content .bg{ background:url(images/tail.gif) repeat-y 320px top } 

/*======= index-5.html =======*/

#page6 #content .col-1{ width:640px; margin-right:0}

#page6 #content .col-2{ width:320px; margin-right:0}

#page6 #content .col-3{ width:260px; margin-right:61px}

#page6 #content .col-4{ width:260px; margin-right:0}

#page6 #content .bg{ background:url(images/tail.gif) repeat-y 640px top } 

/*======= index-3.html =======*/

#page7 #content .col-1{ width:320px; margin-right:0}

#page7 #content .col-2{ width:640px; margin-right:0}

#page7 #content .col-3{ width:275px; margin-right:28px}

#page7 #content .col-4{ width:275px; margin-right:0}

#page7 #content .bg{ background:url(images/tail.gif) repeat-y 320px top } 

#page7 #content1 .col-1{ width:260px; margin-right:60px}

#page7 #content1 .col-2{ width:580px; margin-right:0}

#page7 #content1 .bg{ background:url(images/tail2.gif) repeat-y 289px top }