#main {margin:0 auto; width:100%; text-align:left;}

.min_width {min-width:780px; width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 780)? "780px" : "100%");} /*this prevents the page getting corrupted if the user resizes the screen to below 780px*/

/*You can modify the width of the website by changing "width" parameter with #main. The minimum value is 780px.*/

.col_1, .col_2, .col_3, .col_4, .col_5, .col_box_1, .col_box_2, .col_box_3 { float:left;}

#header, #footer {width:100%}

#content { width: 100%}

.row_1 {width:100%}
.row_1_norow2 {width:100%}
.row_2 {width:100%; color:#FFFFFF}
.width {width:100%}


/*======= index.html =======*/
#page1 #content .row_1 .col_1{width:100%;}
#page1 #content .row_1_norow2 .col_1{width:100%;}
#page1 #content .row_1 .col_2{width:50%;}
#page1 #content .row_1 .col_3{width:1%;}
#page1 #content .row_2 .col_1{width:50%;}
#page1 #content .row_2 .col_2{width:50%;}
/*=========================*/

/*======= index-1.html =======*/
#page2 #content .row_1 .col_1{width:50%;}
#page2 #content .row_1 .col_2{width:33%;}
#page2 #content .row_2 .col_1{width:46%;}
#page2 #content .row_2 .col_2{width:53%;}
/*=========================*/

/*======= index-2.html =======*/
#page3 #content .row_1 .col_1{width:34%;}
#page3 #content .row_1 .col_2{width:65%;}
/*=========================*/

/*======= index-4.html =======*/
#page4 #content .row_1 .col_1{width:33%;}
#page4 #content .row_1 .col_2{width:65%;}

#page4 #content .row_1_norow2 .col_1{width:33%;}
#page4 #content .row_1_norow2 .col_2{width:65%;}

#page4 #content .row_1_norow2 .col_3{width:18%;}
#page4 #content .row_1_norow2 .col_4{width:82%;}



/*=========================*/

/*======= index-4.html =======*/
#page5 #content .row_1 .col_1{width:34%;}
#page5 #content .row_1 .col_2{width:65%;}
/*=========================*/