/*stylesheet for Matrjoschka #1 - ambient level, static
z-index manual: from 1 to 9 are surfaces 
 * 				between 10-19 are static non-clickable content areas 
 * 				between 20-29 are buttons and forms (buttons are usually on 25)
 * 				pop-up windows between 50 and 59
 * 				alerts, errors: 100 and higher
 */
body {
overflow-y:scroll;
}
div.bg_pig { /*frame for background image 'lake with seaflowers'*/
	position:fixed;
	z-index:1;
	width:102%;
	top:-1%;
	margin: -1%;
	opacity:.8;
}
#bg { /*stretch background pig	*/
width:100%;
}
/*useful for all pictures to fit into divs*/
.pictureFit {
width:100%;
height:auto;
}

div.bone {  /*display big white frame*/
	position:relative;
	z-index:2;
	overflow:show;
	background-color:#F9F9FF;
	width:850px;
	height:auto;
	left:10%;
	top:-1%;
	bottom: 3%;
	margin-top: -2%;
	margin-bottom:3%;
	padding: 10px;
	box-shadow: -0.5px 0px 4px 1px black;

}

div.head { /* frame for the top of the bone (head) where the image of the boat is squeezed into*/
	position:relative;
	z-index:10;
	left:8%;
	width:94%;	
}
#head_pig { /* stretch pig with boat*/
position: relative;
height:auto;
width:90%;
opacity:0.95;
}

/*not in use*/
div.bottomSpace {
	position:relative;
	background-color:orange;
	z-index:11;
	top:98%;
	bottom:2%;
	left:0%;
	width:100%;	
	height:auto;

}