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

/********************************************************
	*
	* Common Style
	*
********************************************************/
h1 {
	position: absolute;
	z-index: 2;
	top: 20px;
	left: 43px;
	color: #fff;

	}
	h1 span {
		position: absolute;
		z-index: 3;
		top: 0px;
		left: 0px;
		width: 409px;
		height: 56px;	
		background-image: url(images/twoBellsH1.jpg);	

		}
hr {
	display: none;

	}
p {
	position: relative;
	z-index: 1;
	padding: 1em 0px;
	font-size: 0.86em;
	line-height: 1.8em;
	
	}
ul, ol {
	position: relative;
	z-index: 1;
	font-size: 0.86em;
	line-height: 1.8em

	}
	ul li ul {
		font-size: 0.95em

		}
.highlight {
	color: #FFC600;

	}

/********************************************************
	*
	* Body and Container elements
	*
********************************************************/

body {
	z-index: 0;
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #111;
	text-align: center;
	background-image: url(images/background.jpg);
	background-color: #777;
	
	}
	#container {
		position: relative;
		z-index: 1;
		float: none;
		margin-right: auto;
		margin-left: auto;
		margin-top: 60px;
		margin-bottom: 70px;
		width: 900px;
		text-align: left;
		background-image: url(images/containerBg.jpg);
		background-repeat: repeat-y;
		
		}
		#container #containerTop {
			position: absolute;
			z-index: 2;
			top: -51px;
			left: 0px;
			width: 900px;
			height: 51px;
			background-image: url(images/containerTop.jpg);
			background-repeat: no-repeat;
	
			}
		#container #containerBottom {
			position: relative;
			z-index: 2;
			display: block;
			width: 900px;
			height: 51px;
			background-image: url(images/containerBottom.jpg);
			background-repeat: no-repeat;
	
			}
	
/********************************************************
	*
	* Header
	*
********************************************************/

#container #header {
	position: relative;
	z-index: 1;
	width: 900px;
	height: 134px;
	left: 0px;

	}
	#header #headerMenu {
		position: absolute;
		z-index: 4;
		top: 21px;
		left: 600px;
		color: #ccc;
		font-size: 0.6em;

		}
		#headerMenu li {
			list-style: none;

			}
			#homeLink a span, #aboutUsLink a span, #shortFilmsLink a span, #featureFilmsLink a span {
				position: absolute;
				z-index: 10;
				top: 0px;
				left: 0px;
				background-position: 0px 0px;
				cursor: pointer;
				}
		#headerMenu #homeLink { 
			position: absolute; 
			top: 0px; 
			left: 0px; 
				
			}
			#homeLink a span {
				width: 64px;
				height: 32px;
				background-image: url(images/homeLink.jpg);

				}
		#headerMenu #aboutUsLink { 
			position: absolute; 
			top: 32px; 
			left: 0px;
				
			}
			#aboutUsLink a span {
				width: 102px;
				height: 32px;
				background-image: url(images/aboutUsLink.jpg);

				}
		#headerMenu #shortFilmsLink { 
			position: absolute; 
			top: -2px; 
			left: 110px; 

			}
			#shortFilmsLink a span {
				width: 132px;
				height: 34px;
				background-image: url(images/shortFilmsLink.jpg);

				}
		#headerMenu #featureFilmsLink { 
			position: absolute; 
			top: 32px; 
			left: 110px; 

			}
			#featureFilmsLink a span {
				position: absolute;
				z-index: 10;
				top: 0px;
				left: 0px;
				width: 147px;
				height: 34px;
				background-image: url(images/featureFilmsLink.jpg);

				}

/********************************************************
	*
	* content
	*
********************************************************/
#container #content {
	position: relative;
	z-index: 1;
	float: left;
	margin: 367px 0px 50px 27px;
	width: 703px;		
	background-image: url(images/contentBg.png);
	background-repeat: repeat-y;

	}
	#content #contentTop {
		position: absolute;
		z-index: -1;
		top: -48px;
		left: 0px;
		width: 703px;
		height: 48px;
		background-image: url(images/contentTop.png);
		
		}
	#content #contentBottom {
		position: absolute;
		z-index: -1;
		bottom: -62px;
		left: 0px;
		width: 703px;
		height: 62px;
		background-image: url(images/contentBottom.png);
		
		}

/********************************************************
	*
	* mainContent
	*
********************************************************/

#content #mainContent {
	position: relative;
	z-index: 5;
	float: left;
	padding: 0px 20px 0px 40px;
	width: 477px;

	}
	#mainContent h2 {
		position: relative;
		z-index: 5;
		margin: -31px 0px 1em 0px;
		}
		#mainContent  h2 span {
			position: absolute;
			z-index: 7;
			top: 0px;
			left: 0px;
			background-repeat: no-repeat;	

			}
	#mainContent h3 {
		position: relative;
		z-index: 10;
		top: 0.6em;
		margin: 0px 0px 0.3em 20px;
		font-size: 1em;

		}
	#mainContent h5 {
		margin-top: 1.2em;
		margin-left: 20px;
		font-size: 0.86em;

		}
	#mainContent h6 {
		margin-left: 20px;
		font-size: 0.8em;

		}
	#mainContent p, #mainContent ul, #mainContent ol {
		margin-left: 20px;

		}
		#mainContent ul li, #mainContent ol li {
			margin-left: 20px;
	
			}
	#mainContent img {
		margin: 20px;
		border: none;	

		}
	.listStyleNone {
		list-style: none;

		}

	/* -- mainImageContainer + children -- */
	#mainContent #mainImageContainer {
		position: absolute;
		z-index: 4;
		top: -405px;
		left: -3px;
		width: 852px;
		height: 359px;

		}
		#mainImageContainer img {
			position: relative;
			top: 28px;
			left: 25px;
			margin: 0px;
			width: 800px;
			height: 301px;			

			}
		#mainImageContainer #miBorderTop {
			position: absolute;
			z-index: 10;
			top: 0px;
			left: 0px;
			width: 852px;
			height: 54px;
			background-image: url(images/miBorderTop.png);		

			}
		#mainImageContainer #miBorderBottom {
			position: absolute;
			z-index: 10;
			bottom: 0px;
			left: 0px;
			width: 852px;
			height: 58px;
			background-image: url(images/miBorderBottom.png);		

			}
		#mainImageContainer #miBorderLeft {
			position: absolute;
			z-index: 10;
			top: 54px;
			left: 0px;
			width: 53px;
			height: 247px;
			background-image: url(images/miBorderLeft.png);		

			}
		#mainImageContainer #miBorderRight {
			position: absolute;
			z-index: 10;
			top: 54px;
			right: 0px;
			width: 53px;
			height: 247px;
			background-image: url(images/miBorderRight.png);		

			}

	/* -- mainContent Table + children -- */
	#mainContent table {
		position: relative;
		margin: 0px 0px 20px 20px;
		width: 447px;
		}
		#mainContent table td {
			width: 150px;
			height: 150px;
			overflow: hidden;	

			}
			#mainContent table td img{
				width: 150px;
				height: 150px;
				overflow: hidden;
				border: 2px solid #000;		

				}

	#mainContent #credits table {
		margin: 0.5em 0px 20px 20px;
		width: 100%;

		}
		#credits table td {
			padding: 0.5em 0px;
			width: auto;
			height: auto;
			font-size: 0.86em;

			}

	#flashDiv {
		position: relative;
		margin: 20px 0px 0px 20px;

		}
	.subSection {
		padding-top: 2em;

		}
	.subSectionMenu {
		margin: 2em 0px 0px 0px;

		}

/********************************************************
	*
	* sideContent
	*
********************************************************/

#content #sideContent {
	position: relative;
	z-index: 10;
	float: right;
	margin: -15px 15px 0px 0px;
	width: 129px;

	}
	#sideContent #subMenu, #filmMenu ul {
		position: relative;
		z-index: 10;
		margin: 0px 0px 20px 0px;
		width: 117px;

		}
	#sideContent #subMenu {
		padding-right: 0px;

		}
		#subMenu li {
			padding: 0.4em 0px;
			list-style: none;

			}

/********************************************************
	*
	* filmMenu
	*
********************************************************/

#container #filmMenu {
	position: relative;
	z-index: 10;
	float: right;
	margin: 351px 26px 20px 0px;
	width: 129px;

	}
	#filmMenu ul li {
		padding: 0.4em 0px;
		list-style: none;
	
		}
	#filmMenu h4 {
		color: #fff;
		font-size: 1em;

		}

/********************************************************
	*
	* Footer
	*
********************************************************/

#container #footer {
	position: relative;
	clear: both;
	z-index: 11;
	margin: 10px 0px 0px 15px;
	padding-top: 30px;
	width: 860px;
	height: 50px;
	color: #FAEEBF;
	font-size: 0.86em;
	text-align: center;

	}
	#footer #contactDetails {
		position: relative;	
		font-size: 1em;

		}
		#contactDetails li {
			display: inline;
			padding: 0px 1em;
			

			}
	#footer #topLink {
		position: relative;
		float: right;
		bottom: 10px;
		right: 37px;

		}

/********************************************************
	*
	* Links
	*
********************************************************/

a:link {
	color: #fff;
	text-decoration: none;

	}
a:visited {
	color: #ccc;
	text-decoration: none;

	}
a:hover {
	color: #FAEEBF;
	text-decoration: none;
	border-bottom: solid 1px #FAEEBF;

	}
a:active {
	color: #FAEEBF;
	text-decoration: none;
	background-color: #111;

	}
a:focus {
	color: #FAEEBF;
	background-color: #111;

	} 

/* -- headerMenu links & footer links-- */
#header #headerMenu a:link, #footer a:link, #header #headerMenu a:visited, #footer a:visited  {
	color: #FAEEBF;
	text-decoration: none;

	}
#header #headerMenu a:hover, #footer a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: solid 1px #fff;

	}
#header #headerMenu a:active, #footer a:active, #header #headerMenu a:focus, #footer a:focus {
	color: #fff;
	text-decoration: none;

	}

/* -- headerMenu links -- */
#homeLink a span:hover, #homeLink a span:active, #aboutUsLink a span:hover, #aboutUsLink a span:active, #shortFilmsLink a span:hover, #shortFilmsLink a span:active, #featureFilmsLink a span:hover, #featureFilmsLink a span:active {
	position: absolute;
	z-index: 10;

	}

#homeLink a span:hover  {
	background-image: url(images/homeLink.jpg);
	background-position: 0px -32px;

	}
#homeLink a span:active {
	background-image: url(images/homeLink.jpg);
	background-position: 0px -64px;

	}
#aboutUsLink a span:hover {
	background-image: url(images/aboutUsLink.jpg);
	background-position: 0px -32px;

	}
#aboutUsLink a span:active {
	background-image: url(images/aboutUsLink.jpg);
	background-position: 0px -64px;

	}
#shortFilmsLink a span:hover {
	background-image: url(images/shortFilmsLink.jpg);
	background-position: 0px -34px;

	}
#shortFilmsLink a span:active {
	background-image: url(images/shortFilmsLink.jpg);
	background-position: 0px -68px;

	}
#featureFilmsLink a span:hover {
	background-image: url(images/featureFilmsLink.jpg);
	background-position: 0px -34px;

	}
#featureFilmsLink a span:active {
	background-image: url(images/featureFilmsLink.jpg);
	background-position: 0px -68px;

	}

/* -- content links -- */
#content a:link, #content a:visited  {
	color: #372522;
	text-decoration: none;

	}
#content a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: solid 1px #fff;

	}
#content a:active {
	color: #fff;
	text-decoration: none;
	background-color: #372522;

	}
#content a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #372522;

	}