@charset "UTF-8";

* { margin: 0; padding: 0; outline: none; }

body
{
	font-family: Courier New;
	font-size: 12pt;
	background-color:  #FFFFFF;
	color: #939393;
}

a { color: #939393; text-decoration: none; }
a:hover { color: #000000; }
 
ul {
	padding: 0; margin: 0;
	font-family: Courier New, Courier;
	font-size: 13px;
	}
ul li {
	text-decoration: none;
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: inline;
	}

ul li span {
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	}
ul li span:hover {
	color: #939393;
	}
	 
ul li a {
	text-decoration: none;
	color: #939393; 
	}
ul li a:hover { 
	color: #000000; text-decoration: none;
	}
.Normal {
	color: #939393;
	}
.Hidden {
	color:  #FFFFFF;
	} 
.Current {
	color: #939393;
	}
	
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are set by the width of the internal elements */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: -3px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.6em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{ width: 11.6em; 
}
ul.MenuBarHorizontal ul li.Contact
{
	width: 11.6em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -10% 0 0 100%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid  #FFFFFF;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color:  #FFFFFF;
	padding: 0em 0em;
	color: #939393;
	text-decoration: none;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color:  #FFFFFF;
	color: #000000;
}
/* Menu items that are open with submenus */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible, ul.MenuBarHorizontal a.Active
{
	background-color:  #FFFFFF;
	color: #000000;
}

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

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

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

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

/** The Director **/

ul.MenuBarHorizontal .First {
	color: #000000;
	}
ul.MenuBarHorizontal .First:Hover {
	color: #000000;
	}
ul.MenuBarHorizontal span:hover {
	color: #939393;
	}
.Last {
	color: #939393;
	width: 25.2em;
	}
.Last:hover {
	color: #939393;
	}
li.Last {
	width: 250px;
	}
.Normal {
	color: #939393;
	}
.Normal:hover {
	color: #939393;
	cursor: pointer;
	}

#LayoutHolder
{
	margin: 60px auto;
	width: 740px;
	z-index: 4;
	position: relative;
}

#ContentHolder
{
	height: 404px;
	overflow: auto;
	margin-bottom: 20px;
	z-index: 4;
}
#ContactContent 
{
	position: absolute;
	left: 383px;
	top: 438px;
	font-size: 85%;
	z-index: 10000;
}
#ContactContent 
{
}
#ContactGraphic
{
	position: absolute;
	left: 500px;
	top: 220px;
}
#MenuHolder
{
	z-index: 4;
}
#DirectorText 
{
	position: absolute;
	left: 555px;
	top: 424px;
	font-size: 13px;
	color: #000000;
}
#Footer
{
	height: 20px;
	overflow: hidden;
	font-family: Courier New;
	font-size: 68%;
	z-index: 4;
	padding-top: 0px;
	top: 554px;
	width: 100%;
	position: absolute;
	text-align: right;
}

#Footer a#SiteBy
{
	vertical-align: middle;
	text-decoration: none;
	color: #939393;
}
#Footer a#SiteBy:hover { color: #000000; }

#HomePageContent
{
	height: 400px;
	width: 640px;
	margin: 0 0 0 110px;
	overflow: hidden;
	position: absolute;
}

#HomePageContent .PhotoHolder
{
	position: absolute;
	bottom: 0;
	right: 0;	
}

#HomePageContent span
{
	display: block;
	float: left;
	margin-right: 10px;
	vertical-align: baseline;
}

#HomePageContent img { display: block;
	vertical-align: baseline; }

#FilmPageContent { height: 404px; }

#FilmPageContent .LaunchClip
{
	text-align: right;
	line-height: 20px;
	height: 20px;
	margin-bottom: 13px;
	overflow: hidden;
	font-size: 85%;
}

#FilmPageContent .LaunchClip a { outline: none; }

#FilmPageContent .PhotoHolder
{
	height: 182px;
	width: 242px;
	float: left;
	margin: 0 7px 7px 0;
}

#FilmPageContent .Photo3,
#FilmPageContent .Photo6 { margin-right: 0; }

#FilmPageContent .Photo4,
#FilmPageContent .Photo5,
#FilmPageContent .Photo6 { margin-bottom: 0; }

#WatchFilmContent { margin-top: 34px; margin-left: 303px; }

#PhotographyContent
{
	height: 404px;
	width: 740px;
	overflow: hidden;
}

#PhotographyContent .PageNavigator { text-align: right; height: 20px; line-height: 20px; margin-bottom: 30px; }
#PhotographyContent .PageNavigator a.Active { color: #000000; }
#PhotographyContent .Photo { text-align: right; height: 350px; }

.PhotoHolder
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
.PhotoHolder span { display: inline-block; height: 100%; }
.PhotoHolder * { vertical-align: middle; }

body.Debug #LayoutHolder { background-color: Lime; }
body.Debug #ContentHolder { background-color: Fuchsia; }
body.Debug #MenuHolder { background-color: Aqua; }
body.Debug #MenuHolder h1 { background-color: Purple; }
body.Debug #MenuHolder h2 { background-color: Purple; }
body.Debug #MenuHolder #Menu { background-color: Purple; }
body.Debug #MenuHolder #Menu p { background-color: Olive; }
body.Debug #Footer { background-color: Orange; }
body.Debug #Footer a { background-color: Maroon; }
body.Debug #Footer a:hover { background-color: Yellow; }