#main {
width:800px;
height:auto;}
#header01 {
	float: left;
	height: auto;
	width: 400px;
}
#header01_img {
	float: left;
	height: auto;
	width: 100px;
}
/* header02 is the space left<div> */
#header02 {
	float: left;
	height: 300px;
	width: 20px;
}
/* header03 is the dynloadarea */
#dynloadarea {
	float: left;
	height: 300px;
	width: 380px;
}
/* punchout frame*/
#punchout {
	float: left;
	height: auto;
	width: 545px;
	padding: 15px;
	border: 1px solid #999999;	
}
/* punchout nav */
#punchoutNav {
	float: left;
	height: auto;
	width: 200px;
	padding-top: 15px;
	margin-right:15px;
} 
#logo {
padding-bottom:20px;
}
#logo_grey {
padding-top:200px;
padding-left:100px;
float:left;
width:auto;
height:auto;
}
#mid {
	float: left;
	height: auto;
	width: 800px;
}
#mid01 {
	float: left;
	height: auto;
	width: 400px;
	}
#mid03 {
	float: left;
	height: 825px;
	width: 400px;
	background-image:url(../images/divBG.gif);
	}			
#mid01_01 {
	float: left;
	height: auto;
	width: 400px;
	padding-top:10px; 
	}
#mid01_02 {
	float: left;
	height: auto;
	width: 390px;
	padding-bottom:10px; 
	padding-top:40px; 
	padding-right:10px
	}
#mid01_03 {
	float: left;
	height: auto;
	width: 390px;
	padding-bottom:35px; 
	padding-right:10px
	}
/* folders' imgaes*/
#mid01_img {
	padding-bottom:8px; 
	}
#mid01_04 {
	float: left;
	height: auto;
	width: 390px;
	padding-right:10px
	}
#mid01_05 {
	float: left;
	height: auto;
	width: 380px;
	}	
#mid02 {
	float: left;
	height: auto;
	width: 400px;
	padding-top:35px;
	padding-bottom:10px;
}
#mid02_01 {
	float: left;
	height: auto;
	width: 390px;
	padding-top:30px;
	padding-left:10px;
}
#mid02_02 {
	float: left;
	height: auto;
	width: 390px;
	padding-top:20px;
	padding-right:10px;
}
#mid02_03 {
	float: left;
	height: auto;
	width: 20px;
}
#mid04 {
	float: left;
	height: 510px;
	width: 400px;
	background-image:url(../images/divBG02.gif);
	}
#footer {
	float: left;
	height: 100px;
	width: 800px;
}
.img01 { padding-bottom:8px; padding-right:6px;}
.img02 { padding-right:6px;}

a {outline:none;}
a.k01:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	font-weight: lighter;
	line-height: 16px;
}
a.k01:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	font-weight: lighter;
	line-height: 16px;
}
a.k01:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
}
a.k01:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9999CC;
	text-decoration: none;
	font-weight: normal;
	line-height: 16px;
}
a.email:link {
	color: #0000FF;
	text-decoration:none;
	font-size: 90%;
}
a.email:visited {
	color: #0000FF;
	text-decoration:none;
	font-size: 90%;

}
a.email:hover {
	color:#0000FF;
	text-decoration:underline;
	font-size: 90%;
}
a.email:active {
	color: #0000FF;
	text-decoration:none;
	font-size: 90%;
}

.address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	line-height:140%;
}
.t02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #000000;
	line-height:140%;
}
.t01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	line-height:140%;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size:65%;
	color: #333333;
	display: block;
}