.tail-top{ background:url(images/bg1.gif) repeat-x top}

.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{
	text-align:left;
	width:945px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: -100px;
}

/*======= header =======*/
#header {height:222px; }
#page1 #header {
	height:122px;
	background:url(images/top.jpg) no-repeat  bottom center
}

/*======= index-1.html =======*/
#page2 #content .col-1{ width:395px; margin-right:50px}
#page2 #content .col-2{ width:398px}
#page2 #content .bg{ background:url(images/tail.gif) repeat-y 414px top } 
/*======= index-2.html =======*/
#page3 #content .col-1{ width:395px; margin-right:50px}
#page3 #content .col-2{ width:398px}
#page3 #content .bg{ background:url(images/tail.gif) repeat-y 414px top } 
/*======= index-3.html =======*/
#page4 #content .col-1{ width:253px; margin-right:59px}
#page4 #content .col-2{ width:223px; margin-right:54px}
#page4 #content .col-3{ width:251px}
#page4 #content .bg{ background:url(images/tail.gif) repeat-y 282px top } 
#page4 #content .bg1{ background:url(images/tail.gif) repeat-y 557px top } 

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