/* Z-index of mask must lower than boxes .window */  
 #mask {  
   position:absolute;  
   z-index:98;  
   top:0px;
   left:0px;
   background-color:#ffffff;     
   width: 100%;
   height:100%;
 }  
     
#boxes .window {  
   position:absolute;  
   width:220px;  
   height:280px;  
   display:none;  
   z-index:99;  
   padding:20px;  
 }  
   
   
 /* Customize your modal window here, you can add background image too */  
.storydialog {  
   width:600px;   
   height:750px;  
   background-image: url(../images/storybg.gif);
   background-repeat: no-repeat;   
   position:absolute;
   z-index:100;
   display:none;   
 }  
 
 .storyitem
 {
	font-size:12px;
 	font-family:Verdana;
 	cursor:pointer;
 	margin:10px;
 }
 .storytitle
 {
 	font-size:12px;
 	 left: 25px;
 	 margin:10px;
 	top: 60px; 	
 	width: 550px;
    position: relative;
 	font-weight:bold;
 	z-index: 99;
 	float:left; 	
 }

 .storytext
 {
 	font-size:11px;
 	position:relative;
 	font-family:Verdana;
 	position: relative;
 	margin:10px;
 	 z-index: 99;
    width: 525px;
 	left: 25px;
 	top: 50px; 	
 }
 .storyimage
 {
 	margin: 10px;
 	position:relative;
 	top: 45px;
 	text-align:center;
 }
 .storyclose
 {
 	width: 31px;
 	height:42px;
   background-image: url(../images/close.gif);	
   background-repeat:no-repeat;
   position:relative;
   top:10px;
   left:550px;   
   z-index:101;
   cursor:pointer;
   float:left;
 }
  .storyclose:hover
 {
   background-image: url(../images/close_up.gif);	
 }