@charset "UTF-8";

body{ color:#000; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; background-color:#f5f5f5; margin:0 }
a { color:#000; text-decoration:none }
a:hover { color:#555 }

/*  */
#contentHolder{ width:960px; background-color: #fff; }
#mapHolder{ position:relative; height:1000px; overflow:hidden; margin:0 9px 10px 9px}
#mapHolder #mapImg{ position:absolute; }
#mapHolder .areaBlock{ position:absolute; font-size:11px; }
#mapHolder .areaBlock img.areaImg{ display:block; position:absolute; margin-top:-150px;}
#mapHolder .areaBlock img.areaImg.visible { display:block; }
#mapHolder h2 { margin: 10px 0 15px 0; font-size:25px; letter-spacing:-1px }
#mapHolder h2 span { font-size:14px; color:#777; margin-top:-2px; clear:both; display:block; }

#mapHolder a{ padding:3px 7px 2px 7px; color:#555; background-color: #fff; 
border-radius: 4px; moz-border-radius: 4px; border: 1px solid #f3f3f3 ;
transition-property: all; transition-duration: 0.3s; }
#mapHolder a:hover{ background-color: #555; color:#fff; }

#area1{ margin-top: 330px; margin-left:450px; }
#area2{ margin-top: 330px; margin-left:735px; }
#area3{ margin-top: 500px; margin-left:370px; }
#area4{ margin-top: 450px; margin-left:85px; }
#area5{ margin-top: 570px; margin-left:550px; }
#area6{ margin-top: 550px; margin-left:760px; }

#area1 img.areaImg{ margin-left:12px; }
#area2 img.areaImg{ margin-left:5px; }
#area3 img.areaImg{ margin-left:20px; }
#area4 img.areaImg{ margin-left:10px; }
#area5 img.areaImg{ margin-left:10px; }
#area6 img.areaImg{ margin-left:6px; }

#tabHolder h2{ 
	margin: 40px 9px 0px 9px; background:#008cd4; 
	padding: 10px 10px 10px 45px; color: #fff; 
	border-top-right-radius:7px; 
	border-top-left-radius:7px;
}

ul#tabLinks{ height:44px; list-style:none; font-size: 13px; margin:0 9px; padding:0; background:#008cd4;}
ul#tabLinks li{float:left; text-align:center; width: 156px; border-right: 1px solid #008cd4;}
ul#tabLinks li a{
	height:30px; background-color:#ececec; display:block; padding:12px 0 0 0;
	border-top-right-radius:5px; border-top-left-radius:5px;
}
ul#tabLinks li a:hover{ height:30px; background-color:#dfe3e5}
ul#tabLinks li a.active{ background-color:#fff; 
	display:block;
	border-bottom: 2px solid #fff;
	margin-bottom: -3px;
}

ul#tabLinks li.first a{ margin-left: 2px; }

/*
ul#tabLinks li.first a{
	border-right: 2px solid #008cd4;
}
*/

#tabContents{
	width: 918px;
	height: 320px;
	clear:both;
	margin:-2px 10px 20px 9px;
	border: 2px solid #008cd4;
	border-top: 1px solid #008cd4;
	background: #fff;
	padding: 20px 10px;
	overflow:hidden;
}
#tabContents img{
	width: 920px;
	display:none;
}
#tabContents img.visible{
	display:block;
}