.tail-top{ background:url("../images/bg.gif") repeat-x top #fff}
.tail-bottom{background:url("../images/bot.gif") repeat-x  bottom;}
.col-1, .col-2, .col-3, .col-4{ float:left}

/*======= width =======*/
.main{margin:0 auto; text-align:left; width:890px;}
.mapmain{margin:0 auto; text-align:left; width:890px; height:795px;}
/*======= header =======*/
#header {height:310px;}
#header1 {height:350px;}
#header2 {height:305px;}
#header3 {height:310px;}
#homeheader {height:30px;}

/*======= index.html =======*/
#page1{width:100%}
#page1 #content .col-1{ width:294px; margin-right:4px}
#page1 #content .col-2{ width:294px; margin-right:4px}
#page1 #content .col-3{ width:294px}
#page2{width:100%}
/*======= index-1.html =======*/
#page2 #content .col-1{ width:294px; margin-right:4px}
#page2 #content .col-2{ width:294px; margin-right:4px}
#page2 #content .col-3{ width:294px}
/*======= index-2.html =======*/
#page3{width:100%}
#page3 #content .col-1{ width:294px; margin-right:4px}
#page3 #content .col-2{ width:294px; margin-right:4px}
#page3 #content .col-3{ width:294px}
/*======= index-3.html =======*/
#page4{width:100%}
#page4 #content .col-1{ width:294px; margin-right:4px}
#page4 #content .col-2{ width:294px; margin-right:4px}
#page4 #content .col-3{ width:294px}
/*======= index-4.html =======*/
#page5{width:100%}
#page5 #content .col-1{ width:294px; margin-right:4px}
#page5 #content .col-2{ width:294px; margin-right:4px}
#page5 #content .col-3{ width:294px}
/*======= index-5.html =======*/
#page6{width:100%}
#page6 #content .col-1{ width:294px; margin-right:4px}
#page6 #content .col-2{ width:294px; margin-right:4px}
#page6 #content .col-3{ width:294px}
/*======= index-6.html =======*/
#page7{width:100%}
#page7 #content .col-1{ width:294px; margin-right:4px}
#page7 #content .col-2{ width:294px; margin-right:4px}
#page7 #content .col-3{ width:294px}


/*======= footer =======*/
#footer { height:50px; }