ul.hoverbox {	
   cursor: default;	
   list-style: none;
   padding-left: 0;
   margin-left: 0;
}
.hoverbox a {	
   cursor: default;
}
.hoverbox a .landscape {
   display: none;
}
.hoverbox a .portrait {	
   display: none;
}
.hoverbox a:hover .landscape {	
   display: block;	
   position: absolute;	
   top: -33px;	
   left: -45px;	
   z-index: 3;
}
.hoverbox a:hover .portrait {	
   display: block;	
   position: absolute;	
   top: -33px;	
   left: -45px;	
   z-index: 3;
}
.hoverbox img {	
   border: 1px solid #EBEBEB;	
   border-width: 1px;	
   color: inherit;	
   padding: 2px;	
   vertical-align: top;	
   width: 80px;	
   height: 80px;
}
.hoverbox li {	
   background-color: #EBEBEB;	
   color: inherit;	
   display: inline;	
   float: left;	
   margin: 1px;	
   padding: 5px;	
   position: relative;
   list-style-position: inside;
}
.hoverbox .landscape {	
   border: 1px solid #EBEBEB;
   height: 150px;
   width: 200px;	
}
.hoverbox .portrait {	
   border: 1px solid #EBEBEB;	
   height: 200px;
   width: 150px;
}
.hoverbox a{	
   position: relative;
}
.hoverbox a:hover {	
   display: block;	
   font-size: 100%;	
   z-index: 1;
}
.hoverbox a:hover .landscape {	
   top: -38px;	
   left: -25px;
}
.hoverbox a:hover .portrait {	
   top: -38px;	
   left: -25px;
}
.hoverbox li {	
   position: static;
}