.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; background:url(../images/header_bgd.jpg) no-repeat left top; white-space: nowrap;}
#header, #content2, #footer { font-size:1em; color:#353d42;}
#content2 {line-height: 1.3em;}
#content1 { font-size:1em; background:url(../images/content1_bgd.jpg) no-repeat left top; color:#fff; line-height:1.3em;}

.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:33%;}
#page3 #content1 .col_2 { width:33%;}
#page3 #content1 .col_3 { width:32%;}
#page3 #content2 .col_1 { width:51%;}
#page3 #content2 .col_2 { width:48%;}

/*======= 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) 390px top repeat-y;}
#page5 #content1 .col_1 { width:392px;}
#page5 #content1 .col_2 { float:none; margin-left:392px;}
#page5 #content2 .col_1 { width:50%;}
#page5 #content2 .col_2 { width:49%;}


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


#footer { padding:16px 0 20px 0; background:url(../images/line4.gif) left top repeat-x;}
#footer li { padding: 0 0 0 14px; line-height: 1.5em;}