/*-- for ALL --                                           */
#main   {width:760px; margin:0 auto; }
#header {height:108px; }
#footer {height:64px; }

//#main   { border-left: solid 1px white; border-right: solid 1px white; }

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

/*-- for index.html --                                    */
#index #content .row-1 .col-1 { width:368px; position:relative; }
#index #content .row-1 .col-2 { width:260px; }
#index #content .row-2 .col-1 { width:240px; margin-left:-9px; }
#index #content .row-2 .col-2 { width:446px; margin-left:-6px; }
#index #content .row-2 .col-3 { width:428px; margin-left: 4px; }

/*-- for page-1.html --                                   */
#page1 #content .row-1 .col-1 { width:100%; }
#page1 #content .row-1 .col-2 { width:242px; position:relative;}
#page1 #content .row-1 .col-3 { width:368px; }
#page1 #content .row-2 .col-1 { width:232px; margin-left:-9px; }
#page1 #content .row-2 .col-2 { width:232px; margin-left:-6px; }
#page1 #content .row-2 .col-3 { width:232px; margin-left:-6px; }

/*-- for page-1.html --                                   */
#page2 #content .row-1 .col-1 { width:276px; position:relative; }
#page2 #content .row-1 .col-2 { width:360px; padding-top: 6px; }
#page2 #content .row-2 .col-1 { width:100%;  margin-left:-9px; }