#main {width:80%; min-width:880px; width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 880)? "880px" : "100%"); max-width:1600px;}

/*----!!!-----*/
#main-width { width:100%; margin:0 auto;}
/*----!!!-----*/

#main-indent { padding:0 20px;}

#header {height:377px; background:url(images/header-bg.jpg) no-repeat left 171px; font-size:.69em;}
#content { font-size:0.75em;}

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

/*======= index.html =======*/
#page1 #content .row-1 .col-1 {width:25%;}
#page1 #content .row-1 .col-2 {width:25%;}
#page1 #content .row-1 .col-3 {width:25%;}
#page1 #content .row-1 .col-4 {width:24%;}
#page1 #content .row-2 .col-1 { width:65%;}
#page1 #content .row-2 .col-2 { width:33%;}
#page1 #content .row-2 .col-1 .col-1 { width:220px;}
#page1 #content .row-2 .col-1 .col-2 { float:none; padding-left:220px; width:auto;}

/*======= index-1.html =======*/
#page2 #content .row-1 .col-1 { width:65%;}
#page2 #content .row-1 .col-2 { width:33%;}
#page2 #content .row-1 .col-1 .col-1 { width:220px;}
#page2 #content .row-1 .col-1 .col-2 { float:none; padding-left:220px; width:auto;}
#page2 #content .row-2 .col-1 {width:25%;}
#page2 #content .row-2 .col-2 {width:25%;}
#page2 #content .row-2 .col-3 {width:25%;}
#page2 #content .row-2 .col-4 {width:24%;}


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


#footer {height:75px; font-size:.69em;}