@charset "utf-8";
body { margin:0; }
html, body { padding:0; height:100%; }
body { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#253d4f;}

* html, * html body {
	overflow:hidden;
	padding:30px 0;
	margin:-30px 0;
	padd\ing:0;
	ma\rgin:0;
	}

* { outline:none; }
a { color:#253d4f; text-decoration:none; } 

h1 { margin:0; padding:0; font-size:20px; font-weight:normal; margin-bottom:43px; color:#3b5061; }
h2 { margin:0; padding:0; font-size:14px; font-weight:bold; margin-bottom:22px; color:#3b5061; }

.clear { clear:both; }
img { border:none; }
form { display:inline; }

.container { width:630px; margin:0 auto; height:500px; position:relative; text-align:left; }

	.hkvob { float:left; width:254px; height:34px; text-align:left; margin-top:34px; }
	.logo { float:right; width:102px; height:102px; text-align:right; margin-bottom:20px; }
	.construct { text-align:center;  background-color:#000;  padding:2px 0; }
	.construct h1 { margin:0; padding:0; font-size:11px; text-transform: uppercase;color:#FFF; font-weight:bold; }
	.welcome { border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:30px; margin-bottom:10px; color:#666; line-height: 16px; font-size:12px; }
	.welcome h2 { color:#333; margin:0; padding:0; margin-bottom:20px; font-size:12px; }
	
	.inform { float:left; width:268px; border:1px solid #e8e8e8; padding:20px; padding-bottom:0; height:120px; position:relative; color:#666;  }
	.inform h2 { margin:0; padding:0; padding-top:7px; font-size:16px; color:#ce2e28; font-weight:bold; height:23px; background:url(../img/icon_mail.gif) top right no-repeat; margin-top:-10px; margin-right:-20px; }
	.inform p { margin:0; padding:0; font-size:12px; color:#666; margin-bottom:5px; }
	.inform #form_info { position:absolute; width:268px; bottom:20px; left:20px;  }
	.inform form label { font-size:12px; color:#999; }
	.inform form input#email1 { float:left; margin-top:1px; width:210px; }
	.inform form input#submit { float:right; }
	
	.contact { float:right; width:268px; border:1px solid #e8e8e8; padding:20px; padding-bottom:0; height:120px; position:relative; color:#666; }
	.contact strong { color:#333; }
	.contact h2 { margin:0; padding:0; padding-top:7px; font-size:16px; color:#ce2e28; font-weight:bold; height:23px; background:url(../img/icon_contact.gif) top right no-repeat; margin-top:-10px; margin-right:-20px; margin-bottom:15px; }
	.contact #text_contact { position:absolute; height:66px; width:268px; bottom:20px; left:20px; }
	.contact .leftcol { float:left; width:120px; font-size:12px; }
	.contact .rightcol { float:right; width:135px; font-size:12px; }
	.contact .sendemail { position: absolute; right:0; bottom:0; width:125px; cursor:pointer; }

	.error { border:2px solid #ce2e28; }


#overlay { position:absolute;margin:0;padding:0;left:0;top:0;bottom:0;right:0;height:100%;width:100%;background-color:#000; filter:Alpha(opacity=80); -moz-opacity:.80; opacity:.80;z-index:1000; }	
#overlay2 { position:absolute;margin:0;padding:0;left:0;top:0;bottom:0;right:0;height:100%;width:100%;z-index:10000; }
#overlaycont { width:290px; /*height:240px;*/ padding:20px; float:none; position:relative; background-color:#FFFFFF; border:1px solid #e8e8e8; text-align:left; }
#overlaycont .hide { font-size:12px; text-align:right; float:right; width:100px; }
#overlaycont .hide a { text-decoration:underline; }
#overlaycont .header { font-size:18px; color:#ce2e28; font-weight:bold; float:left; margin-bottom:10px; }
#overlaycont form label { font-size:12px; color:#999; }
#overlaycont form input { margin-top:0; width:283px; margin-bottom:7px; }
#overlaycont form textarea#message { margin-top:1px; width:283px; margin-bottom:10px; height:60px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; }
#overlaycont form input#submit { float:right; margin-bottom:0; width:auto; }
#overlaycont #thx_contact { color:#666; }

#framecont { display:none; }