body {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 1em;
	margin-top: 0px;
	margin-right: 1em;
	margin-bottom: 0px;
	background-color: #D1D1D1;
	background-image:url(bkg_images/LF-bottom-grad.png);
	background-repeat:repeat-x;
}
a:visited {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
#container{
	max-width: 64em;
	min-width: 43.625em;
	margin: 0 auto;
}
#head {
	border-bottom: 0.125em groove gray;
	padding: 1em 0;
}
#head .contact {
	max-width: 20.375em;
	float: right;
	text-align:right;
	margin-top: 2.5em;
}
#head .contact span, #head .contact a{
	clear:both;
	display:block;
}

.film{
	margin-top: 1em;
	width: 28.125em;
	border-bottom: 0.125em groove white;
	float: left;
	clear:left;
}
.film:nth-child(odd){
	float: right;
	clear:right;
}
.film_img_link{
	width: 100%;
	height: 15.82em;
}
.film_title{
	border-bottom: 0.063em solid white;
	padding: 0.5em 0;
}
.film_title .clapper {
	background-image:url(bkg_images/clapper%20bullet.gif);
	background-repeat:no-repeat;
	width: 1em;
	height: 1em;
	float:left;
	position:relative;
	top: 0.4em;
}

.film_title span {
	font-size: 150%;
	font-weight: bold;
	margin-left: 0.5em;
}
.film_title span.reduce_size {
	font-size: 100%;
	margin-left: 0em;
}

.film_title span.produced {
	font-size: 81.25%;
	font-weight: normal;
	margin-left: 2em;
	color:#999;
	clear:both;
	display:block;
}

.film_synopsis {
	font-size: 81.25%;
	font-style: normal;
	color: #333333;
	padding: 0.8em;
	padding-left: 2.1em;
}
#footer {
	padding: 3em 0;
	clear:both;
	text-align:center;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}
@media only screen and (max-width: 960px) {
.film, .film:nth-child(odd){
	float: none;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}
	
}
@media only screen and (max-width: 910px) {
#head .contact {
	max-width: auto;
	float: none;
	clear:both;
	text-align: center;
	margin-top: 1em;
	position:relative;
	left: 8em;
}
#head .contact span, #head .contact a{
	clear:none;
	display: inline;
	margin: 0 auto;
}
}
@media only screen and (max-device-width: 480px) {
.film_title span {
	font-size: 200%;
}

.film_title span.produced, .film_synopsis{
	font-size: 100%;
}

#head .contact{
	font-size: 150%;
	left: 4em;
}
#head {
	border-bottom-width: 0.375em;
}

.film {
	margin-top: 4em;
	width: 40em;
	border-bottom-width: 0.375em;
}
.film_img_link{
	height: 22.5em;
}
.film_title {
	padding: 1em 0;
}

.film_synopsis {
	padding: 1.5em;
	padding-bottom: 3em;
}
.film_title .clapper {
	background-size: 100% 100%;
	width: 2em;
	height: 2em;
	top: 0.3em;
}
.film_title span.reduce_size {
	display:none;
}

}
*/