.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:980px; }

/*======= header =======*/
#header {height:176px;}
#header .logo { float: left; width: 257px; height: 176px; background: url(../images/logo.gif); }
#header h1 a { display: block; width: 257px; height: 117px; overflow: hidden; text-indent: -9999px;  }
#header ul { float: left; width: 723px; }
#header ul li {  float: left;  width: 144px; padding: 0;  background: none; }
#header ul li a { display: block; height: 32px; }
#header ul.topnav { height: 81px; background: url(../images/topnavbg.gif); }
#header ul.topnav li { padding: 4px 0 0; }
#header ul.topnav li a { padding: 45px 0 0; }
#header ul.topnav li a:hover { background-color: #5a4e41; }
#header ul.bottomnav { float: left; width: 723px; height: 95px; background: url(../images/bottomnavbg.gif); }
#header ul.bottomnav li a { padding: 63px 0 0; }
#header ul.bottomnav li a:hover { background-color: #ddd7c9; }

/*======= index.html =======*/
#page1 #content .row1 .col-1{ width:257px; background:url(../images/bg1.gif)}
#page1 #content .row1 .col-2{ width:723px; background:#6e5f4f}
#page1 #content .row1 .col-3{ width:663px; padding: 10px 30px 30px 30px; background:#fff}
#page1 #content .row2 .col-1{ width:422px; margin-right:53px}
#page1 #content .row2 .col-2{ width:442px}
#page1 #content .bg{ background:url(../images/tail.gif) repeat-y 440px top } 
/*======= index-1.html =======*/
#page2 #content .row1 .col-1{ width:257px; background:url(../images/bg1.gif)}
#page2 #content .row1 .col-2{ width:723px; background:#6e5f4f}
#page2 #content .row2 .col-1{ width:402px; margin-right:73px}
#page2 #content .row2 .col-2{ width:442px}
#page2 #content .bg{ background:url(../images/tail.gif) repeat-y 440px top } 
/*======= index-2.html =======*/
#page3 #content .row1 .col-1{ width:257px; background:url(../images/bg1.gif)}
#page3 #content .row1 .col-2{ width:723px; background:#6e5f4f}
#page3 #content .row2 .col-1{ width:560px; margin-right:68px}
#page3 #content .row2 .col-2{ width:290px}
#page3 #content .bg{ background:url(../images/tail.gif) repeat-y 594px top } 
/*======= index-3.html =======*/
#page4 #content .row1 .col-1{ width:257px; background:url(../images/bg1.gif)}
#page4 #content .row1 .col-2{ width:723px; background:#6e5f4f}
#page4 #content .row1 .col-3{ width:325px; margin-right:20px}
#page4 #content .row1 .col-4{ width:326px}
#page4 #content .row2 .col-1{ width:422px; margin-right:53px}
#page4 #content .row2 .col-2{ width:442px}
#page4 #content .bg{ background:url(../images/tail.gif) repeat-y 440px top } 
/*======= index-4.html =======*/
#page5 #content .row1 .col-1{ width:257px; background:url(../images/bg1.gif)}
#page5 #content .row1 .col-2{ width:723px; background:#6e5f4f}
#page5 #content .row2 .col-1{ width:422px; margin-right:53px}
#page5 #content .row2 .col-2{ width:442px}
#page5 #content .row2 .col-3{ width:176px}
#page5 #content .row2 .col-4{ width:227px}
#page5 #content .bg{ background:url(../images/tail.gif) repeat-y 440px top } 

/*======= footer =======*/