HTML, BODY
{
	margin:					0px;
	padding:				0px;
	background-color:		#D3D3D3;
}

IMG
{
	border:					0px;
}

#top
{
	background-image:		url('/images/top_back.gif');
	background-repeat:		repeat-x;
	background-position:	top left;
	height:					137px;
	overflow:				hidden;
}

#top2
{
	background-image:		url('/images/right_back.gif');
	background-position:	444px 0px;
	background-repeat:		no-repeat;
	height:					137px;
}

#logo
{
	float:					left;
	width:					279px;
	height:					137px;
}

#menu
{
	float:					left;
	width:					165px;
	height:					137px;
	overflow:				hidden;
	padding-top:			8px;
	background-image:		url('/images/menu_top.gif');
	background-repeat:		no-repeat;
	background-position:	top left;
}

#menu DIV
{
	width:					165px;
}

#menu DIV, #search_box_form, #search_box_form INPUT#search, #top_right FORM DIV
{
	font-family:			Verdana, Helvetica;
	font-size:				13px;
}

#menu DIV A, #menu DIV A:visited, #menu DIV A:active
{
	color:					#000000;
	text-decoration:		none;
	padding-left:			20px;
}

#menu DIV, #search_box_inner
{
	font-weight:			bold;
	vertical-align:			middle;
	display:				table;
/*	position:				relative; */
}

#menu DIV A, #menu DIV A:visited, #menu DIV A:active, #search_box_form
{
	display:				table-cell;
	vertical-align:			middle;
/*	position:				absolute;
	top:					25%; */
}

#menu DIV.selected A, #menu DIV.selected A:visited, #menu DIV.selected A:active,
#menu DIV A:hover
{
	color:					#6699FF;
}

#menu #films
{
	background-image:		url('/images/films.gif');
	background-position:	top left;
	background-repeat:		no-repeat;
	height:					32px;
}

#menu #films.selected, #menu #about.selected
{
	background-image:		url('/images/films_selected.gif');
}

#menu #doc
{
	background-image:		url('/images/documentation.gif');
	background-position:	top left;
	background-repeat:		no-repeat;
	height:					34px;
}

#menu #doc.selected
{
	background-image:		url('/images/documentation_selected.gif');
}

#menu #about
{
	background-image:		url('/images/about.gif');
	background-position:	top left;
	background-repeat:		no-repeat;
	height:					32px;
}

#menu #forum
{
	background-image:		url('/images/forum.gif');
	background-position:	top left;
	background-repeat:		no-repeat;
	height:					31px;
}

#menu #forum.selected
{
	background-image:		url('/images/forum_selected.gif');
}

#top_right
{
	text-align:				right;
	height:					137px;
}

#top_right FORM, #search_box FORM
{
	margin:					0px;
	padding:				0px;
}

#top_right FORM
{
	padding-top:			31px;
	height:					137px;
}

#top_right #form
{
	float:					right;
	padding-right:			10px;
}

#top_right #select
{
	padding-bottom:			5px;
}

#top_right #select SELECT
{
	height:					20px;
	border:					1px solid #C0C0C0;
}

#top_right #select #label
{
	width:					170px;
	text-align:				left;
	float:					left;
}

#top_right FORM DIV
{
	font-weight:			bold;
}

#header
{
	background-image:		url('/images/menu_bottom.gif');
	background-repeat:		repeat-x;
	background-position:	top left;
	width:					100%;
	height:					33px;
	overflow:				hidden;
}

#menu_bottom
{
	background-image:		url('/images/logo_bottom.gif');
	width:					279px;
	height:					33px;
	float:					left;
}

#search_box_outer
{
	float:					right;
	margin-right:		 	25px;
	background-image:		url('/images/search_middle.gif');
	background-repeat:		repeat-x;
	background-position:	top left;
	width:					380px;
	height:					33px;
}

#search_box
{
	background-image:		url('/images/search_left.gif');
	background-repeat:		no-repeat;
	background-position:	top left;
	width:					380px;
	height:					33px;
}

#search_box_inner
{
	background-image:		url('/images/search_right.gif');
	background-repeat:		no-repeat;
	background-position:	top right;
	width:					380px;
	height:					33px;
}

#search_box_form FORM
{
	margin-left:			15px;
	margin-right:			15px;
	width:					350px;
	height:					22px;
}

#search_box_form DIV
{
	padding-top:			2px;
}

#search_box_form INPUT#search
{
	width:					150px;
	height:					22px;
	margin-right:			10px;
	border:					1px solid #C0C0C0;
	background-color:		#FFFFFF;
	font-weight:			normal;
	float:					right;
}

#search_box_form INPUT#button
{
	display:				inline;
	float:					right;
	background-image:		url('/images/search_button.gif');
	background-repeat:		no-repeat;
	background-position:	middle center;
	font-family:			Verdana, Helvetica;
	font-size:				12px;
	font-weight:			normal;
	color:					#FFFFFF;
	width:					58px;
	height:					22px;
	border:					0px;
	cursor:					pointer;
	margin:					0px;
	padding:				0px;
}

#main_outer
{
	background-color:		#FFFFFF;
}

#main
{
	margin-left:			10px;
	margin-right:			10px;
	padding-top:			10px;
	padding-bottom:			10px;
}

#main TH
{
	background-color:		#E0E0FF;
}

#main P
{
	text-align:				justify;
}

#refs
{
	margin-top:				5px;
	border-top:				1px solid black;
}

#refs P
{
	font-size:				10pt;
}

H3
{
	border-bottom:			2px solid #C0C030;
}

H3 DIV.nav
{
	font-size:				9pt;
}

PRE
{
	background-color:		#E0FFE0;
	border:					1px solid black;
	margin:					0px;
	padding:				5px;
}

#footer
{
	background-image:		url('/images/bottom_back.gif');
	background-repeat:		repeat-x;
	background-position:	top left;
	font-family:			Verdana;
	font-size:				12px;
	font-weight:			normal;
	height:					25px;
}

#footer_inner, #footer_inner2
{
	background-image:		url('/images/bottom_middle.gif');
	background-repeat:		repeat-x;
	background-position:	top left;
}

#footer_inner
{
	margin-left:			30px;
	width:					350px;
}

#footer_inner2
{
	margin-right:			30px;
	width:					150px;
	float:					right;
}

#footer_left
{
	background-image:		url('/images/bottom_left.gif');
	background-repeat:		no-repeat;
	background-position:	top left;
}

#footer_right
{
	background-image:		url('/images/bottom_right.gif');
	background-repeat:		no-repeat;
	background-position:	top right;
}

#footer_body
{
	padding-left:			15px;
	padding-right:			15px;
	padding-top:			5px;
}

#footer_body IMG
{
	float:					left;
}

#total_films
{
	background-image:		url('/images/total_films_middle.gif');
	background-repeat:		repeat-x;
	background-position:	top left;
	width:					180px;
	margin-left:			47px;
	height:					18px;
	margin-top:				11px;
	font-family:			Tahoma;
	font-size:				14px;
	font-weight:			bold;
	overflow:				hidden;
}

#total_films_left
{
	background-image:		url('/images/total_films_left.gif');
	background-repeat:		no-repeat;
	background-position:	top left;
	width:					180px;
	height:					18px;
}

#total_films_right
{
	background-image:		url('/images/total_films_right.gif');
	background-repeat:		no-repeat;
	background-position:	top right;
	width:					180px;
	height:					18px;
	text-align:				center;
	padding-top:			2px;
	color:					#0066CC;
}

#total_films_right B
{
	color:					#000000;
}

#mediainfo TD
{
	font-family:			Verdana;
	font-size:				12px;
}

#mediainfo A, #mediainfo A:active, #mediainfo A:visited
{
	color:					#0066CC;
}

#mediainfo TD.first
{	
	border-bottom:			1px solid #DFDFDF;
	color:					#666666;
	width:					170px;
	vertical-align:			top;
	padding-left:			20px;
}

#mediainfo TD.second
{	
	border-bottom:			1px solid #E9E9E9;
	vertical-align:			bottom;
}

#filmtitle
{
	margin:					0px;
	padding-bottom:			10px;
	padding-top:			0px;
	font-family:			Verdana;
	font-size:				20px;
	font-weight:			normal;
	color:					#666666;
}

#site_map
{
	align:					center;
}

#site_map TD
{
	padding:				30px;
}

#site_map A, #site_map A:active, #site_map A:visited
{
	text-decoration:		underline;
	font-weight:			bold;
	color:					#000000;
}

#site_map A.lang_link
{
	text-decoration:		none;
	font-weight:			normal;
}

#site_map A.lang_link:hover
{
	text-decoration:		underline;
}


/* SCREENSHOTS *********************/

#screenshots_view
{
    position: relative;
	white-space: nowrap;
	overflow: visible;
}

#screenshots_scroller
{
  	overflow: hidden;
	width: 663px;
  	float: left;
}

#screenshots
{
  	height: 173px;
  	width: 723px;
}

#screenshots .button
{
  	width: 30px;
  	background-color: #C0C0C0;
	height: 173px;
 	text-align: center;
  	line-height: 173px;
  	cursor: ew-resize;
  	float: left;
}

#screenshots IMG
{
  	display: inline;
  	margin-right: 5px;
}

/***********************************/

TABLE
{
/*	border-collapse:        collapse; */
}

TR.normal
{
	cursor:					pointer;
}

TR.selected
{
	cursor:					pointer;
	background-color:		#FFFF99;
}

#pager
{
	padding-bottom:			5px;
	padding-top:			5px;
	font-weight:			bold;
}

#pager A, #pager A:visited
{
	color:					#0000F0;
	text-decoration:		none;
}

#pager A:hover
{
	color:					#0000FF;
}