body {
	font-family: helvetica, sans-serif; 

}


#page {
	margin:0 auto;
/*	width:790px; */
	width:1200px;
	border:1px solid #FFFFFF;
	/*background-color:#99CCCC;*/
	text-align:center;

}


h1#logo {
	padding: 8px 0 0 50px;
	margin: 0;
	width:207px;
	float:left;
}
h1#logo img { border: 0; }

h2 {
	color: #396882;
	font-size: 100%;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	padding-bottom: 8px; }

#main {
/*
padding-left:150px;
width:640px;
*/
margin:0 auto;
margin-top:114px;

line-height:200%;
font-size:75%;
/*background-color:#CCFF99;*/
text-align:center;

}

#main p {
/*width:625px;*/
text-align:left;}


#maintext {

padding-left:147px;
width:640px;
margin-top:154px;

line-height:200%;
font-size:75%;
/*background-color:#CCFF99;*/
text-align:left;

}

#maintext p {
width:525px;
text-align:left;}

a:visited,
a:link {
	color:#787878;
	text-decoration:none;
	}
a:hover,
a:active { color:#000000; }


#nav {
	margin-top: 20px;
	float:right;
	list-style: none;
	padding-right:25px;
/*	text-transform: uppercase; */
	font-weight: bold;
	letter-spacing:.28em;
	font-size:70%;
	text-align:left;
	}

#nav li {
	float: left;
	padding-right: 15px; /* ed changed to 15 from 20 */
	position: relative;
	background:#FFF;
	}


#nav li li {
	/*text-transform: lowercase;*/
	width: 6em;
	/* position: static;*/
	font-weight:normal;
	letter-spacing:.15em;
	line-height:150%;
	background:#FFFFFF;

	 }
#nav li li li {
	width: 10em; 
	}

#nav ul {
	position: absolute;
	left: -1000em;
	list-style: none;
	margin: 0;
	padding: 0;
	/*width: 6em; */
	width:12em; /* orig 10em */
}

#nav li > ul {
	background:#FFFFFF;
}

#nav li ul:hover {
	background:#FFFFFF;
}

/*
#nav ul ul {  
 }*/


#nav li:hover > ul,
#nav li.dm_hover > ul { left: 0; padding-top:4px; display: block;}
#nav li:hover > ul ul,
#nav li.dm_hover > ul ul { left: -1000em; padding-top:0; display: block;}
#nav ul li:hover > ul,
/*#nav ul li.dm_hover ul { left: 7em; bottom: 2em; }*/
#nav ul li.dm_hover > ul { left: 7em; top:-.025em; display: block;}


#nav a { display: block; }
#nav li li a {
	padding: 1 0 0 1; /* originally .2em 0 */
/*	background: white; */}
	

#nav #nav_blue, 
#nav #nav_mauve, 
#nav #nav_olive {font-size:110%}

#nav #nav_blue a { color: #396882; padding-left: 5px;}
#nav #nav_blue a:hover,
#nav #nav_blue a:focus,
#nav #nav_blue a:active { color: black; background:#ebebeb; }
#nav #nav_mauve a { color: #764360; padding-left: 5px;}
#nav #nav_mauve a:hover,
#nav #nav_mauve a:focus,
#nav #nav_mauve a:active { color: black; background:#ebebeb; }
#nav #nav_olive a { color: #817B00; padding-left: 5px;}
#nav #nav_olive a:hover,
#nav #nav_olive a:focus,
#nav #nav_olive a:active { color: black; background:#ebebeb;  }

#film {text-align:left;
width:600px;
margin:0 auto;
margin-left:0px;
}

#filmrow {
	list-style: none;
	/*margin: 1em 0;*/
	width:600px;
	margin:0 auto;
	padding: 0;
	
	
	 }
#filmrow:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both; }
#filmrow li {
	width: 290px;
	margin: 0 0 2em 0;
	float: left;
	text-align:left;
	clear:top;
}

#filmrow li img {	border:1px solid #818386; }
#filmrow li.right { float: right; 
text-align:left;}
#filmrow .caption { padding-top:5px; display: block; }

#filmrow a img {
	border-width: 1px;
	border-style: solid; }
#filmrow a:visited img,
#filmrow a:link img { border-color:#818386; }
#filmrow a:hover img,
#filmrow a:active img { border-color:#000000; }


.blue {color:#396882;}
.mauve {color:#764360;}
.olive {color:#817B00;}

#thumbs {
/*
	width:760px;
	position:relative;
	left:-104px;
	text-align:center;
	*/
	margin:0 auto;
	width:790px;
	text-align:center;
	/*background-color:#FF9999;*/
}


#thumbs ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	/*background-color:#00FFCC;*/

}
#thumbs li {
	display: inline;
	position: relative;
	margin-left: -1px; 
	padding-right:4px;
/*	background-color:#CCFF00;*/
}



#thumbs li img {
	border:1px solid #818386;
}

#thumbs li img:hover {
	border:1px solid #000000;
}


#mainpic img {
	border:1px solid #818386;
	text-align:center;
/*	background-color:#F33;*/
}


#mainpic img:hover {
	border:1px solid #000000;
}

#plainpic img {
	border:none;	
	text-align:center;
}


#thumbs:after {
	content: ".";
	display: block;
	height: 10px;
	visibility: hidden;
	clear: both; }

#thumbs .selected {
	border:1px solid #000000;
}

#thumbs li.right {
	display: inline;
	position: relative;
	margin-left: -1px; 
	padding-right:0px;
/*	background-color:#CCFF00;*/
}

#first { margin-top: 0; 
}
#filmfirst { margin-top: 0;
margin-left:96px; 
}

#mainpic { margin: 0 auto; 
text-align:center; 
height:350px;
/*width:500px;*/
/*background-color:#6699FF;*/
}

#zoomlink {display:block;
text-align: center;}


#mainpic p { 
text-align:center; 
margin:0 auto;
}

#mainpic a { 
text-align:center; 
}


.filmdesc {
color: #396882;
font-size:75%;
}