@charset "UTF-8";
/* CSS Document */
a:link {
	color: #FFFFFF;
	text-decoration: none;

}
a:visited {
	color: #FFFFFF;
	text-decoration: none;

}
a:hover {
	color: #09f;
	text-decoration: none;

}
a:active {
	color: #CC3300;
	text-decoration: none;
}

.socialmedia
{margin-left:50px;
}

#page-wrap{
	border-right:1px solid #444;
	border-left:1px solid #444;
	width:900px;
	margin:0 auto;
	background-color:#222;
	color:#ffffff;
	font-family:"Lucida Grande", "Lucida Sans", "Trebuchet MS", verdana, sans-serif;
	}
	#page-wrap #header{
		background-color:#444;
		background:url(../images/clapperboard_logo_reflextion.jpg) no-repeat;
		padding-top:20px;
		padding-bottom:26px;
		}
		#page-wrap #header h1{
			margin-left:45px;
			font-size:2.8em;
			margin-bottom:9px;
			line-height:0.9em;
			}
		#page-wrap #header h2{
			margin-left:45px;
			font-size:1.7em;
			}
	#page-wrap #content{
		background:url(../images/content_bg.jpg) no-repeat;
		padding-top:25px;
		min-height:350px;
		}
		#page-wrap #content h1{
			margin-left:45px;
			font-size:2em;
			margin-bottom:10px;
		}
		#page-wrap #content h3{
			width:620px;
			margin-left:45px;
			margin-top:2em;
			margin-bottom:0.1px;
			font-size:1.2em;
			font-weight:bold;
		}
		#page-wrap #content p{
			margin-top:0.1em;
			margin-left:45px;
			width:620px;
			text-align:justify;
			line-height:1.2em;
			margin-bottom:10px;
			}
		#page-wrap #content p.first{
			margin-top:0.5px;
			margin-bottom:0.1px;
			font-size:1.2em;
			font-weight:bold;
			}
		#page-wrap #content p.longer{
			width:810px;
			}
	#page-wrap #footer{
		height:25px;
		}
		#page-wrap #footer p{
			background-color:#09f;
			width:auto;
			margin:auto;
			text-align:center;
			font-size:1em;
			border:1px solid #000;
			padding:5px 0;
			}
			#page-wrap #footer a:link{
				color:#FFFFFF;
				}
			#page-wrap #footer a:visited{
				color:#FFFFFF;
				text-decoration:#none;
				}
			#page-wrap #footer a:hover{
				color:#CC3300;
				}
			#page-wrap #footer a:active{
				color:#FFFF66;
				}
				
body {
	background:url(../images/background_rollsquare.jpg);
	background-color:#000;
	color:#ccc;
	font:0.8em "Lucida Grande", "Lucida Sans", "Trebuchet MS", verdana, sans-serif;
	}
#floatSubnav {
		border:1px solid #000;
		color:#000000;
		font:0.9em "Lucida Grande", "Lucida Sans", "Trebuchet MS", verdana, sans-serif;
		height:20px;
		width:auto;
		margin:auto;
		vertical-align:middle;		
		text-indent:45px;
		text-align:left;
		position:static;
		top:9px;
		padding:5px 0;
		background-color:#09f;
		padding-bottom:1px;
		}
			#floatSubnav a:link{
				color:#FFFFFF;
				}
			#floatSubnav a:visited{
				color:#FFFFFF;
				text-decoration:#none;
				}
			#floatSubnav a:hover{
				color:#CC3300;
				}
			#floatSubnav a:active{
				color:#FFFF66;
				}
#floatMenu {
		position: absolute;
		top:5px;
		left:48%;
		margin-left:250px;
		width:200px;
		}
#floatMenu ul {
margin-bottom:20px;
}
#floatMenu ul li a {
		display:block;
		border:1px solid #999;
		background-color:#222;
		border-left:6px solid #999;
		text-decoration:none;
		color:#ccc;
		padding:5px 5px 5px 25px;
}
#floatMenu ul li a:hover {
		color:#fff;
		background-color:#333333;
}
#floatMenu ul.menu1 li a:hover {
		border-color:#09f;
}
#floatMenu ul.menu2 li a:hover {
		border-color:#CC3300;
}
#floatMenu ul.menu3 li a:hover {
		border-color:#FFFF66;
}
#floatMenu ul.menu4 li a:hover {
	border-color:#009900;
}

#Filmbox{
		border:1px solid #000;
		width:900px;
		padding-bottom:14px;	
}

#FilmTextbox{
		float:left;
		width:350px;
		padding-bottom:10px;
}

#floatFilmImage {
		margin-top:30px;
		float:right;
		width:550px;
}

#floatFormContents {
		margin-top:30px;
		float:right;
		width:500px;
}

#Filmpopup{
		margin:auto;
		align:center;
		text-align:center;
		background-color:#000000;
		width:auto;
}
	
#Inforollover a:hover{
		color: #09f;
		text-decoration: underline;
}

#clearfloats{
		clear: both;
}

#floatFlash {
		margin-top:1px;
		padding:2px;
		margin:2px;
		float:right;
		width:590px;
}

#FlashTextbox{
		float:left;
		width:300px;
		padding-right:10px;
}

#FlashText{
		margin-top:0.1em;
		margin-left:45px;
		text-align:justify;
		line-height:1.2em;
		margin-bottom:10px;
}
#FlashTextH3{
		margin-left:45px;
		margin-bottom:0.1px;
		font-size:1.2em;
		font-weight:bold;
}

#FlashTextbox{
		float:left;
		width:290px;
		padding-bottom:10px;
}

#YPtextUL{
		font-size:1.3em;
		line-height:0.9em;
		margin-top:0.1em;
		text-align:justify;
		line-height:1.2em;
		margin-bottom:10px;
}


#Formbox{
		width:900px;
		padding-bottom:14px;	
}

#FormTextbox{
		float:left;
		width:350px;
		padding-bottom:10px;
}

#floatFormcontents {
		float:right;
		width:550px;
}

