@charset "utf-8";

/* Main formatting for Plane*/

	body{
		background-color:#300;
	}
	
	.container{
		background-image:url(roombackground.jpg);
		width:945px;
		height:730px;
	}
	
	.title{
		color:#CC9;
		font:Georgia, "Times New Roman", Times, serif;
		font-size:33px;
		font-weight:bold;
		text-align:left;
		font-style:italic;
		padding:1px;
		padding-bottom:5px;
		width:700px;
		height:26px;
	}
	
	.instructions{
	position:absolute;
	left:20px;
	top:69px;
	color:#CC9;
	font:Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	text-align:left;
	padding:1px;
	padding-bottom:5px;
	width:300px;
	height:20px;
	}

/* Hotspot Buttons */

	.button-door {
	position:absolute;
	left:542px;
	top: 93px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	}
 
 	.button-door:hover {
	-webkit-filter: grayscale(100%);
	}
	
	.button-door:hover:after {
	content:attr(title);
	}
	
	.button-photoframe {
	position:absolute;
	left:251px;
	top: 79px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	}
 
 	.button-photoframe:hover {
	-webkit-filter: grayscale(100%);
	}
	
	.button-photoframe:hover:after {
	content:attr(title);
	}
	
	.button-shelves {
	position:absolute;
	left:26px;
	top: 333px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	}
 
 	.button-shelves:hover {
	-webkit-filter: grayscale(100%);
	}
	
	.button-shelves:hover:after {
	content:attr(title);
	}
	
	.button-table {
	position:absolute;
	left:25px;
	top: 389px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	}
 
 	.button-table:hover {
	-webkit-filter: grayscale(100%);
	}
	
	.button-table:hover:after {
	content:attr(title);
	}
	
	.button-udonski {
	position:absolute;
	left:318px;
	top: 522px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	}
 
 	.button-udonski:hover {
	-webkit-filter: grayscale(100%);
	}
	
	.button-udonski:hover:after {
	content:attr(title);
	}
	
	.button-table:hover:after {
	content:attr(title);
	}
	
	.button-tempura {
	position:absolute;
	left:102px;
	top: 633px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	}
 
 	.button-tempura:hover {
	-webkit-filter: grayscale(100%);
	}
	
	.button-tempura:hover:after {
	content:attr(title);
	}
	
	.button-spices {
	position:absolute;
	left:673px;
	top: 573px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	}
 
 	.button-spices:hover {
	-webkit-filter: grayscale(100%);
	}
	
	.button-spices:hover:after {
	content:attr(title);
	}
	
	.button-teacup {
	position:absolute;
	left:239px;
	top: 557px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	}
 
 	.button-teacup:hover {
	-webkit-filter: grayscale(100%);
	}
	
	.button-teacup:hover:after {
	content:attr(title);
	}
	
	.button-decorations {
	position:absolute;
	left:539px;
	top: 670px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	}
 
 	.button-decorations:hover {
	-webkit-filter: grayscale(100%);
	}
	
	.button-decorations:hover:after {
	content:attr(title);
	}
	
	.button-buzzer {
	position:absolute;
	left:809px;
	top: 686px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	}
 
 	.button-buzzer:hover {
	-webkit-filter: grayscale(100%);
	}
	
	.button-buzzer:hover:after {
	content:attr(title);
	}
	
	
	.credits{
	position:absolute;
	width:429px;
	height:42px;
	left:13px;
	top:795px;
	color:#CC9;
	}

	/*Masking Links*/
	
	#testdiv {width:750px; margin:0px auto; border:1px solid #ccc; padding:20px 25px 12px; background:#fff}
	.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
	.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
	.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
	.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(close.png) no-repeat}
	.tclose:hover {background-position:0 -30px}

	#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
	#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
	#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
	#bluemask {background:#F3EDD8}
	#frameless {padding:0}
	#frameless .tclose {left:6px}