body.viewerMode{
	overflow:hidden;
}

article{
	position:relative;
	font-size:93%;
}

article h1{
	margin:83px 0 0 -11px;
	width:110px;
	height:37px;
	background:url(../images/title.png) no-repeat;
}



.specification{
	padding-top:1px;
	line-height:183.3%;
	background:url(/common/images/hDot.png) repeat-x top left;
}
.specification dt{
	padding:5px 0 8px;
	float:left;
	width:108px;
}
.specification dd{
	padding:5px 0 8px 108px;
	background:#fff;
	background:url(/common/images/hDot.png) repeat-x bottom left;
}



#photoList{
	width:632px;
	margin-top:26px;
	margin-right:-1px;
	margin-left:-6px;
	margin-bottom:27px;
	padding:0 6px;
	background:url(../images/photoListSheet.png) repeat-y left top;
}
#photoList .unit{
	position:relative;
	width:206px;
	height:113px;
	margin:6px 1px 15px 0;
	float:left;
	overflow:hidden;
}
#photoList .unit a{
	display:block;
	position:relative;
}
#photoList .unit img{
	display:block;
	position:absolute;
	top:-12px;
}
#photoList .unit .map{
	width:206px;
	height:113px;
	top:0;
	left:0;
	position:absolute;
}
#photoList .unit .map.over{
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
	background:#000;
}





#viewer{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#fff;
	z-index:2000;
}
#viewer .close{
	position:absolute;
	top:0;
	right:0;
}
#viewer .close a{
	display:block;
	width:76px;
	height:76px;
	background:url(../images/closeViewer.png) no-repeat top left;
}
#viewer .close a:hover{
	background:url(../images/closeViewer.png) no-repeat bottom left;
}

#viewer p{
	margin:0;
}
#photoFrame{
	position:absolute;
	width:6px;
	height:100%;
	top:0;
	left:157px;
	background:url(../images/frameLeft.png) repeat-y top left;
}

#photoHolder{
	position:absolute;
	top:0;
	left:163px;
	overflow:hidden;
}
#photoHolder .body{
	position:absolute;
	top:0;
	left:0;
}
#photoHolder img{
	position:absolute;
	top:0;
	left:0;
}
#photoHolder .body.video{
	background:#000;
}
#photoHolder video{
	position:absolute;
	top:0;
	left:0;
}
#photoHolder .body .dimension{
	position:absolute;
	display:none;
}
#photoHolder.measure .body .dimension{
	display:block;
}
#photoHolder .button{
}
#photoHolder .next{
	position:absolute;
	top:50%;
	right:0;
	margin-top:-30px;
}
#photoHolder .next a{
	display:block;
	width:92px;
	height:60px;
	background:url(../images/arrowNext.png) no-repeat top left;
}
#photoHolder .next a:hover{
	background-position:bottom left;
}
#photoHolder .prev{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-30px;
}
#photoHolder .prev a{
	display:block;
	width:92px;
	height:60px;
	background:url(../images/arrowPrev.png) no-repeat left top;
}
#photoHolder .prev a:hover{
	background-position:bottom left;
}
#photoHolder .measure{
	position:absolute;
	left:0;
	bottom:0;
}
#photoHolder .measure a{
	display:block;
	width:65px;
	height:65px;
}
#photoHolder .measure.on a{
	background:url(../images/toggleMeasure.png) no-repeat right top;
}
#photoHolder .measure.on a:hover{
	background:url(../images/toggleMeasure.png) no-repeat left bottom;
}
#photoHolder .measure.off a{
	background:url(../images/toggleMeasure.png) no-repeat left top;
}
#photoHolder .measure.off a:hover{
	background:url(../images/toggleMeasure.png) no-repeat right bottom;
}


#floorNavi{
	position:absolute;
	width:100px;
	height:147px;
	bottom:30px;
	left:30px;
	background:url(../images/floorNavi/floorPlanBase.png) no-repeat;
}
#floorNavi .cam{
	position:absolute;
	top:0;
	left:0;
}


#floorHolder{
	position:absolute;
	top:0;
	left:0;
	width:167px;
	height:100%;
}
#floorHolder .toFloorPlan{
	position:absolute;
	top:50%;
	left:0;
	margin:-24px 0 0;
}
#floorHolder .toFloorPlan a{
	display:block;
	width:139px;
	height:48px;
	background:url(../images/floorPlan.png) no-repeat top left;
}
#floorHolder .toFloorPlan a:hover{
	background-position:bottom left;
}





#floorMap{
	position:absolute;
	height:100%;
	width:100%;
	background:#fff;
}
#floorMap .body{
	position:absolute;
	width:960px;
	height:600px;
	top:50%;
	left:50%;
	margin:-300px 0 0 -480px;
	background:url(../images/floorPlan/floorPlanBase.png) no-repeat;
}
#floorMap .body .title{
	position:absolute;
	width:156px;
	height:26px;
	left:578px;
	top:242px;
	background:url(../images/floorPlan/title.png) no-repeat;
}
#floorMap .body .guide1{
	position:absolute;
	width:257px;
	height:26px;
	left:578px;
	top:293px;
	background:url(../images/floorPlan/guide.png) no-repeat 0 0;
}
#floorMap .body .guide2{
	position:absolute;
	width:257px;
	height:31px;
	left:578px;
	top:319px;
	background:url(../images/floorPlan/guide.png) no-repeat 0 -26px;
}
#floorMap .body .guide3{
	position:absolute;
	width:257px;
	height:31px;
	left:578px;
	top:350px;
	background:url(../images/floorPlan/guide.png) no-repeat 0 -57px;
}
#floorMap .camAngle{
	position:absolute;
	top:47px;
	left:145px;
}
#floorMap .button{
	position:absolute;
}
#floorMap .button a{
	display:block;
}
#floorMap .back{
	top:50%;
	right:0;
	margin:-24px 0 0;
}
#floorMap .back a{
	width:88px;
	height:48px;
	background:url(../images/back.png) no-repeat top left;
}
#floorMap .back a:hover{
	background-position:bottom left;
}
#floorMap .arrow{
	position:absolute;
}
#floorMap .arrow a{
	display:block;
	width:37px;
	height:37px;
	background:url(/common/images/blank.gif) no-repeat top left;
}
#floorMap .arrow.left a:hover{
	background:url(../images/floorPlan/arrowL.png) no-repeat top left;
}
#floorMap .arrow.top a:hover{
	background:url(../images/floorPlan/arrowT.png) no-repeat top left;
}
#floorMap .arrow.right a:hover{
	background:url(../images/floorPlan/arrowR.png) no-repeat top left;
}
#floorMap .arrow.bottom a:hover{
	background:url(../images/floorPlan/arrowB.png) no-repeat top left;
}
#floorMap .arrow.tl a:hover{
	background:url(../images/floorPlan/arrowTL.png) no-repeat top left;
}
#floorMap .arrow.tr a:hover{
	background:url(../images/floorPlan/arrowTR.png) no-repeat top left;
}
#floorMap .arrow.bl a:hover{
	background:url(../images/floorPlan/arrowBL.png) no-repeat top left;
}
#floorMap .arrow.br a:hover{
	background:url(../images/floorPlan/arrowBR.png) no-repeat top left;
}
#floorMap .arrow.video1 a:hover{
	background:url(../images/floorPlan/arrowV1.png) no-repeat top left;
}
#floorMap .arrow.video2 a:hover{
	background:url(../images/floorPlan/arrowV2.png) no-repeat top left;
}
#floorMap .arrow.mr1 a:hover{
	background:url(../images/floorPlan/arrowMR1.png) no-repeat top left;
}
#floorMap .arrow.mr2 a:hover{
	background:url(../images/floorPlan/arrowMR2.png) no-repeat top left;
}
#floorMap .arrow.mr3 a:hover{
	background:url(../images/floorPlan/arrowMR3.png) no-repeat top left;
}

#a2{
	left:213px;
	top:379px;
}
#a4{
	left:213px;
	top:304px;
}
#a5{
	left:213px;
	top:222px;
}
#a6{
	left:231px;
	top:195px;
}
#a8{
	left:146px;
	top:195px;
}
#a10{
	left:146px;
	top:123px;
}

#a12{
	left:146px;
	top:48px;
}
#a14{
	left:230px;
	top:48px;
}
#a15{
	left:318px;
	top:48px;
}
#a16{
	left:398px;
	top:48px;
}
#a18{
	left:468px;
	top:48px;
}



#a20{
	left:468px;
	top:123px;
}
#a21{
	left:468px;
	top:202px;
}
#a22{
	left:468px;
	top:292px;
}
#a24{
	left:468px;
	top:379px;
}


#a26{
	left:398px;
	top:379px;
}
#a27{
	left:318px;
	top:379px;
}








#a29{
	left:310px;
	top:476px;
}
#a28{
	left:216px;
	top:542px;
}
#a31{
	left:175px;
	top:540px;
}
#a30{
	left:144px;
	top:416px;
}


#a33{
	left:398px;
	top:148px;
}

#a32{
	left:375px;
	top:123px;
}