/* Lightbox */
#lightbox{
display:block;
position:absolute;
left:50%;
top:0;
width:600px;
/*width:340px;*/
height:auto; 
margin-top:50px;
margin-left:-250px;
background:#fff;
padding-top:5px;
text-align:left;
z-index:97;
background:url(/images/aboutus/content_transbg.png) repeat-x;}
/*#lightbox[id]{ position:fixed; }*/

/* border: solid 1px #ff0000; */

#overlay{
	display:block;
	position:absolute;
	top:0;
	width:1009px;
	height:481px;
	z-index:96;
	background:url(/images/mainpage/overlay_dot.png) repeat;
}

/*#overlay[id]{ position:fixed; }*/
#lightbox.done #lbLoadMessage{ display:none; }
#lightbox.done #lbContent{ display:block; }
#lightbox.loading #lbContent{ display:none; }
#lightbox.loading #lbLoadMessage{ display:block; }
#lightbox.done img { width:100%; height:100%; }
#lightbox p { font-size:11px; }
#lightbox h5 { font-size:15px; color:#5c5c5c; text-transform:uppercase; margin:0px; text-align:left; }
#lightbox h6 { font-size:9px; }

#hotspot_content{
	padding:3px 18px 20px 18px;
	width:564px;
	height:auto;
	text-align:justify;
	line-height:13px;	
}

#hotspot_content_noimg{
	padding:3px 18px 20px 18px;
	width:364px;
	height:auto;
	text-align:justify;
	line-height:13px;
}

.cleft{width:200px;float:left; margin-right:4px;}
.cleft img{border:1px solid #333; margin-bottom:15px;}
.cright{width:355px;float:left; height:auto; padding-bottom:15px; margin-left:3px;}


/* hot features - active/passive */
#hotspots_active a{
	z-index:13;
	position:absolute;
	left:885px;
	top:360px;
	width:100px;
	height:15px;
	display:block;
	text-decoration:none;
	background-image: url(../images/common/nav_model_active.gif);
}
#hotspots_active a:hover{ background-position:bottom; } 

#hotspots_passive a{
	z-index:13;
	position:absolute;
	left:885px;
	top:360px;
	width:100px;
	height:15px;
	display:block;
	text-decoration:none;
	background-image: url(../images/common/nav_model_passive.gif);
}
#hotspots_passive a:hover{ background-position:bottom; }