@charset "UTF-8";


body {
	margin:0;
	padding:0;
}
#outer_container{
	margin:3em auto 1em;
	width:50em;
	padding:0 10px;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
}
#customScrollBox{
	position:relative;
	height:24em;
	overflow:hidden;
}
#customScrollBox .container{
	position:relative;
	width:45em;
	top:0;
	float:left;
	background: #111;
}
#customScrollBox .content{
	clear:both;
	width: 45em;
}
#customScrollBox .content p{
	padding:1em 0.5em;
	margin:1em 0;
	color:#00F;
	font: 1em Verdana, Geneva, sans-serif;
}
#customScrollBox img{
}
#dragger_container{
	position:relative;
	width:2em;
	height:22em;
	float:left;
	margin:1em 0 1em 0.66em;
	border-left:thin solid #999;
}
#dragger{
	position:absolute;
	width:44px;
	height:66px;
	background: url(../Scrollbar.png) no-repeat;
}
#Box1 {
	height: 22em;
	width: 45em;
}
.MainActor {
	height: 11em;
	width: 8
.em;
	float: left;
	border: medium solid #F90;
	width: 8em;
	margin-left: 8px;
}
.ActorName {
	color: #900;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.MainCrew {
	height: 8em;
	width: 10.5em;
	float: left;
	background: #630;
	margin-left: 0.5em;
	border: thin solid #F90;
}
#Box2 {
	height: 15em;
	width: auto;
}
#LeftBox {
	height: 13em;
	width: 22em;
	text-align: right;
	float: left;
	padding-top: .5em;
}

#RightBox {
	height: 13em;
	width: 22em;
	text-align: left;
	float: right;
	padding-top: .5em;
}
#With {
	height: 5em;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2em;
}
#Crew {
	height: 26em;
	width: auto;
	padding-top: 2em;
}
#Crewleft {
	height: 26em;
	width: 22em;
	float: left;
	text-align: right;
}
#CrewRight {
	height: 26em;
	width: 22em;
	float: right;
	text-align: left;
}
#SBBlogo {
	height: auto;
	width: auto;
	padding-bottom: 3em;
	margin: 1em;
}
.names {
	font: small-caps 0.875em "Arial Black", Gadget, sans-serif;
	color: #FFF;
}
a {
	color: #FC0;
	text-decoration: none;
} 
a:hover {
	color: #B7520A;
} 
#photo {
	width: 100%;
	height: auto;
}