*
{
}
.container
{
    margin: 0px;
	padding: 0px;
    width: 940px;
    height: 480px;
    position:relative;
    background-color: #EEE;
	background-image: url('../images/background.jpg');
	background-repeat:no-repeat;
	overflow: hidden;
	
}

.screener
{
    margin: 0px;
	padding: 0px;
    width: 940px;
    height: 480px;
    position:relative;
    background-color: #fff;
	overflow: hidden;
}

.grid
{
    margin: 0px;
	padding: 0px;
    width: 490px;
    height: 204px;
    position:absolute;
    z-index: 1000;
}

.windowPanel
{
   position:absolute;
    width:704px;
    height:440px;
    background-color: #aaa;
    -webkit-transform: translateZ(0px);
    -webkit-backface-visibility:hidden;
	background-color: #fff;
	z-index: 6;
	background-image: url('../images/windowPanelBackground.gif');
}

.windowPanel .panelHeading
{
	display: block;
	position: absolute;
	top: 50px;
	left: 480px;
	width: 200px
	text-align: left;
	font-size: 18px;
	font-family: Georgia;
	color: #ff5d00;
}

.windowPanel .panelTrail
{
	display: block;
	position: absolute;
	padding-top: 10px;
	margin-right: 10px;
	border-top: dotted 1px #aaaaaa;
	top: 100px;
	left: 480px;
	width: 200px
	text-align: left;
	font-size: 12px;
	font-family: Arial;
	color: #666666;
}

.windowPanel .panelImage
{
	position: absolute;
	top: 50px;
	left: 12px;
	width: 460px;
	height: 278px;
}

.windowPanel .panelVideo
{
	position: absolute;
	top: 50px;
	left: 12px;
	width: 460px;
	height: 278px;
	background-color: #333;
}

.windowPanel .panelAudio
{
	position: absolute;
	top: 50px;
	left: 12px;
	width: 460px;
	height: 278px;
	background-color: #333;
}

.windowPanel .panelFooter
{
padding:10px;
margin: 0px;
	position: absolute;
	display: block;
	border-top: dotted 1px #aaaaaa;
	margin-right: 50px;
	top: 300px;
	width: 680px;
	height: 200px;
}

.windowPanel .clickHere
{
	position: absolute;
	top:20px;
	right:0px;
	display: block;
	width: 130px;
	height: 30px;
	text-align: right;
	padding-right: 50px;
	text-align: right;
	font-size: 13px;
	font-family: Arial;
	color: #ff5d00;
	background-image: url('../images/clickArrow.gif');
	background-repeat:no-repeat;
	background-position:135px 1px;

	
}

.activeColor {
color: #ff5d00;
cursor: pointer;
}

.inactiveColor {
color: #000000;
}

.backButton
{
	position:absolute;
	top: 430px;
	right:20px;
	padding-left:5px;
	padding-top:2px;
	display: block;
	width: 50px;
	height: 20px;
	color:#fff;
	background: #ff5d00;
	cursor: pointer;
	z-index:90000;
	background-image: url('../images/chevron.gif');
	background-repeat:no-repeat;
	background-position:40px 4px;
}
a:link
{
	text-decoration: none;
}

a:active
{
	text-decoration: none;
}

a:visited
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.transformedDoor
{
 	position:absolute;
    width:80px;
    height:50px;
    -webkit-transform: translateZ(0px);
    -webkit-backface-visibility:hidden;
	text-align: center;
	font-size: 30px;
	font-family: Georgia;
	
	background-image: url('../images/transwhite.png');
	z-index: 10;
	
}

.windowShadow
{
 	position:absolute;
    width:80px;
    height:50px;
    -webkit-transform: translateZ(0px);
    -webkit-backface-visibility:hidden;
	background-image: url('../images/windowShadow.png');
	z-index: 7;
	
}

.transformedDoorBackground
{
 	position:absolute;
    width:80px;
    height:50px;
    background-color: #ffffff;
    -webkit-transform: translateZ(0px);
    -webkit-backface-visibility:hidden;
	z-index: 8;
	background-image: url('../images/background.jpg');
	
}

.backDoor
{
 	position:absolute;
    width:140px;
    height:440px;
    -webkit-transform: translateZ(0px);
    -webkit-backface-visibility:hidden;
	z-index: 2000;
	background-image: url('../images/backDoor.png');
	
}


.doorContainer
{
 	position:absolute;
    width:80px;
    height:50px;
    -webkit-transform: translateZ(0px);
    -webkit-backface-visibility:hidden;
}

.transformedDoorLarge
{	 position:absolute;
    width:704px;
    height:440px;
    -webkit-transform: translateZ(0px);
    -webkit-backface-visibility:hidden;
	text-align: center;
	font-size: 264px;
	font-family: Georgia;
	z-index: 10;
	background-image: url('../images/transwhite.png');
}

.valigner
{
height:100%;
width: 0px;
vertical-align: middle;
visibility: hidden;
}

audio { width: 460px; }

#boot_0
{
	 position:absolute;
    width:164px;
    height:453px;
	background-image: url('../images/BootsFINAL.png');
	background-repeat: none;
	z-index: 200;
}

#castle_2
{
	 position:absolute;
    width:133px;
    height:425px;
	background-image: url('../images/CastleFINAL.png');
	background-repeat: none;
	z-index: 100;
	
}

#compass_1
{
	 position:absolute;
    width:132px;
    height:451px;
	background-image: url('../images/CompassFINAL.png');
	background-repeat: none;
	z-index: 200;
}

#seagull_4
{
	 position:absolute;
    width:174px;
    height:368px;
	background-image: url('../images/SeagullFINAL.png');
	background-repeat: none;
	z-index: 200;
}

#van_3
{
	 position:absolute;
    width:137px;
    height:391px;
	background-image: url('../images/VanFINAL.png');
	background-repeat: none;
	z-index: 100;
}

.decorationInner
{
	position: absolute;
	width: 100px;
	height: 100px;
	bottom:0px;
	left:20px;
}

.gLogo
{
	position: absolute;
	width: 200px;
	height: 36px;
	bottom:20px;
	right:20px;
}

#loading {
	font-size: 14px;
	font-family: Arial;
	background-color: #fff;
	height: 480px;
	padding-top: 220px;
	text-align: center;
	width: 940px;
	position: absolute;
	z-index: 100000;
	left: 0;
	top: 0;
	color: #777;
}