/*---------------------------------Top Level----------------------------------*/

html, body {
	margin: 0; padding: 0;
	width: 100%;
}

html {
	height: 100%;
	background-color: #797979;
	background-image: url(/images/content/background_gradient.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

body {
	display: block; position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	min-width: 940px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 1.25;
	color: #CCC;
	background-image: url(/images/content/silhouettes/pw_silhouette.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: fixed;
}

/*---------------------------------Basic Tags---------------------------------*/

p {
	width: 579px;
	margin: 14px 9px;
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

ul, ol {}
li {}

a {
	color: #FFF;
}
a:link {}
a:visited {}
a:hover {}
a:active {}

a {
	border: 0 none; outline: 0 none;
}

div {
	display: block; position: relative;
	margin: 0; padding: 0;
	clear: both;
	background:#000000;
}

img {
	border: 0 none;
	margin: 0; padding: 0;
}
a img {
	border: 0 none;
}

object, embed, iframe {
	display: block; position: relative;
	margin: 0; padding: 0;
}

blockquote {
	margin: 0; padding: 0;
	font-size: 1.4em;
	font-style: italic;
}

/*-----------------------------------Header-----------------------------------*/

.header {
}

.header .root {
	display: block; position: absolute;
	top: 10px; right: 0;
	z-index: 99;
}
	.header .root li {
		display: block; position: relative;
		margin: 0 10px 0 0; padding: 0;
		float: left;
	}
	.header .root li#top_nav_films {
		margin-right: 40px;
	}
		.header .root li a {
			display: block; position: relative;
			padding: 4px 7px;
			margin: 0 0 21px 0;
			background-color: #DDD;
			color: #000;
			font-weight: normal;
			text-decoration: none;
			text-transform: uppercase;
		}
		.header .root li.active a, .header .root li a:hover {
			
		}

		.header .root li.active a {
			font-style: normal;
			color: #DDD;
			background-color: #000;
			margin-top: 27px;
		}

	.header .top {
		display: block; position: relative;
		height: 6px;
		padding: 20px 37px;
		list-style: none outside;
		clear: both;
		font-size: 1.25em;
		border-bottom: 3px solid #000;
	}
		.header .top li {
			display: block; position: relative;
			margin: 0 10px 0 0; padding: 0;
			float: left;
		}
		.header .top li#top_nav_films {
			margin-right: 40px;
		}
			.header .top li a {
				display: block; position: relative;
				padding: 4px 7px;
				margin: 0 0 21px 0;
				background-color: #DDD;
				color: #000;
				font-weight: normal;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
			}
			.header .top li.active a, .header .top li a:hover {
				
			}

			.header .top li.active a {
				font-style: normal;
				color: #DDD;
				background-color: #000;
				margin-top: 27px;
			}
			
	.header .poster {
		display: block; position: relative;
		margin: 0; padding: 0;
		padding: 0 37px 0;
		list-style: none outside;
		clear: both;
		border-top: 3px solid #000;
	}
		.header .poster li {
			display: block; position: relative;
			margin: 0; padding: 0;
			margin-right: 10px;
			float: left;
		}
			.header .poster li a {
				display: block; position: relative;
				padding: 0 3px 3px;
				margin: 0;
				background-color: #000;
				color: #CCC;
				font-weight: normal;
				text-decoration: none;
			}
				.header .poster li a img {
					display: block; position: relative;
				}
				.header .poster li a .name {
					display: none; position: relative;
				}
			.header .poster li.active a, .header .poster li a:hover {
				background-color: #666;
			}

			.header .poster li.active a {
				padding-top: 3px;
				margin-top: 10px;
				font-style: normal;
			}

/*------------------------------------Body------------------------------------*/

.body {
	padding: 20px 37px;
}

/*-------------------------------Page Not Found-------------------------------*/

.page_not_found {
	background-image: url(/images/content/object_bg.png);
	margin-right: 1px; margin-bottom: 1px;
	float: left;
	clear: left;
}
	.page_not_found p {
		width: auto;
	}

/*----------------------------------Body Nav----------------------------------*/

.body .nav {
	display: block; position: relative;
	width: 603px; height: auto;
	margin: 0; padding: 0;
	float: left;
	clear: both;
	font-size: 1em;
}

.body .second_level {
	font-size: 1.25em;
}

.body .nav ul {
	display: block; position: relative;
	margin: 0; padding: 0;
	list-style: none outside;
}

.body .nav li {
	display: block; position: relative;
	margin: 0; padding: 0;
	float: left;
}

.body .nav li a {
	display: block; position: relative;
	padding: 4px 7px;
	margin: 0 1px 1px 0;
	background-image: url(/images/content/object_bg.png);
	color: #CCC;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
}

.body .nav li.active a, .body .nav li a:hover {
	background-image: url(/images/content/object_bg_light.png);
	color: #FFF;
}

.body .nav li.active a {
	font-style: normal;
}

/*----------------------------------Content-----------------------------------*/

.content {
	display: block; position: relative;
	clear: both;
}

/*----------------------------------Article-----------------------------------*/

.article {
	background-image: url(/images/content/object_bg.png);
	margin-right: 1px;
	float: left;
	clear: left;
}

/*----------------------------------Sidebar-----------------------------------*/

.sidebar {
	float: left;
	clear: none;
}

.dummy_award {
	width: 95px; height: 50px;
}

/*---------------------------------Components---------------------------------*/

.component {
	padding: 3px;
	float: left;
}

.component_downloads {
	width: 600px;
	margin-right: -3px; margin-bottom: -3px;
}

.component_secondary_text {
	padding: 3px;
	width: 185px;
	margin-bottom: 1px;
	background-image: url(/images/content/object_bg_light.png);
}
	.component_secondary_text p {
		width: auto; height: auto;
	}
	.component_secondary_text p img {
		display: block; position: relative;
		margin-left: -9px; margin-top: -14px;
	}

.component_awards {
	padding: 0;
	width: 192px;
	background-image: none;
	padding: 0; margin: 0;
}
	.award {
		display: block; position: relative;
		width: 95px; height: 50px;
		float: left; clear: none;
		background-image: url(/images/content/object_bg_light.png);
		margin: 0 1px 1px 0; padding: 0;
		text-align: center;
	}
	.wide {
		width: 191px;
	}
	.tall {
		height: 101px;
	}
		.award img {
			display: inline-block; position: relative;
			margin: 0; padding: 0;
		}

.awards_container {
	padding: 0;
	width: 192px;
	background-image: none;
	padding: 0; margin: 0;
	float: left;
	margin-bottom: 1px;
	overflow: hidden;
}

.awards_page {
	display: block; position: absolute;
	top: 0; left: 0;
	padding: 0;
	width: 192px;
	background-image: none;
	padding: 0; margin: 0;
	float: left;
}

.award_wrapper {
	display: block; position: relative;
	width: 96px; height: 101px;
	float: left; clear: none;
	margin: 0; padding: 0;
	text-align: center;
	overflow: hidden;
}

/*-----------------------------------Pager------------------------------------*/

.page_container {
	overflow: hidden;
}
	.spread {
		position: absolute;
		top: 0;
	}
		.spread .image {
			display: block; position: absolute;
			top: 0; left: 0;
			text-align: center;
		}

.pager_controls {
	display: block; position: absolute;
	width: 100%;
	bottom: 6px;
	text-align: center;
}

	.prevnext {
		display: block; position: absolute;
		bottom: 0;
		width: 34px; height: 1px;
		padding-top: 27px;
		overflow: hidden;
	}
	.next {
		background-image: url(/images/content/pager_next.png);
		right: 9px;
	}
	.next:hover {
		background-image: url(/images/content/pager_next_hover.png);
	}
	.prev {
		background-image: url(/images/content/pager_prev.png);
		left: 3px;
	}
	.prev:hover {
		background-image: url(/images/content/pager_prev_hover.png);
	}
	.page_button {
		display: -moz-inline-stack;
		display: inline-block;
		zoom: 1;
		*display: inline;
		position: relative;
		bottom: 0;
		margin-right: 1px;
		padding: 4px 7px;
		background-image: url(/images/content/pager_button_bg.png);
		color: #CCC;
		font-style: italic;
		font-size: 1.25em;
		font-weight: normal;
		text-decoration: none;
	}
	.page_button:hover, .page_button_active {
		background-image: url(/images/content/pager_button_hover_bg.png);
		color: #FFF;
	} 
	.page_button_active {
		font-style: normal;
	}
	.pager_controls .disabled {
		display: none;
	}

/*-----------------------------------Footer-----------------------------------*/

.footer {
	margin: 0; padding: 0;
	height: 50px;
	clear: both;
}

/*-----------------------------------Shadow-----------------------------------*/

.shadow {
	display: block; position: absolute;
	margin: 0; padding: 0;
	width: auto; height: auto;
	top: 6px; bottom: -11px;
	left: -7px; right: 3px;
	overflow: visible;
}
	
	.shadow table {
		width: 100%; height: 100%;
		margin: 0; padding: 0;
		table-layout: fixed;
		border-collapse: collapse;
		font-size: 1px;
	}
		.shadow tr {
		}
		.shadow td {
			margin: 0; padding: 0;
			font-size: 1px; line-height: 1px;
			overflow: hidden;
		}
		
		.shadow .nw {
			width: 8px; height: 8px;
			background-image: url(/images/content/shadow.nw.png);
		}
		.shadow .n {
			width: auto; height: 8px;
			background-image: url(/images/content/shadow.n.png);
		}
		.shadow .ne {
			width: 8px; height: 8px;
			background-image: url(/images/content/shadow.ne.png);
		}
		
		.shadow .w {
			width: 8px; height: 100%;
			background-image: url(/images/content/shadow.w.png);
		}
		.shadow .c {
			width: 100%; height: 100%;
			background-image: url(/images/content/shadow.c.png);
		}
		.shadow .e {
			width: 8px; height: 100%;
			background-image: url(/images/content/shadow.e.png);
		}
		
		.shadow .sw {
			width: 8px; height: 8px;
			background-image: url(/images/content/shadow.sw.png);
		}
		.shadow .s {
			width: auto; height: 8px;
			background-image: url(/images/content/shadow.s.png);
		}
		.shadow .se {
			width: 8px; height: 8px;
			background-image: url(/images/content/shadow.se.png);
		}
	
/*----------------------------------Preload-----------------------------------*/

.preload {
	display: block; position: relative;
	overflow: hidden;
	width: 0px; height: 0px;
}

/*-------------------------------Fixed Buttons--------------------------------*/

.fixed_buttons {
	display: block; position: absolute;
	clear: both;
	margin: 0; padding: 0;
	bottom: 0; left: 0;
	width: 100%; height: 1.5em;
	overflow: hidden;
}

.button_wrapper {
	display: block; position: absolute;
	margin: 0; padding: 0;
	bottom: 0;
}

.fixed_buttons a {
	display: block; position: relative;
	margin: 0; padding: 0;
	font-size: 0.83em; line-height: 1.2;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #DDD;
	color: #111;
	text-decoration: none;
	padding: 2px 3px;
	white-space: nowrap;
}

.fixed_buttons a:hover {
	background-color: #222;
	color: #CCC;
}

/*-------------------------------Depth Stacking-------------------------------*/

.body {
	z-index: 1;
}
	.nav {
		z-index: 1;
	}
	.content {
		z-index: 2;
	}
		.article {
			z-index: 2;
		}
		.sidebar {
			z-index: 1;
		}
.fixed_buttons {
	z-index: 2;
}

/*---------------------------------Downloads----------------------------------*/

.download {
	display: block; position: relative;
	margin: 0 3px 3px 0; padding: 0;
	width: 197px; height: auto;
	float: left;
	clear: none;
}
	.download a {
		display: block; position: relative;
		margin: 0; padding: 0;
		text-decoration: none;
	}
		.download_header {
			display: block; position: relative;
			margin: 0; padding: 6px;
			background-color: #2E2E2E;
			color: #FFF;
			z-index: 2;
			font-style: italic;
		}
		.download_img {
			display: block; position: relative;
			margin: 0; padding: 0;
			width: 197px; height: 170px;
			background-color: #CCC;
			z-index: 1;
		}
			.download_img img {
				display: block; position: relative;
				margin: 0; padding: 0;
			}
		.download_caption {
			display: block; position: absolute;
			margin: 0; padding: 0;
			top: 28px; left: 0;
			width: 147px;
			z-index: 3;
		}
			.download_caption .caption_inner {
				display: block; position: relative;
				margin: 0; padding: 6px;
				background-color: #2E2E2E;
				color: #FFF;
				float: left;
			}
			.download a:hover .download_header,
			.download a:hover .download_caption .caption_inner {
				background-color: #5A5A5A;
			}

/*-----------------------------------Forms------------------------------------*/

.component form {
	margin: 9px 9px;
}

