@charset "utf-8";
/* CSS Document */

.contact-container { width:793px; height:100%; }
.contact-left { width:390px; height:auto; float:left; margin-left:5px;}
.contact-right {width:396px; height:auto; float:right;}
.contact-top {width:95%; height:auto; padding: 5px; background-image:url(../images/product-feature-bg.jpg); background-repeat:repeat-x; margin-bottom:10px;}
.contact-info {width:80%; height:auto; margin-left:80px;}
.product-feature {max-width:760px; margin-left:5px;}
.moreinfo {margin-left: 84px;}

#id-pic {float:left; margin: 5px 10px 80px;}
#id-pic-board {float:left; margin: 5px 10px 5px;}
#contact-name {margin-left:80px; font-size:1.5em; line-height:1em;}
#contact-details {margin-left:80px; font-size:0.7em; font-weight:bold; color:#666666; line-height:0.6em;}
#contact-area {margin-left:80px;}


ul#map {list-style: none; background: url(../images/staff/sales-team-map.png) no-repeat 0 0; position: relative; width: 396px; height: 684px; margin: 0; padding: 0;}

ul#map li { border:#000000 thin; position:absolute;}

#jh {width:220px; height:200px;	top:17px;	left:4px;}

#dj { width:300px;	height:230px; top:220px; left:25px;	}

#dk { width:205px;	height:210px;	top:450px;	left:30px;}

#rc { width:138px;	height:173px;	top:437px;	left:240px; }

ul#map li a{ display: block; height: 100%; text-decoration:none; }

ul#map li a span { display: none;}

ul#map li a:hover span { display: block; }

ul#map li a:hover span { display: block; padding: 5px; width: 100%; background: #005e9f; position: relative; top: 30%; opacity: .75; filter:alpha(opacity=75); font: 18px Arial, Helvetica, sans-serif; color: #FFF; text-align:center; }