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

/*======= header =======*/
#page1 #header {height:400px; }
#page2 #header {height:677px; }
#page3 #header {height:777px; }
#page6 #header {height:400px; }
#header {height:385px;  background:url(images/bg.gif) top left repeat-x #f8f8f8}


/*======= index.html =======*/
#page1 #content .col-1{ width:404px; margin-right:81px}
#page1 #content .col-2{ width:455px; margin-right:0}
#page1 #content1 .col-1{ width:280px; margin-right:88px}
#page1 #content1 .col-2{ width:275px; margin-right:78px}
#page1 #content1 .col-3{ width:225px; margin-right:0}
#page1 #content1 .col-2 .col-1{ width:124px; margin-right:22px}
#page1 #content1 .col-2 .col-2{ width:124px; margin-right:0}
/*======= index-1.html =======*/
#page2 #content .col-1{ width:240px; margin-right:93px}
#page2 #content .col-2{ width:260px; margin-right:89px}
#page2 #content .col-3{ width:230px; margin-right:0}
#page2 #content .bg{ background:url(images/tail2.gif) repeat-y 283px top } 
#page2 #content .bg1{ background:url(images/tail2.gif) repeat-y 633px top } 
#page2 #content1 .col-1{ width:440px; margin-right:84px}
#page2 #content1 .col-2{ width:415px; margin-right:0}
/*======= index-2.html =======*/
#page3 #content .col-1{ width:240px; margin-right:93px}
#page3  #content .col-2{ width:260px; margin-right:89px}
#page3  #content .col-3{ width:230px; margin-right:0}
#page3  #content .bg{ background:url(images/tail2.gif) repeat-y 283px top } 
#page3  #content .bg1{ background:url(images/tail2.gif) repeat-y 633px top } 
#page2 #content1 .col-1{ width:440px; margin-right:84px}
#page2 #content1 .col-2{ width:415px; margin-right:0}

/*======= index-3.html =======*/
#page4 #content .col-1{ width:240px; margin-right:93px}
#page4 #content .col-2{ width:270px; margin-right:79px}
#page4 #content .col-3{ width:230px; margin-right:0}
#page4 #content .bg{ background:url(images/tail2.gif) repeat-y 283px top } 
#page4 #content .bg1{ background:url(images/tail2.gif) repeat-y 633px top } 
#page4 #content1 .col-1{ width:470px; margin-right:54px}
#page4 #content1 .col-2{ width:415px; margin-right:0}
/*======= index-4.html =======*/
#page5 #content .col-1{ width:182px; margin-right:57px}
#page5 #content .col-2{ width:182px; margin-right:0}
#page5 #content .col-3{ width:410px; margin-right:93px}
#page5 #content .col-4{ width:410px; margin-right:0}
#page5 #content .bg{ background:url(images/tail2.gif) repeat-y 454px top }
#page5 #content1 .col-1{ width:280px; margin-right:88px}
#page5 #content1 .col-2{ width:256px; margin-right:97px}
#page5 #content1 .col-3{ width:225px; margin-right:0}

#page6 #content1 .col-1{ width:300px; margin-right:50px}
#page6 #content1 .col-2{ width:300px; margin-right:50px}

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