#min-width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 780)? "780px" : "100%"); min-width:780px;}
#main { text-align:left;}


#header {/*height:1544px;*/ background:url(../images-mod/bg.gif) top repeat-x; margin:0 auto;}

#footer { height:47px; padding:13px 0 0 0; margin:0 auto;}

.col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden; height:379px;}
.container2 {width:100%;}

/* ============================= page1 ===========================*/

#page1 {width:780px; margin:0 auto;}

#page1 .col-1 {/*width:32%*/219px;}
#page1 .col-2 {/*width:67%*/600px; }

#page1 .col-2 .col-1 {width:212px;}
#page1 .col-2 .col-2 {width:212px;}

/* ============================= page2 ===========================*/

#page2 .col-1 {width:42%/*289px*/;}
#page2 .col-2 {width:57%/*405px*/;}

#page2 .col-2 .col-1 {width:140px;}
#page2 .col-2 .col-2 {width:212px;}

/* ============================= page3 ===========================*/

#page3 .col-1 {width:36%/*249px*/;}
#page3 .col-2 {width:63%/*445px*/;}

#page3 .col-2 .box .col-1 {width:142px; margin-right:-142px; position:relative;}
#page3 .col-2 .box .col-2 {width:100%; position:relative;}
#page3 .col-2 .box .col-2 .indent {padding:0 0 0 142px;}

#page3 .col-2 .col-1 {width:197px;}
#page3 .col-2 .col-2 {width:197px;}

/* ============================= page4 ===========================*/

#page4 .col-1 {width:37%/*259px*/;}
#page4 .col-2 {width:62%/*435px*/;}

#page4 .col-2 .col-1 {width:130px; margin-right:-130px; position:relative;}
#page4 .col-2 .col-2 {width:100%; position:relative;}
#page4 .col-2 .box .col-2 .indent {padding:0 0 0 130px;}

/* ============================= page5 ===========================*/

#page5 .col-1 {width:36%/*249px*/;}
#page5 .col-2 {width:63%/*445px*/;}

#page5 .col-2 .box .col-1 {width:190px;}
#page5 .col-2 .box .col-2 {width:189px;}

#page5 .col-2 .col-1 {width:210px;}
#page5 .col-2 .col-2 {width:182px;}