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

/*======= header =======*/
#header {height:559px;  background:url(../img/top.gif) repeat-x top}

/*======= index.html =======*/
#page1 #content .col-1{ width:282px; margin-right:43px}
#page1 #content .col-2{ width:282px}
#page1 #content .bg{ background:url(../img/tail.gif) repeat-y 303px top } 
#page1 #content .bg1{ background:url(../img/tail.gif) repeat-y 628px top } 
/*======= index-1.html =======*/
#page2 #content .col-1{ width:282px; margin-right:43px}
#page2 #content .col-2{ width:282px}
#page2 #content .bg{ background:url(../img/tail.gif) repeat-y 303px top } 
#page2 #content .bg1{ background:url(../img/tail.gif) repeat-y 628px top } 
#page2 #content .col-3{ width:100px}
#page2 #content .col-4{ width:179px}
/*======= index-2.html =======*/
#page3 #content .col-1{ width:282px; margin-right:43px}
#page3 #content .col-2{ width:282px}
#page3 #content .bg{ background:url(../img/tail.gif) repeat-y 303px top } 
#page3 #content .bg1{ background:url(../img/tail.gif) repeat-y 628px top } 
/*======= index-3.html =======*/
#page4 #content .col-1{ width:282px; margin-right:43px}
#page4 #content .col-2{ width:282px}
#page4 #content .bg{ background:url(../img/tail.gif) repeat-y 303px top } 
#page4 #content .bg1{ background:url(../img/tail.gif) repeat-y 628px top } 

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

div.tl{
	width:auto;
	height:5px;
	background-image: url(../img/corners/tl.png);
	background-repeat: no-repeat;
}
div.top{
	background-image: url(../img/corners/bk.png);
	background-repeat: repeat;
	width:auto;
	margin-left: 5px;
	margin-right: 5px;
	height:5px;
}
div.tr{
	width:auto;
	background-image: url(../img/corners/tr.png);
	background-repeat: no-repeat;
	background-position: right top;
	height:10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: -5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div.mainblock{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../img/corners/bk.png);
	background-repeat: repeat;
	background-position: left top;
	clear:both;
}
div.bl{
	width:inherit;
	height:5px;
	background-image: url(../img/corners/bl.png);
	background-repeat: no-repeat;
}
div.bottom{
	background-image: url(../img/corners/bk.png);
	background-repeat: repeat;
	width:inherit;
	margin-left: 5px;
	margin-right: 5px;
	height:5px;
}
div.br{
	background-image: url(../img/corners/br.png);
	background-repeat: no-repeat;
	background-position: right top;
	height:5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: -5px;
	margin-bottom: 0px;
	margin-left: 0px;
	width:inherit;
}
/*-----------------------------------------------------------------------*/
/* BOX DESIGNATORS
/*-----------------------------------------------------------------------*/

#imagebox{
	float:left;
	width:155px;
	height:155px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 12px;
	margin-left: 16px;
}

#imagebox img{
	border: 3px solid #333333;
	margin-right: 5px;
	margin-left: 5px;
}

-->