/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */










#gallerycontainer {
    /*Add a height attribute and set to largest image's height to prevent overlaying*/ : ;
    color : #0000ff;
    font-size : 11px;
    line-height : 12px;
    position : relative;
  }


.thumbnail img {
    border: 1px solid white;
    margin: 0 5px 5px 0;
  }


.thumbnail:hover {
    background-color: transparent;
  }


.thumbnail:hover img {
    border: 1px solid blue;
  }


.thumbnail span {
    /*CSS for enlarged image*/position: absolute;
    background-color : #d0e9ed;
    padding: 5px;
    left: -1000px;
    border: 2px solid;
    border-color: #214488;
    visibility: hidden;
    color: #0000ff;
    text-decoration: none;
  }


.thumbnail span img {
    /*CSS for enlarged image*/border-width: 0;
    padding: 2px;
    width : 253px;
    height : 162px;
  }


.thumbnail:hover span {
    /*CSS for enlarged image*/visibility: visible;
    top: -205px;
    left: 72%;
    /*position where enlarged image should offset horizontally */z-index: 50;
  }


#film {
    background-image : url('../image/snapshot1.png');
    background-repeat : no-repeat;
    color : #3768ca;
    height : 280px;
    width : 450px;
  }


#film a:hover {
    color : #3768ca;
  }


#video {
    float : right;
    overflow : auto;
    padding-right : 50px;
  }


iframe {
    height :365px;
    width : 480px;
    border-top : 0px;
    border-left : 0px;
    border-right : 0px;
  }


p {
    padding-left : 20px;
  }