/* GLOBAL SETTINGS */

* { 
    font-family: Arial, sans-serif;
	padding: 0; 
	margin: 0;
	border: 0;
}

/* mac hide \*/
html,body  { width:100%; height:100%; }
/* end hide */

body { 
	text-align: center;
	min-width: 844px; /* for good browsers */
	min-height: 598px; /* for good browsers */
	background: #4E2B00;
}
a { text-decoration: none; }


/* positioning flash element */
object {
	z-index: 2;
	outline: none;
}
object.menuItem { margin-top:-3px; } /* <NOSCRIPT> bug

/* positioning (center) elements */
#xouter{
	height: 100%;
	width: 100%; 
	display: table;
	vertical-align: middle;
}
#xcontainer {
	text-align: center; 
	position: relative;
	vertical-align: middle;
	display: table-cell;
	height: 598px;
}	
#xinner {
	width: 844px;
	height: 598px;
	text-align: left /*center*/;
	margin-left: auto;
	margin-right: auto;
}
#content { position: relative; width: 842px; height: 596px; text-align: left; border: 1px solid #FFFFFF; background: #4E2B00; }

/* SPECIFIC ELEMENTS SETTINGS */
#menuContainer { position: absolute; left: 0; top: 246px; width: 77px; height: 234px; padding-top: 75px; background: #FFFFFF; overflow: hidden; z-index: 1; }
#menu { display: none; }

#titleContainer { position: absolute; left: 252px; top: 113px; width: 332px; height: 52px; background: transparent; z-index: 5; overflow: hidden; }
#title { display: none; }

#textContainer { position: absolute; left: 252px; top: 165px; padding-right: 20px; width: 332px; height: 330px; color: #B79473; font-size: 10px; line-height: 150%; background: transparent; overflow: auto; z-index: 5; }
#textContainer a { color: #FFFFFF; font-size: 10px; line-height: 150%; text-decoration: none; border-bottom: 1px dashed #B79473; }
/* #textContainer a:hover { border-bottom: 1px dashed #B79473; } */
#textContainer h4 { font-size: 10.5px; font-weight: 600; margin: 0px; padding: 0px; color: #FFF; }

#playerContainer { position: absolute; left: 446px; top: 0; width: 396px; height: 596px; background: transparent; z-index: 2; }

#porthole { position: absolute; left: 22px; top: 22px; width: 188px; height: 188px; background: transparent url(../img/porthole.png) left top no-repeat; z-index: 4; }
#portholeImage { position: absolute; left: 22px; top: 22px; width: 188px; height: 188px; background: transparent url(../img/test.jpg) center center no-repeat; z-index: 3; }
#seperator { position: absolute; left: 148px; top: 115px; width: 77px; height: 440px; background: #FFFFFF; z-index: 5; }