/*******************************************************************************
* Global CSS Properties - appear in every page
* Copyright © 2009 by Andrew Y. Tan. All Rights Reserved.
*******************************************************************************/

body
	{margin: 0px; padding: 0px;
    background-color: #cccccc;
    background-image: url("../images/bg_tile.png"); background-repeat: repeat-x;
    font-family: "Verdana", Tahoma, Arial;
    text-align: center;}

a
	{color: #ff0000;
	text-decoration: none;}
a:hover
	{color: #800000;
	text-decoration: underline;}

.container
	{width: 960px; height: auto;
    margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px;
    background-color: transparent;}
	.header
		{width: inherit; height: 100px;
    	background-color: transparent;
		background-image: url("../images/banner_bg.png"); background-repeat: no-repeat;}
		.button
			{width: 60px; height: 60px;
			border: 1px solid #000000;
			margin: 0px;}
		.header_main
			{width: inherit; height: auto;
			background-color: transparent; background-image: url('../images/content_main.png');}
		.b_header
			{width: inherit; height: 38px;
    		font-size: 11px;
    		text-align: left;
    		background-color: transparent;
			background-image: url("../images/banner_bottom.png"); background-repeat: no-repeat;}
	.content
		{width: 100%; height: auto;
    	font-size: 13px;
    	text-align: left;
    	background-color: transparent;}
		.t_content
			{width: inherit; height: 20px;
			color: #ffffff; font-size: 15px; text-align: left; text-indent: 10px;
			background-color: transparent; background-image: url('../images/content_top.png');}
		.content_main
			{width: inherit; height: auto;
			background-color: transparent; background-image: url('../images/content_main.png');}
		.b_content
			{width: inherit; height: 28px;
			color: #ffffff; font-size: 12px; text-align: center;
			background-color: transparent; background-image: url('../images/content_bottom.png');}
	.footer
		{width: 100%; height: auto;
    	padding-top: 3px; padding-bottom: 3px;
   	 	font-size: 12px; color: #ffffff;
   	 	text-align: center; vertical-align: bottom;
   	 	background-color: #b22222;}

/* Filmstrip */
#filmstrip_container
	{width: 930px; height: 300px;
	overflow: hidden;
	position: relative;}
#filmstrip
	{height: 300px;
	position: absolute; top: 0px;}
.filmstrip_item
	{width: 930px; height: 300px;
	float: left;}