html,body{
	height:100%;	
}

body{
	background:#000;
}

.clear{
	clear:both;
	height:0;
	font-size:0;
}

#container{
	width:1110px;
	height:750px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}

/* UI */

.ui{
	position:absolute;	
	z-index:1000;
}

#monstermindLogo{
	width:222px;
	right:60px;
	top:5px;
}
#monstermindLogo a{
	display:block;
	background:url(../images/logoMonstermind.png) no-repeat;
	height:73px;	
}

#bossaLogo{
	width:78px;
	height:47px;
	right:10px;
	top:690px;
}

#prHint{
	background:url(../images/overlayHint.png) no-repeat;
	width:225px;
	padding:5px 10px 0 10px;
	height:60px;
	top:-55px;	
	right:30px;
	font-size:13px;
	color:#fff;
}

#prHint a{
	color:#fff;
}

#iconMute{
	background:url(../images/iconMute.png) no-repeat;
	width:12px;
	height:14px;
	right:30px;
	top:35px;
	cursor:pointer;
}

/* Filters */

.filterLayer{
	position:absolute;	
	overflow:hidden;
	z-index:10;
}

#filterTop{
	background:url(../images/filterTop.png) repeat-x;
	height:175px;
	width:100%;
}

#filterLeft{
	background:url(../images/filterLeft.png) repeat-y;
	height:750px;
	width:228px;
}

#filterRight{
	background:url(../images/filterRight.png) repeat-y;
	height:750px;
	width:228px;
	left:910px;
}

#filterBottom{
	background:url(../images/filterBottom.png) repeat-x;
	height:228px;
	width:100%;
	top:570px;
}

/* Room Objects */

.roomObject{
	position:absolute;	
}

#wallpaper{
	background:url(../images/objectWallpaper.png) repeat-x top;	
	height:563px;
	width:100%;	
	z-index:2;
}

#wallMap{
	background:url(../images/objectWallMapDay2.png) no-repeat;
	width:614px;
	height:421px;
	z-index:3;
	left:-30px;
	top:25px;
}

#downlight{
	background:url(../images/objectDownlight.png) no-repeat;
	width:572px;
	height:133px;
	z-index:400;
	left:11px;
	top:0px;
}

#sceneLightOn{
	background:url(../images/sceneLightOn.png) no-repeat;
	width:447px;
	height:311px;
	left:262px;
	top:305px;
	z-index:9;
}

#suspect1{
	background:url(../images/objectMug1.png) no-repeat;
	width:90px;
	height:91px;
	z-index:101;
	left:90px;
	top:103px;
}

#suspect2{
	background:url(../images/objectMug2.png) no-repeat;
	width:92px;
	height:91px;
	z-index:101;
	top:105px;
	left:225px;
}

#suspect3{
	background:url(../images/objectMug5.png) no-repeat;
	width:95px;
	height:89px;
	z-index:101;
	top:117px;
	left:337px;
}

#suspect4{
	background:url(../images/objectMug6.png) no-repeat;
	width:95px;
	height:87px;
	z-index:101;
	top:125px;
	left:453px;
}

#suspect5{
	background:url(../images/objectMug3.png) no-repeat;
	width:92px;
	height:88px;
	z-index:101;
	top:257px;
	left:75px;
}

#suspect6{
	background:url(../images/objectMug4.png) no-repeat;
	width:92px;
	height:96px;
	z-index:101;
	top:208px;
	left:228px;
}

#suspect7{
	background:url(../images/objectMug8.png) no-repeat;
	width:97px;
	height:87px;
	z-index:101;
	top:232px;
	left:381px;
}

#suspect8{
	background:url(../images/objectMug7.png) no-repeat;
	width:95px;
	height:87px;
	z-index:101;
	top:280px;
	left:464px;	
}

#window{
	background:url(../images/objectWindowDay1.png) no-repeat;
	width:369px;
	height:514px;
	right:0px;
	top:20px;
	z-index:4;
}

#floor{
	background:url(../images/objectFloor.png) no-repeat;
	width:406px;
	height:173px;
	z-index:5;
	right:-30px;
	bottom:10px;
}

#tv{
	background:url(../images/objectTV.png) no-repeat;
	width:283px;
	height:491px;
	top:220px;
	right:75px;
	z-index:100;
}
#tv:hover{
	background:url(../images/objectTV.png) no-repeat -290px 0;
}

#plant{
	background:url(../images/objectPlant.png) no-repeat;
	width:173px;
	height:229px;
	z-index:7;
	right:-10px;
	top:375px;
}

#frame{
	background:url(../images/objectFrame.png) no-repeat;
	width:124px;
	height:131px;
	z-index:105;
	left:590px;
	top:60px;
	overflow:hidden;
	cursor:pointer;
}

#calendar{
	background:url(../images/objectCalendar.png) no-repeat;
	width:104px;
	height:89px;
	left:604px;
	top:205px;
	z-index:4;
	display:none;
}

.calendarCross{
	background:url(../images/objectCalendarCross.png) no-repeat;
	width:27px;
	height:26px;
	position:absolute;
	z-index:5;
	top:55px;
}

#cross1{
	left:6px;	
}

#cross2{
	left:40px;	
}

#desk{
	background:url(../images/objectDesk.png) no-repeat;
	width:829px;
	height:397px;
	z-index:9;
	left:-70px;
	top:440px;
}

#telephone{
	background:url(../images/phoneAnimation.png) no-repeat;
	width:200px;
	height:150px;
	z-index:10;	
	top:360px;
	left:20px;
	cursor:pointer;
}
#telephone:hover{
	/*background:url(../images/objectPhone.png) no-repeat -200px 0;	*/
}

#radio{
	background:url(../images/objectRadio.png) no-repeat;
	width:177px;
	height:136px;
	z-index:11;
	top:355px;
	left:223px;
	cursor:pointer;
}
#radioShadow{
	background:url(../images/objectRadioShadow.png) no-repeat;
	width:208px;
	height:156px;
	left:200px;
	top:335px;	
	z-index:7;
}

#flashRadioPos{
	position:absolute;
	left:-2000px;	
}

#envelopes{
	background:url(../images/objectEnvelope.png) no-repeat;
	width:144px;
	height:88px;
	z-index:12;
	left:85px;
	top:480px;
	cursor:pointer;
}
#envelopes:hover{
	/*background:url(../images/objectEnvelope.png) no-repeat -151px 0;*/
}

#apeToy{
	background:url(../images/objectApeToy.png) no-repeat;
	width:57px;
	height:72px;
	z-index:12;
	left:480px;
	top:417px;
}

#apeToyShadow{
	background:url(../images/objectApeToyShadow.png) no-repeat;
	width:151px;
	height:174px;
	left:382px;
	top:317px;
	z-index:10;
}

#boardGame{
	background:url(../images/objectBoardgame.png) no-repeat;
	width:194px;
	height:100px;	
	z-index:13;
	left:370px;
	top:482px;
	cursor:pointer;
}

#playMonstermind{
	background:url(../images/objectPlayMonstermind.png) no-repeat;
	width:152px;
	height:41px;
	position:absolute;
	z-index:15;
	cursor:pointer;
	left:-70px;
}

#deskLamp{
	background:url(../images/objectLight.png) no-repeat;
	width:139px;
	height:194px;
	z-index:12;
	left:565px;
	top:310px;
	cursor:pointer;
}

#deskLampOn{
	position:relative;
	width:140px;
	height:200px;
	left:290px;
	cursor:pointer;
}

#medal{
	background:url(../images/objectMedalsWall.png) no-repeat;
	width:28px;
	height:57px;
	position:absolute;
	left:93px;
	top:73px;
	z-index:120;
}

#bronzeMedal{
	background:url(../images/objectMedalBronze.png) no-repeat;
	width:41px;
	height:92px;
	z-index:101;
	left:510px;
	bottom:16px;
	cursor:pointer;
}

#silverMedal{
	background:url(../images/objectMedalSilver.png) no-repeat;
	width:49px;
	height:92px;	
	z-index:101;
	left:560px;
	bottom:16px;
	cursor:pointer;
}

#goldMedal{
	background:url(../images/objectMedalGold.png) no-repeat;
	width:40px;
	height:86px;	
	z-index:101;
	left:630px;
	bottom:20px;
	cursor:pointer;
}

.suspectObj{
	cursor:pointer;	
}

/* Click areas */

#tvScreen{
	width:150px;
	height:120px;
	position:relative;
	left:50px;
	top:170px;
	cursor:pointer;
}
#tvScreen:hover{
}

#pictureFrame{
	width:76px;
	height:76px;
	position:relative;
	left:31px;
	top:37px;
	z-index:110;
}

/* Menu UI */

#opaqueLayer{
	position:absolute;
	width:100%;
	height:100%;
	z-index:99990;
	background:#000;
	opacity:0.7;
	display:none;
	top:0;
}

/* Dossier */

.dossierLayer{
	background:url(../images/overlayDossier.png) no-repeat;
	width:540px;
	height:399px;
	position:absolute;
	color:#3d2f11;
	z-index:99994;
}

.suspectImage{
	width:159px;
	height:157px;
	position:absolute;
	left:47px;
	top:59px;
	z-index:99995;
}

.paperclip{
	z-index:99996;
	position:absolute;
	background:url(../images/overlayDossierClip.png) no-repeat;
	width:47px;
	height:62px;
	left:30px;
	top:16px;
}

.suspectName{
	position:absolute;
	left:310px;
	height:26px;
	text-transform:uppercase;
	width:190px;
	top:58px;
	font-family: 'Special Elite', cursive;
	font-weight:700;
	font-size:20px;
}

.suspectDescription{
	position:absolute;
	left:220px;
	width:260px;
	height:180px;
	top:130px;
	font-family: 'Special Elite', cursive;
	line-height:20px;
	font-size:14px;
}

#openSuspect1 .suspectName{
	left:340px;	
}
#openSuspect1 .suspectImage{
	background:url(../images/suspect1.png) no-repeat;
}
#openSuspect2 .suspectName{
	left:335px;	
}
#openSuspect2 .suspectImage{
	background:url(../images/suspect2.png) no-repeat;
}
#openSuspect3 .suspectName{
	left:320px;	
}
#openSuspect3 .suspectImage{
	background:url(../images/suspect3.png) no-repeat;
}
#openSuspect4 .suspectName{
	font-size:16px;
}
#openSuspect4 .suspectImage{
	background:url(../images/suspect4.png) no-repeat;
}
#openSuspect5 .suspectName{
	font-size:17px;
}
#openSuspect5 .suspectImage{
	background:url(../images/suspect5.png) no-repeat;
}
#openSuspect6 .suspectName{
	left:330px;
}
#openSuspect6 .suspectImage{
	background:url(../images/suspect6.png) no-repeat;
}
#openSuspect7 .suspectName{
	font-size:16px;
}
#openSuspect7 .suspectImage{
	background:url(../images/suspect7.png) no-repeat;
}
#openSuspect8 .suspectImage{
	background:url(../images/suspect8.png) no-repeat;
}

/* Layers */

.contentLayer{
	background:url(../images/overlayBg.png) no-repeat;
	padding:20px;
	position:absolute;
	z-index:99997;
	width:557px;
	height:429px;
}

.videoLayer{
	width:640px;
	height:360px;
	position:absolute;
	z-index:99997;	
}

.overlayTitle{
	position:absolute;
	z-index:99998;	
	left:45px;
	top:25px;
	width:461px;
	height:71px;
}

.overlayContent{
	position:absolute;
	z-index:99998;
	left:45px;
	top:105px;
	width:460px;
	height:290px;
	font-family: 'Open Sans Condensed', sans-serif;
}

#overlayTitleSocial{
	background:url(../images/overlayTitleSocial.png) no-repeat;	
}

#overlayTitleFB{
	background:url(../images/overlayTitleFB.png) no-repeat;	
}

#overlayTitleFans{
	background:url(../images/overlayTitleFans.png) no-repeat;	
}

#fanPackDownload{
	clear:both;
	height:130px;	
}

/* Buttons */
.btnOverlayClose{
	background:url(../images/btnOverlayClose.png) no-repeat;
	width:30px;
	height:29px;
	position:absolute;
	left:510px;
	top:10px;
	cursor:pointer;	
}

.dossierLayer .btnOverlayClose{
	top:20px;	
}

#videoLayerClose{
	top:-30px;
	left:635px;
}

.btnGreenLarge{
	width:151px;
	height:48px;
	font-size:18px;
	font-family: 'Open Sans Condensed', sans-serif;
}
.btnGreenLarge a{
	background:url(../images/btnGreenLarge.png) no-repeat;
	display:block;
	text-align:center;
	padding:5px 8px 0 0;
	height:43px;
	color:#fff;
	text-decoration:none;
	font-weight:700;
}
.btnGreenLarge a:hover{
	background:url(../images/btnGreenLarge.png) no-repeat 0 -53px;
}
.btnGreenLarge a:active{
	background:url(../images/btnGreenLarge.png) no-repeat 0 -106px;
}

.btnRedHuge{
	width:313px;
	height:48px;	
	font-size:18px;
	font-family: 'Open Sans Condensed', sans-serif;
}
.btnRedHuge a{
	background:url(../images/btnRedHuge.png) no-repeat;
	display:block;
	text-align:center;
	padding:5px 8px 0 0;
	height:43px;
	color:#fff;
	text-decoration:none;
	font-weight:700;
}
.btnRedHuge a:hover{
	background:url(../images/btnRedHuge.png) no-repeat 0 -53px;
}
.btnRedHuge a:active{
	background:url(../images/btnRedHuge.png) no-repeat 0 -106px;
}

#shareFbButton{
	float:left;
	width:160px;
	margin:10px 0 10px 55px;
}
#inviteFbButton{
	float:left;
	width:160px;
	margin:10px 0 10px 40px;	
}
#noShareButton, #finishButton{
	margin:10px auto 0 auto;
}

#socialFanButton{
	margin:10px auto 0 auto;	
}

.suspectButton{
	position:absolute;
	top:370px;
	left:210px;
}

.fb-login-button{
}