div.img
{
  margin: 2px;
  border: 1px solid #d1d1d1;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}

div.img img
{
  display: inline;
  margin: 4px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #ffffff;}
/*
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}


*/
div.film
{
  margin: 0px 4px 2px 4px;
/* border: 1px solid #d1d1d1;*/
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  background: url(../image/film3.jpg) ;
}

div.film img
{
  display: inline;
  margin: 9px 0px 9px 0px;
  border: 1px solid #ffffff;
}
div.film a:hover img {border: 1px solid #ffffff;}

.overlay {
   display:none;
   padding:0;
   border: 1px solid #333333;
   margin:0;
   position:absolute;
   height:150px;
   width:150px;
   z-index:2;
}

.thumbnail{
   position:relative;
   left:1px;
   z-index:0;
   height:150px;
   width:150px;
   border: 1px solid #333333;
}

.thumbnail:hover, .thumbnail.over{
   border: 1px solid #333333;
}


div.mainPhoto
{
  margin: 4px;
  border: 1px solid gray;
  height: 160px;
  width: auto;
  float: left;
  text-align: center;
}

div.mainPhoto img
{
  display: inline;
  width: 120px;
  margin: 10px 2px 5px 2px;
  border: 0px solid #ffffff;
}
div.mainPhoto a:hover img {border: 1px solid #ffffff;}

div.mainPhotoDesc
{
  height: 60px;
  width: 120px; 
 
vertical-align:middle;
  border: 1px solid gray;
 
display: table-cell; 

	FONT-SIZE: 12px;
	FONT-FAMILY: Arial;
}

  div.container {top: 0; left: 0; width: 100%; height: 100%;
    position: fixed; display: table;
	  border: 1px solid gray;
	    height: 160px;
  width: 320px; 
	}
  p {display: table-cell; vertical-align: middle}