body
{ 
background-image: url(cssImages/background.gif);
}



#bodyMain {
position: absolute;
left:130px;
top:-5px;
width:630px;
height:700px;
background-color: rgb(255,255,255);
border:0px outset rgb(0,0,0);
z-index: 0;
}

#bodyDetail {
background-image: url(cssImages/HClogo.bmp);
background-repeat: no-repeat;
background-position: top center;
position: absolute;
left:5%;
top:5%;
height:90%;
z-index: 3;
background-color:transparent;
border:10px solid rgb(172,172,172);
color: #990000;
min-width:500px;
width:90%;
left:5%;
width:expression(document.body.clientWidth < 850? "750px": "90%");
left:expression(document.body.clientWidth < 850? "32px": "5%");
height:expression(document.body.clientHeight < 700? "650px": "90%");
}



#bodyDetailTitle {
position: absolute;
left:11%;
top:150px;
width:80%;
height:20px;
z-index: 10;
font-weight: bold;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #990000;
width:80%;
width:expression(document.body.clientWidth < 850? "650px": "80%");
}

#bodyDetailWorkingArea {
	position: absolute;
	top:33%;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	z-index: 3;
	min-height:260px;
	height:260px;
	background-color:transparent;
	width:100%;
	left:expression(document.body.clientWidth < 860? "0px": "0px");
	width:expression(document.body.clientWidth < 860? "850px": "100%");
	top:expression(document.body.clientHeight < 860? "210px": "33%");
}



.bodyDetailFooter {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #990000;
border: none;
text-align: center;
width: 100%;
position: absolute;
left:0%;
top:85%;
width:90%;
height:5%;
z-index: 3;
width:expression(document.body.clientWidth < 850? "750px": "100%");
height:expression(document.body.clientHeight < 700? "30px": "5%");
top:expression(document.body.clientHeight < 900? "600px": "80%");
}

.bodyDetailFooter a{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #990000;
}



.iframeCompanyProfile {
	position: absolute;
	left:33%;
	width:300px;
	top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
}




.iFrameArea {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	line-height:5px;
	background-color:transparent;
}


.iFrameArea img {
	border:1px solid rgb(172,172,172);
}




.iframeLeftArea img{
	border:0px solid rgb(0,0,0);
}



.GetAcrobat {
	position: absolute;
	left:75%;
	width:110px;
	height:200px;
	top:350px;
	border:0px solid rgb(0,0,0);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index: 5;
}

.GetAcrobat a{
	border:0px solid rgb(0,0,0);
}

.GetAcrobat img{
	border:0px solid rgb(0,0,0);
}


#bodyDetailMessageArea {
	position: absolute;
	left:0;
	width:100%;
	width:expression(document.body.clientWidth < 700? "630px": "100%");
	top:20px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #990000;
	z-index: 3;
}