/*-------------------------------*/
/* whole page                    */
/*-------------------------------*/

html
	{
	height:			101%;
	}
body
	{ 
	margin:			0px;
	padding:		5px;

	font-family: 		Arial, Helvetica, sans-serif;
	font-size:		12px;
	line-height:		16px;

	min-width:		210px;
	}

/*-------------------------------*/
/* generic                       */
/*-------------------------------*/

div.list h5
	{
	margin:			0px;
	padding:		0px;
	font-size:		12px;
	line-height:		16px;
	}

.invisible
	{
	visibility: 		hidden;
	font-size:		0px;
	line-height:		0px;
	width:			0px;
	height:			0px;
	}

.deleted
	{
	visibility: 		hidden;
	display:		none;
	font-size:		0px;
	line-height:		0px;
	width:			0px;
	height:			0px;
	}

div.clear
	{
	clear:			both;
	}

a
	{
	text-decoration:	none;
	color:			#999;
	}


a:hover
	{
	color:			#333;
	opacity:		1.0;
	}

a table img
	{
	opacity:		0.35;
	}

a:hover table img
	{
	opacity:		1.0;
	}
ul
	{
	list-style-type:	none;
	
	text-align: 		left;
	margin: 		0px;
	padding: 		0px;
	border: 		0px;
	}

iframe
	{
	margin: 		0px;
	padding: 		0px;
	border: 		0px;
	}

q
	{
	font-style:		italic;
	}


sup
	{
	line-height: 	0;
	vertical-align:	center;
	}

img
	{
	margin: 		0px;
	padding: 		0px;
	border: 		0px;
	}

div.trans
	{
	margin: 		-6px;
	padding: 		0px;
	border: 		solid 12px #f00;

	display:		block;

	position:		relative;
	
	opacity:		0.5;
	}

h3
	{
	text-align:		center;
	}

/*-------------------------------*/
/* particular                    */
/*-------------------------------*/

div#main
	{
	border: 		solid 1px #bbb;
	margin:			24px auto;
	padding: 		0px;
	max-width:		800px;
	}

div#title
	{
	border: 		solid 0px #000;
	margin: 		0px;
	padding: 		5px;

	text-align:		center;

	background-color:	#e8e8e8;
	}

div#title h2
	{
	border: 		0px;
	margin: 		0px;
	padding: 		0px;

	font-size:		30px;
	line-height:		30px;
	}

div#title h2 a
	{
	color:			#000;
	opacity:		1;
	}

/*-------------------------------*/
/* title                         */
/*-------------------------------*/

div.topleft
	{
	float:			left;
	text-align:		left;
	font-size:		9px;
	line-height:		12px;
	}

div.topleft img
	{
	height:			9px;
	position:		relative;
	top:			2px;
	}

div.topright
	{
	float:			right;
	text-align:		right;
	font-size:		9px;
	line-height:		12px;
	}

/*-------------------------------*/
/* commentbox                    */
/*-------------------------------*/

div#commentbox
	{
	border: 		solid 1px #bbb;
	margin:			24px auto;
	padding: 		0px;
	max-width:		800px;
	color:			#999;
	}

div#commentbox p
	{
	margin:			0px;
	padding:		0px;
	}

div#commentform
	{
	margin:			6px;
	padding: 		0px;
	}

div#comments
	{
	margin:			6px;
	padding: 		0px;
	}

div#comments li
	{
	border-top: 		solid 1px #ddd;
	padding:		4px;
	}

div#comments li.last
	{
	border-bottom: 		solid 1px #ddd;
	padding:		4px;
	}

div#commentbox input
	{
	color:			#999;
	background:		#eee;
	border:			solid 1px #bbb;
	width:			92%;
	}

div#commentbox input.text
	{
	color:			#000;
	}

div#commentbox input.submit
	{
	width:			7%;
	cursor:			pointer;
	cursor:			hand;
	}

/*-------------------------------*/
/* shopbox                       */
/*-------------------------------*/

div#shopbox
	{
	border: 		solid 1px #bbb;
	margin:			24px auto;
	padding: 		0px;
	max-width:		800px;
	}

div#shopimage
	{
	display:		block;
	float:			left;
	margin:			6px;
	padding: 		0px;
	}

div#shopform
	{
	display:		block;
	float:			left;
	margin:			6px;
	padding: 		0px;
	
	width:			80%;
	}

div#shopform
	{
	text-align:		center;
	align:			center;
	}
	
div#shopform table
	{
	margin-left:		auto;
	margin-right:		auto;:
	}

div#shopform input
	{
	color:			#999;
	background:		#eee;
	border:			solid 1px #bbb;

	cursor:			pointer;
	cursor:			hand;
	}

/*-------------------------------*/
/* navigation                    */
/*-------------------------------*/

div#navigation
	{
	border: 		solid 0px #000;
	margin: 		0px;
	padding: 		0px;
	}


	div.list
		{
		display:		block;
		float:			left;

		border: 		solid 0px #000;
		margin: 		0px;
		padding: 		4px;

		width:			192px;
		height:			16px;
		}

	div#navigation.allopen	div.list
		{
		height:			326px;
		}

	div.list_title
		{
		border: 		solid 0px #000;
		margin:			0px;
		padding:		0px;
		}
	

	div.list_title h4
		{
		border: 		solid 0px #000;
		margin:			0px;
		padding:		0px;

		font-size:		14px;
		line-height:		16px;

 		white-space: nowrap;		
 		
		background-color:	#eee;

		text-align:		center;
		}

	div.list_content
		{
		display:		block;
		float:			left;

		position:		relative;
		top:			-2000px;
		left:			0px;

		border: 		solid 4px #fff;
		margin: 		0px;
		padding: 		0px;

		width:			192px;
		height:			306px;

		background-color:	#fff;
		z-index: 		200;
		}

	div#navigation.allopen div.list_title h4
		{
		background-color:	#f4f4f4;
		}

	div#navigation.allopen div.list_content
		{
		background-color:	#f4f4f4;
		top:			0px;
		left:			-4px;
		}

	div.list:hover div.list_title h4
		{
		background-color:	#ccf;
		}

	div.list:hover div.list_content
		{
		background-color:	#eeeef8;
		top:			0px;
		left:			-4px;
		}

	div.navSeg
		{
		margin: 		5px;
		padding: 		0px;
		border: 		0px;
		}

	div.navSeg h5
		{
		margin: 		0px;
		padding: 		0px;
		border: 		0px;
		
		font-size:		12px;
		line-height:	14px;
		}

	div.navSeg table td
		{
		vertical-align:	center;
		}

	div.navSeg li.indent
		{
		padding-left:	10px;
		text-indent:	-10px;
		}

	div.endlink
		{
		margin: 		0px;
		padding: 		0px;
		border: 		0px;

		text-align:		right;
		font-size:		10px;
		line-height:		12px;
		}
		
	img.menuimgt
		{
		width:			40px;
		height:			20px;
		}
	
	

/*-------------------------------*/
/* general content               */
/*-------------------------------*/

div#content
	{
	margin: 		0px;
	padding: 		5px;
	border: 		0px;

	min-height:		300px;
	}

div#content a
	{
	text-decoration:	none;
	color:			#2a8cd1;
	opacity:		0.7;
	}

div#content a:hover
	{
	color:			#333;
	opacity:		0.7;
	}

div#content div.centerbox
	{
	margin-top:		10%;
	text-align:		center;
	}

div#content td h5
	{
	margin:			2px;
	padding:		2px;
	}

/*-------------------------------*/
/* reviews                       */
/*-------------------------------*/

div#content h3
	{
	#padding:		4px;
	}

table th
	{
	padding:		4px;
	text-align:		left;
	}

table.reviews td,
table.awards td,
table.blog td,
table.events td
	{
	border-top: 	solid 1px #ddd;
	padding:		4px;
	}

table.reviews #col1{width: 10%;}
table.reviews #col2{width: 80%;}
table.reviews #col3{width: 10%;}
table.awards #col1{width: 10%;}
table.awards #col2{width: 162px;}
table.awards #col3{width: auto;}
table.awards #col4{width: 10%;}
table.blog #col1{width: 10%;}
table.blog #col2{width: 80%;}
table.blog #col3{width: 10%;}

table.reviews td,
table.awards td,
table.blog td
	{
	vertical-align:	top;
	}

table.reviews h3,
table.awards h3,
table.blog h3
	{
	margin:			10px 0px 10px 0px;
	border:			0px;
	padding:		0px;
	
	font-size:		14px;
	line-height:	16px;
	
	font-weight:	normal;
	}

table.reviews h4,
table.awards h4,
table.blog h4
	{
	margin:			10px 0px 10px 0px;
	border:			0px;
	padding:		0px;
	
	font-size:		10px;
	line-height:	16px;

	font-weight:	normal;

	text-align:		center;
	}

table.reviews div p,
table.blog div p
	{
	margin-left:	10%;
	margin-right:	10%;
	text-align:		justify;
	}

table.awards div p
	{
	margin-left:	5%;
	margin-right:	5%;
	text-align:		justify;
	}

table.events #col1{width: 8%;}
table.events #col2{width: 24%;}
table.events #col3{width: 68%;}

div.laurel
	{
	text-align:		center;
	font-size:		10px;
	line-height:	12px;
	}

table.laurel
	{
	display:		inline;
	margin:			0px -20px;
	}

table.laurel #l{width: 27px;}
table.laurel #c{width: 96px;}
table.laurel #r{width: 27px;}

table.laurel td
	{
	border:			0px;
	text-align:		center;
	font-size:		10px;
	line-height:	12px;
	}

img.laurel
	{
	width:			27px;
	height:			60px;
	behavior:		url(iepngfix.htc);
	}

img.laurel.left
	{
	position:		relative;
	left:			20px;
	}
img.laurel.right
	{
	position:		relative;
	left:			-20px;
	}
/*-------------------------------*/
/* films                         */
/*-------------------------------*/

div#filmstrip
	{
	display:		block;
	float:			left;

	margin-right: 		4px;
	margin-bottom:		10px;
	width:			192px;
	}

div#filmstrip img.imgt
	{
	position:		relative;
	top:			5px;
	width:			40px;
	height:			20px;
	z-index:		-500px;
	}

div#filmstrip li.containsthumb
	{
	padding-left:		44px;
	text-indent:		-44px;
	}


div#cinematorium
	{
	display:		block;
	float:			left;
	
	margin-left: 		4px;
	width:			590px;
	
	text-align:		center;
	}

div#cinematorium
	{
	margin-bottom:		20px;
	}