@charset "utf-8";
/* CSS Document */

.imageFrame {
	 position:relative;
	 overflow: hidden;
	 }
	 
.imageFrameWrapper {
	z-index:1; 
	position:absolute; 
	top:0px; 
	left:0px; 
	height:100%; 
	width:100%;
	}
	
.zoneFrame {
	 position:absolute;
	 top: 0px;
	 left: 0px;
	 height: 100%;
	 width: 100%;
	 overflow: hidden;

	 }
	 
		
.frameTL {
	z-index:2; 
	position:absolute; 
	top:0px; left:0px; 
	width:100%; 
	height: 100%;  
	background-repeat:no-repeat; 
	background-position:left top;
	}
	
.frameTM {
	z-index:1; 
	position:absolute; 
	top:0px; left:0px; 
	width:100%; 
	height: 100%;  
	background-repeat:repeat-x; 
	background-position:center top;
	}
	
.frameTR {
	z-index:2; 
	position:absolute; 
	top:0px; left:0px; 
	width:100%; 
	height: 100%;  
	background-repeat:no-repeat; 
	background-position:right top;
	}
	
.frameML {
	z-index:1; 
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height: 100%; 
	background-repeat:repeat-y; 
	background-position:left;
	}
		
.frameMR {
	z-index:1; 
	position:absolute; 
	top:0px; 
	right:0px; 
	width:100%; 
	height: 100%; 
	background-repeat:repeat-y; 
	background-position:right;
	}
	
.frameBL 	{
	z-index:2; 
	position:absolute; 
	top:0px; left:0px; 
	width:100%; 
	height: 100%;  
	background-repeat:no-repeat; 
	background-position:left bottom;
	}
	
.frameBM 	{
	z-index:1; 
	position:absolute; 
	bottom:0px; 
	left:0px; 
	width:100%; 
	height: 100%; 
	background-repeat:repeat-x; 
	background-position:bottom;
	}
	
.frameBR {
	z-index:2; 
	position:absolute; 
	top:0px; left:0px; 
	width:100%; 
	height: 100%;  
	background-repeat:no-repeat; 
	background-position:right bottom;
	}	

.imageWrapper {
	position:absolute;
	z-index:5;
	} 



.cornerImageDiv {
	width:150px;
	height:150px;
	}

.HorizImageDiv {
	width:150px;
	height:150px;
	}	

.VertImageDiv {
	width:150px;
	height: 150px;
	}