.site_center {text-align:center;}
#main, #content2, #footer  {width:100%; margin:0 auto; text-align:left; min-width:780px; width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 780)? "780px" : "100%");}

/*You can modify the width of the website by changing "width" parameter with #main, #content2, #footer and deleting the parameter of "widht:expression...". The minimum value is 780px.*/

#header {height:136px;}
#header, #content2, #footer { font-size:0.75em; color:#353d42;}
#content1 { font-size:0.70em; color:#fff; line-height:1.18em;}
/* i have taken out the red background in content1 and header */

.col_1, .col_2, .col_3, .column1, .column2, .column3 { float:left;}

/*======= index.html =======*/
#page1 #content1 .row_1 .col_1 {width:34%;}
#page1 #content1 .row_1 .col_2 { width:32%;}
#page1 #content1 .row_1 .col_3 { width:33%;}
#page1 #content1 .row_2 { width:100%; background:url(../images/line2.gif) 50% top repeat-y;}
#page1 #content1 .row_2 .col_1 { width:50%;}
#page1 #content1 .row_2 .col_2 { width:49%;}
#page1 #content2 .wrapper { background:url(../images/line3.gif) 50% top repeat-y; width:100%;}
#page1 #content2 .col_1 { width:50%;}
#page1 #content2 .col_2 { width:49%;}

/*======= index-1.html =======*/
#page2 #content1 .wrapper {width:100%; background:url(../images/line2.gif) 50% top repeat-y;}
#page2 #content1 .col_1 { width:50%;}
#page2 #content1 .col_2 { width:49%;}
#page2 #content2 .wrapper { width:100%; background:url(../images/line3.gif) 50% top repeat-y;}
#page2 #content2 .col_1 { width:50%;}
#page2 #content2 .col_2 { width:49%;}

/*======= index-2.html =======*/
#page3 #content1 .col_1 { width:35%;}
#page3 #content1 .col_2 { width:65%;}
#page3 #content1 .col_3 { width:32%;}
#page3 #content2 .col_1 { width:35%;}
#page3 #content2 .col_2 { width:35%;}
#page3 #content2 .col_3 { width:65%;}

/*======= index-3.html =======*/
#page4 #content1 .wrapper {width:100%; background:url(../images/line2.gif) 50% top repeat-y;}
#page4 #content1 .col_1 { width:50%;}
#page4 #content1 .col_2 { width:49%;}
#page4 #content2 .wrapper { width:100%; background:url(../images/line3.gif) 50% top repeat-y;}
#page4 #content2 .col_1 { width:50%;}
#page4 #content2 .col_2 { width:49%;}

/*======= index-4.html =======*/
#page5 #content1 .wrapper {width:100%; background:url(../images/line2.gif) 240px top repeat-y;}
#page5 #content1 .col_1 { width:240px;}
#page5 #content1 .col_2 { float:none; margin-left:240px;}
#page5 #content2 .col_1 { width:70%;}
#page5 #content2 .col_2 { width:29%;}

/*======= index-4.html =======*/
#page5a #content1 .wrapper {width:100%; background:url(../images/line2.gif) 298px top repeat-y;}
#page5a #content1 .col_1 { width:298px;}
#page5a #content1 .col_2 { float:none; margin-left:298px;}
#page5a #content2 .col_1 { width:70%;}
#page5a #content2 .col_2 { width:29%;}


#page6 #content2 .col_1 { width:35%;}
#page6 #content2 .col_2 { width:35%;}
#page6 #content2 .col_3 { width:65%;}


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


#footer { padding:16px 0 20px 0; background:url(../images/line4.gif) left top repeat-x; text-indent:14px;}