*{margin:0 auto; padding:0;}
body{background: #000 url('images/bg3.png') no-repeat center top;
	font-family:Helvetica, Verdana, sans-serif;
	font-size:12px}
img {border:none}

#container{
	width: 980px;
	position: relative;
	margin:0 auto;
	top:89px;
}

.building{
	width:442px;
	height:800px;
	position: relative;
	left:28px;
	background: url('images/building.png') no-repeat top center;
}

a{outline:none}


.elevator{
	width:405px;
	position: absolute;
	left:18px;
	top:48px
}

a.level{
	height:42px;
	width:405px;
	display:block;
	background: url('images/level1.png') no-repeat top;
}

/*a.level1{
	height:42px;
	width:405px;
	display:block;
	background: url('images/level1.png') no-repeat top;
}

a:hover.level1{
	background: url('images/level1.png') no-repeat bottom;
}
*/
a.level2{
	height:42px;
	width:405px;
	display:block;
	background: url('images/level1.png') no-repeat top;
}

a:hover.level2{
	background: url('images/level1.png') no-repeat bottom;
}

a.fake{
	height:42px;
	width:405px;
	display:block;
	background: url('images/fake.png') no-repeat top;
}

a:hover#entj{
	background: url('images/entj.png') no-repeat bottom;
}

a:hover#estj{
	background: url('images/estj.png') no-repeat bottom;
}

a:hover#esfj{
	background: url('images/esfj.png') no-repeat bottom;
}

a:hover#intj{
	background: url('images/intj.png') no-repeat bottom;
}

a:hover#enfj{
	background: url('images/enfj.png') no-repeat bottom;
}

a:hover#istj{
	background: url('images/istj.png') no-repeat bottom;
}

a:hover#estp{
	background: url('images/estp.png') no-repeat bottom;
}

a:hover#istp{
	background: url('images/istp.png') no-repeat bottom;
}

a:hover#enfp{
	background: url('images/enfp.png') no-repeat bottom;
}

a:hover#intp{
	background: url('images/intp.png') no-repeat bottom;
}

a:hover#infj{
	background: url('images/infj.png') no-repeat bottom;
}

a:hover#isfp{
	background: url('images/isfp.png') no-repeat bottom;
}

a:hover#isfj{
	background: url('images/isfj.png') no-repeat bottom;
}

a:hover#esfp{
	background: url('images/esfp.png') no-repeat bottom;
}

a:hover#entp{
	background: url('images/entp.png') no-repeat bottom;
}

a:hover#infp{
	background: url('images/infp.png') no-repeat bottom;
}


/*--------boxes---------------*/

.box {
	 background: url('images/leftbubble.png') no-repeat;
	 width:200px;
	 height:48px;
	 z-index:10;
	 top:200px;
}

.box p, .box2 p {
	 color:#fff
}

.box p{
	line-height: 1.2em
}

.box p span, .box2 p span{
	 color:#ED1E79;
	 font-weight: bold
}

.right{
	float: right;
	height:auto;
	position: relative;
	width:260px
}	

.right .box2{
	width:260px;
	height:195px;
	background: url('images/info_bg.png') no-repeat right top;
	position: absolute;
	top:150px;
	display: none;
}

.left{
	float: left;
	height:auto;
	width:120px
}

.left .box{
	width:120px;
	left: 180px;
	position: absolute;
	display: none;
}

.left .box p{
	padding-left: 20px;
	padding-top:10px;
}

.right .box2 p{
	padding-left: 25px;
	padding-top:5px;
}


.right h1{
	padding-left: 25px;
	padding-top:15px;
	font-family: Rockwell, 'Lucida Sans Unicode', courier, serif;
	font-weight: 400;
	font-size:17px;
	color:#ED1E79;
	letter-spacing:1px
}

.right h2{
	padding-left: 25px;
	padding-top:15px;
	font-size:13px;
	color:#ED1E79;
	font-weight: bold;
	padding-bottom:5px
}

.right ul{
	color:#fff;
	margin-left: 40px;
}

.right ul li{
	margin-bottom: 0.25em
}

#box-entj{
	top:42px
}
#box-estj{
	top:84px
}
#box-esfj{
	top:126px
}
#box-intj{
	top:168px;
	left:182px;
}


#box-enfj{
	top:210px;
	left:182px;
}
#box-istj{
	top:252px;
	left:182px;
}
#box-estp{
	top:294px;
	left:183px;
}
#box-istp{
	top:336px;
	left:183px;
}


#box-enfp{
	top:378px;
	left:184px;
}
#box-intp{
	top:420px;
	left:184px;
}
#box-infj{
	top:462px;
	left:185px;
}
#box-isfp{
	top:504px;
	left:186px;
}


#box-isfj{
	top:546px;
	left:186px;
}
#box-esfp{
	top:588px;
	left:186px;
}
#box-entp{
	top:630px;
	left:186px;
}
#box-infp{
	top:672px;
	left:186px;
}


#box2-entj, #box2-estj, #box2-esfj, #box2-intj{
	top:50px;
}

#box2-enfj, #box2-istj, #box2-estp, #box2-istp{
	top:215px;
}

#box2-enfp, #box2-intp, #box2-infj, #box2-isfp{
	top:385px;
}

#box2-isfj, #box2-esfp, #box2-entp, #box2-infp{
	top:520px;
}