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

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

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



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

#header {height:411px; }

#header .col-1{ width:213px; text-align:right}

#header .col-2{ width:704px; text-align:right}

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

#page1 #content .col-1{ width:575px; margin-right:85px; background:url(images/1page_img1.jpg) no-repeat top left}

#page1 #content .col-2{ width:271px; margin-right:12px}

#page1 #content .col-3{ width:404px; margin-right:15px; background:url(images/1page_img2.jpg) no-repeat bottom right}

#page1 #content .col-4{ width:419px}

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

#page2 #content .col-1{ width:271px; margin-right:31px;}

#page2 #content .col-2{ width:623px}

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

#page3 #content .col-1{ width:374px; margin-right:30px;}

#page3 #content .col-2{ width:522px}

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

#page4 #content .col-1{ width:522px; margin-right:31px;}

#page4 #content .col-2{ width:373px}

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

#page6 #content .col-1{ width:210px; margin-right:20px;}

#page6 #content .col-2{ width:200px}

/*======= index-6.html =======*/

#page7 #content .col-1{ width:565px; margin-right:31px;}

#page7 #content .col-2{ width:329px}

/*======= index-7.html =======*/

#page8 #content .col-1{ width:330px; margin-right:31px;}

#page8 #content .col-2{ width:230px; margin-right:71px;}

#page8 #content .col-3{ width:271px}



/*======= footer =======*/

#footer { height:100px; background:url(images/bot.gif) repeat-x top }