/**************************
darkgrey: 717275
lightgrey: cccccc
darkblue: 113661 
blue: 0084bd
green: 519ea0
**************************/

*
{
	border: 0;
	margin:0;
	padding:0
	}
body
{
/*	background: transparent url(/images/YourSeries-logo-bg.jpg) no-repeat center 40em;*/
	text-align: center;
	}
	#topBar
	{
		background: #000 url(/images/topBar-bg.png) repeat-x bottom left;
		padding: 1em 0;
		float: left;
		width: 100%;
		}
	#helpBar
	{
		border-top: 1px solid #000;
		border-bottom: 1px solid #ccc;
		font: 16px/28px Helvetica, Arial;
		color: #717275;
		background: #eee url(/images/helpBar-bg.png) repeat-x top left;
		clear: left;
		float: left;
		width: 100%;
		}
		#helpBar img
		{
			top: 2px;
			position: relative;
			}
		#helpBar a
		{
			display: inline-block;
			}
	#container
	{
		margin: 0 auto; 
		font-size: 62%; /* 62.5% gives issues with Javascript resize */ 
		}
		#menu 
		{
			background: #eee url(/images/box_grey-bg.png) repeat-y left top;
			letter-spacing: 0.1em;
			clear: left;
			margin: 0 auto;
			margin-top: 3.2em;
			width: 70em;
			}
			#menu a
			{
				text-decoration: none;
				}
			#menu ul 
			{
				text-align: center;
				margin: 0;
				padding-left: 1em;
				}
				#menu li 
				{
					color: #717275; 
					display: inline; 
					font: 1.8em/2.78em Georgia; /* ((2 * 1.6 + 1.8) /1.8) */
					}
					#menu a.active
					{
						border-bottom: 1px dashed #717275;
						}
		#body 
		{
			margin: 0 auto; 
			clear: left;
			width: 70em;
			text-align: justify;
			}
		#widebody 
		{
			margin: 0 auto; 
			clear: left;
			width: 80em;
			text-align: justify;
			}
			#iniDesc 
			{
				color: #ccc;
				font: 1.8em/2em Georgia;
				background: #000 url(/images/box_blue-bg.png) repeat-y left top;
				margin-bottom: 1.78em; /* (=(1.6/1.8) * 2) */
				}
				#iniDesc p 	
				{
	 				padding: 0.56em  0.56em 0.56em 1.11em;
					margin-bottom: 0;
					}
			#extDesc 
			{
				font: 1.6em/1.5em Helvetica, Arial;
				}
			div.gutter 
			{
				color: #717275;
				font: 1.125em/2em Georgia;	
				background: #eee url(/images/box_grey-bg.png) repeat-y left top;
				margin: 0.89em 0 0.89em 0; /* (=(1.6/1.8) * 2) */
				}
				div.gutter p
				{
					padding: 0.56em  0.56em 0.56em 1.11em;
					margin-bottom: 0;
					}
				div.footer
				{
					margin-top: 1.78em !important;
					}
			div.note 
			{
				color: #ccc;
				font: 1.125em/1.5em Georgia;
				background: #000 url(/images/box_yellow-bg.png) repeat-y left top;
				margin: 1.78em 0 0.89em 0; /* (=(1.6/1.8) * 2) */
				}
				div.note input { font: 0.9em Helvetica, Arial; padding: 0.1em; }
				div.note input.submit { font: 0.9em Georgia; padding: 0em; }
				div.note p
				{
					padding: 0.56em  0.56em 0 1.11em;
					margin-bottom: 0;
					}
				div.note p.funnel { margin-bottom: 0.56em; }
		#footer 
		{
			width: 100%;
			float: left;
			clear: both;
			border-top: 1px solid #aaa;
			font: 1.6em/1.5em Georgia;
			margin-top: 2em;
			padding: 1em 0;
			color: #717275;
			text-align: center;
			}

h1 
{
	color: #333; 
	font: 3em Georgia; 
	text-transform: uppercase; 
	letter-spacing: 0.2em; 
	line-height: 3.13em; /* ((3.2 * 2 + 3)/3) */
	text-align:center;
	}

h2
{
	color: #717275;
	font: 1.25em Helvetica, Arial; 
	margin: 0 0 0.76em 0; 
	}
	h2.endorsement
	{
		font: 1em Georgia; 
		margin-bottom: 1em;
		text-align: right;
		}
a 
{
	color:#0084bd;
	text-decoration: none;
	}
a:hover 
{
	color:#113661;
	}

ul
{
	margin: 0 0 1em 2em;
	}

acronym, dfn
{
	cursor: help;
	border-bottom: 1px dashed #717275;
	}

p
{
	letter-spacing: 0.01em;
	margin-bottom: 1em;
	}

blockquote 
{
	background: transparent url(/images/quote.gif) no-repeat left top; 
	margin: 1em 0;
	margin-left: 3.51em; 
	padding-left: 2em; 
	width: 35.09em;
	}
blockquote p
{
	background: transparent url(/images/unquote.gif) no-repeat right bottom;
	padding-right: 2em;
	}

.center
{
	text-align: center;
}

/******************** INVESTMENT FORM STYLING **********************/

#invest
{
	margin: 0;
	padding: 0;
}

#invest #errors 
{
	list-style: none inside;
	margin: 0 0 1em 1em;
	padding: 0;
	}
	#invest #errors li
	{
		background: transparent url(/images/error.gif) no-repeat left center;
		padding-left: 24px;
		}

#invest table
{
	border-collapse: collapse; 
	border: 0;
	margin: 0;
	padding: 0;
	width: 43.75em;
	}

#email_row td
{
	border-top: 1px solid #ccc;
}

#invest td.label
{
	color: #333;
	width: 10.75em;
	border-bottom: 1px solid #ccc;
	}
	#invest td.label label
	{
		padding-left: 1em;
		}
	#invest td.label span
	{
		font-style: italic;
		font-size: 0.9em;
		color: #717275;
		}

#invest td.input
{
	width: 13em;
	border-bottom: 1px solid #ccc;
	}

#invest td.status
{
	width: 20em;
	border-bottom: 1px solid #ccc;
	}

#invest input, #invest select
{
	margin: 0.5em 0;
	border: 1px solid #ccc;
	font-size: 100%; 
	width: 12em;
	}

#invest textarea
{
	font-size: 100%; 
	width: 12em;
	margin: 0.5em 0;
	border: 1px solid #ccc;
	}

#invest label.error
{
	padding-left: 24px;
	background: transparent url(/images/error.gif) no-repeat left center;
	color: #717275;
	}

#invest label.valid
{
	padding-left: 24px;
	background: transparent url(/images/valid.gif) no-repeat left center;
	color: #717275;
	}

.spacer
{
	clear: both;
	}

div.submit
{
	text-align: center;
	}

#iban_row
{
	display: none;
	}

#bic_row
{
	display: none;
	}

ol
{
	padding-left: 2em;
	margin-bottom: 1em;
	}

/**************** Homepage styling *****************/

#homeContainer
{
	color: #ccc;
	font: 1.6em/1.5em Georgia;
	width: 50em;
	padding-top: 2em;
	}
	#homeContainer h2
	{
		color: #fff;
		margin: 0.5em 0.5em 0 1em; /* (10px / 2) */
		}
	#homeContainer p
	{
		margin: 0.625em 0.625em 0 1.25em; /* (10px / 1.6) */
		}
	#homeContainer p.funnel
	{
		margin-bottom: 0.625em;
		}
	#homeContainer .widebox
	{
		margin-top: 2em;
		float: left;
		clear: left;
		width: 30em;
		color: #000;
		}
	#homeContainer .topbox
	{
		width: 50em;
		color: #000;
		}
		#investButton
		{
			background: #fffbbb;
			float: right;
			width: 10em;
			margin-top: 1em;
			margin-right: 1em;
			}
			#investButton a span
			{
				text-align: center;
				display: block;
				padding: 1em;
				font-weight: bold;
				text-decoration: underline;
				}

		#homeContainer .notice { color: #ccc; background: #000 url(/images/box_yellow-bg.png) repeat-y left top; }
		#homeContainer .concept { background: #eee url(/images/box_concept-bg.jpg) repeat-x left top; font-family: Helvetica, Arial !important; }
		#homeContainer .concept p { margin-left: 0.625em; }
		#homeContainer .concept h2 { margin-left: 0.5em; color: #717275; padding-top: 5.5em; }
		#homeContainer .newsletter { color: #ccc; background: #000 url(/images/box_yellow-bg.png) repeat-y left top; }
		#homeContainer .newsletter input { font: 0.9em Helvetica, Arial; padding: 0.1em; }
		#homeContainer .newsletter input.submit { font: 0.8em Georgia; padding: 0em; }
	#homeContainer .rightbox
	{
		margin-top: 2em;
		clear: right;
		float: right;
		width: 18em;
		}
	#homeContainer .filmmakers { background: #000 url(/images/box_blue-bg.png) repeat-y left top; clear: both;}
	#homeContainer .investors { background: #000 url(/images/box_green-bg.png) repeat-y left top; }
	#homeContainer .professionals { background: #000 url(/images/box_darkblue-bg.png) repeat-y left top; }
	#homeContainer .press { background: #000 url(/images/box_grey-bg.png) repeat-y left top; }

/**************** Misc classes *****************/

img.flRight { float: right; border: 1px solid #000; margin-left: 1em; margin-top: 0.4em; } /* (0.5 * 1.6) / 2 */
img.flLeft { float: left; border: 1px solid #000; margin-right: 1em; margin-top: 0.4em; } /* (0.5 * 1.6) / 2 */
.nodisp { position: absolute; left: -999em; }
.alt { background-color: #eee; }
p.valid { padding-left: 24px; background: transparent url(/images/valid.gif) no-repeat left center; }
p.error { padding-left: 24px; background: transparent url(/images/error.gif) no-repeat left center; }
p.english { padding-left: 24px; background: transparent url(/images/en_flag.png) no-repeat left center; }
p.dutch { padding-left: 24px; background: transparent url(/images/nl_flag.png) no-repeat left center; }