.tail-top{ background:url(images/bg.gif) top repeat-x #f8f5ed}
.tail-bottom{background:url(images/bot.gif) bottom repeat-x  }

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

/*======= header =======*/
#header {height:179px; }

/*======= index.html =======*/
#page1 #content .col-1{ width:253px; margin-right:9px}
#page1 #content .col-2{ width:716px}
#page1 #content .col-3{ width:310px; margin-right:43px}
#page1 #content .col-4{ width:333px}
/*======= index-1.html =======*/
#page2 #content .col-1{ width:253px; margin-right:9px}
#page2 #content .col-2{ width:716px}
#page2 #content .col-3{ width:310px; margin-right:43px}
#page2 #content .col-4{ width:333px}
/*======= index-2.html =======*/
#page3 #content .col-1{ width:253px; margin-right:9px}
#page3 #content .col-2{ width:716px}
#page3 #content .col-3{ width:310px; margin-right:43px}
#page3 #content .col-4{ width:333px}
/*======= index-3.html =======*/
#page4 #content .col-1{ width:253px; margin-right:9px}
#page4 #content .col-2{ width:716px}
#page4 #content .col-3{ width:310px; margin-right:43px}
#page4 #content .col-4{ width:333px}
/*======= index-4.html =======*/
#page5 #content .col-1{ width:253px; margin-right:9px}
#page5 #content .col-2{ width:716px}
#page5 #content .col-3{ width:310px; margin-right:43px}
#page5 #content .col-4{ width:333px}
/*======= index-5.html =======*/
#page6 #content .col-1{ width:253px; margin-right:9px}
#page6 #content .col-2{ width:716px}
#page6 #content .col-3{ width:310px; margin-right:43px}
#page6 #content .col-4{ width:333px}
#page6 #content .col-2 .col-1{ width:312px; margin-right:0px}
#page6 #content .col-2 .col-2{ width:357px}

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