/*---Addams Family: The Family Style Sheet---*/

#container {
	height: 100%;
	z-index: 210;
}

/*---Subtitle---*/
#titleFamily {
	background: url(/img/family_title.png) no-repeat 0 0;
}

/*---Family Subnav---*/
#subnav {
	width: 401px;
	height: 34px;
	margin: 24px auto 0 auto;
}

#subnav li {	
	margin: 0 9px;
	float: left;
	display: inline;
	list-style-type: none;
}

#subnav li a {
	height: 34px;
	display: block;
	text-indent: -40000px;
}

#subnav #cast a {
	width: 138px;
	background: url(/img/family_subnav_cast.png) no-repeat 0 0;
}

#subnav #creative a {
	width: 227px;
	background: url(/img/family_subnav_creative.png) no-repeat 0 0;
}

#subnav #cast a.on, #subnav #creative a.on{
	background-position: 0 -34px !important;
}

/*---Cast Frames--*/

#castFrames {
	height: 525px;
}

#learnMore {
	width: 383px;
	margin: 0 auto;
}

.frame {
	z-index: 1;
	position: absolute;
}

.thumb {
	z-index: 0;
	position: relative;	
}

.castMember {	
	/*position: absolute;*/
	float: left;
	display: inline;
}
.castInfo p {
	padding-bottom: 20px;
}

/*---Cast Open---*/
#curtain {
	width: 100%;
	height: 1100px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500!important;	
	background-color: #000;
	overflow: hidden;
}

.castInfo {
	width: 750px;
	margin-left: -375px;
	position: absolute;
	top: 200px;
	left: 50%;
	text-align: justify;
	z-index: 600!important;
}

.bottom {
	top: 400px;
}

/*---Fester---*/
#fester {
	width: 147px;
	height: 142px;
	margin: 196px 0 0 0px;
	background: url(/img/family_fester_cast.png) no-repeat 14px 13px;
	/*left: -55px;*/
}

#fester img.thumb {
	top: 13px;
	left: 14px;
}

/*---Morticia---*/

#morticia {
	width: 150px;
	height: 255px;
	margin: -10px 0 0 -10px;
	background: url(/img/family_morticia_cast.png) no-repeat 32px 68px;
}

#morticia img.thumb {
	top: 68px;
	left: 32px;
}

/*---Gomez---*/
#gomez {
	width: 152px;
	height: 158px;
	margin: 30px 0 0 29px;
	background: url(/img/family_gomez_cast.png) no-repeat 13px 17px;
}

#gomez img.thumb {
	top: 17px;
	left: 13px;
}

/*---Pugsley---*/
#pugsley {
	width: 111px;
	height: 141px;
	margin: 200px 0 0 -180px;
	background: url(/img/family_pugsley_cast.png) no-repeat 17px 13px;
}

#pugsley img.thumb {
	top: 13px;
	left: 17px;
}

/*---Wednesday---*/
#wednesday {
	width: 141px;
	height: 212px;
	margin: 105px 0 0 0px;
	background: url(/img/family_wednesday_cast.png) no-repeat 27px 62px;
}

#wednesday img.thumb {
	top: 62px;
	left: 27px;
}

/*---Lurch---*/
#lurch {
	width: 103px;
	height: 167px;
	margin: 295px 0 0 -450px;
	background: url(/img/family_lurch_cast.png) no-repeat 10px 10px;
}

#lurch img.thumb {
	top: 10px;
	left: 10px;
}

/*---Grandmama---*/
#grandmama {
	width: 128px;
	height: 138px;
	margin: 325px 0 0 -205px;
	background: url(/img/family_grandmama_cast.png) no-repeat 10px 10px;
}

#grandmama img.thumb {
	top: 10px;
	left: 10px;
}

/*---The Beinekes---*/
#beinekes {
	width: 146px;
	height: 253px;
	margin: 30px 0 0 22px;
	background: url(/img/family_beinekes_cast.png) no-repeat;
}

#beinekeInfo {
	margin-top: -150px!important;
}

/*---The Clan---*/
#clan {
	width: 168px;
	height: 169px;
	margin: 40px 0 0 0;
	background: url(/img/family_clan_cast.png) no-repeat;
}

/*---Creative List---*/
#creativeList {
	width: 775px;
	margin: 0 auto;
	color: #271a17;
	
}

#creativeList a {
	color: #271a17;
}

#creativeList li {
	width: 725px;
	padding: 25px;
	margin: 20px 0;
	background: url(/img/family_creative_bg.jpg) no-repeat 0 0;
}

#creativeList p {
	font-size: 12px;
	padding-top: 15px;
	line-height: 20px;
}

#creativeList h4 {
	font-size: 18px;
}

#creativeList h4 span {
	font-size: 12px;
}

#ensembleInfo .ensembleScroll{
	height: 425px;
	overflow-y: scroll;
	width: 775px;
	margin-bottom: 15px;
}

.float {
	float: left;
}