@import url(../../custom.css);
@import url(general.css);
body { 
  margin:0;
  padding:0;
}
html.filmstrip, html.filmstrip body {
	overflow:hidden;
  width:100%;
  height:100%;
}
h1 { 
	margin:0;
	color:white;
}
h1 a:link, h1 a:visited { font-size:small; }
#navi {
  position:absolute;
  top:5px;
	right:18em;
  z-index: 20;
}
#thumbnails {
	float:left;
	margin:0;
	margin-left:-10px;
}
.filmstrip #thumbnails {
	position:absolute;
	right:0;
	bottom:0;
	height:100%;
	overflow:auto;
	width:15em;
}
#thumbnails div {
  vertical-align:middle;
  text-align:center;
  width:auto;
  height:11em;
  float:left;
  margin:1.5em;
}
.filmstrip #thumbnails div {
  vertical-align:middle;
  text-align:center;
  width:13em;
  height:auto;
	hite-space: nowrap;
  border-style:none;
  font-size:x-small;
  margin:1em 0;
}
#thumbnails img {
  height:11.2em;
  width:auto;
  border:solid;
  border-width:3px;
  border-color:#222;
}
.filmstrip #thumbnails img {
  height:auto;
  width:12em;
}
#thumbnails p { 
	margin:0;
}
#texts {
	margin:1em;
}
.filmstrip #texts {
	margin-right:20em;
}
#footer {
  clear: both;	
  font-style:italic;
  margin:1.5em;
}

#thumbnails div.focus a img {	border-color: blue; }
#imagePreview {margin:1em;}
#imagePreview img {
	cursor: pointer;
}