@charset "UTF-8";
/* CSS Document */
/*----TITLE CONGIF-----*/
#mainTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:36px;
	color:#FFCC33
	}

#subtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:18px;
	color:#0099FF
	}
/*----JOB BOOKED CONFIG----*/

#jobBookingBKG{
	padding:0 10px;
	margin:0;
	background-image:url(../images/gif/images/KOTMcontainerBKG.gif);
	background-repeat:repeat-y;
	width:580px;
	height:630px
	}
#jobBookingWrapper{
	position:relative;
	width:580px;
	}

#JobBookedTHGlogo{
	background-image:url(../assets/kidsOnSet/THGlogo.png);
	height:46px;
	width:129px;
	position:absolute;
	top:-5px;
	left:0px;
	z-index:2;
	}

#top h1{
	font-family:"Comic Sans MS", cursive;	
	}

#top hr{
	color:#CCC;
	margin:0;
	padding:0
	}

#top h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px
	}

#leftContent{
	font-family:"Comic Sans MS", cursive;	
	width:33%;
	float:left
	}
#headerContent{
	width:100%;
	margin:0;
	padding:0
	}
div.hr{
	width:100%;
	height:2px;
	background:#CCC	
	}
#headerContent h2{
	margin:0;
	padding:0
	}
#mainContent{
	font-family:"Times New Roman", Times, serif;
	font-size:12px
	}

#rightContent{
	font-family:"Comic Sans MS", cursive;	
	width:33%;
	float:right;
	clear:right
	}
#middleContent{
	margin:0 auto;
	width:30%;
	font-family:"Times New Roman", Times, serif
	}
#middleContent{
	font-family:"Comic Sans MS", cursive;	
}

div.contentSpacer{
	padding: 0px 0px 4px 0px;
}

/*----MEMBERS CONTENT-------*/

#contentMembers {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:11px
}

h2.contentMembers {
color:#0099FF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px
}

h2.contentTitles {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0

}

h3.contentTitles {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0

}
h3.contentMembers {
color:#0099FF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px
}

#membersTopBorder{
background-image:url(../images/gif/images/topKOTMborder.gif);
background-repeat:no-repeat;
padding:0;
margin:0;
height:13px;
width:600px
}

#membersMiddleBKG{
padding:0 7px;
margin:0;
background-image:url(../images/gif/images/KOTMcontainerBKG.gif);
background-repeat:repeat-y
}

#membersMiddleBKG td{
padding-right:10px;
vertical-align:top;
z-index:0;
}

#membersMiddleBKG a img{
border:solid #FF9900 1px;
margin:2px;	
	}
	
#membersMiddleBKG a:hover img{
opacity: .5;
filter:alpha(opacity=50)	
	}	

#membersMiddleBKG a{
font-family:Arial, Helvetica, sans-serif; 
font-size:10px;
text-decoration:none;
color:#06F
	}

#OnSet_CelebritiesButtons{
	position:absolute;
	top:-2px;
	left:7px	
	}

#membersBottomBorder{
background-image:url(../images/gif/images/bottomKOTMborder.gif);
background-repeat:no-repeat;
padding:0;
margin:0;
height:12px;
width:600px}

#kidsOnSetBKG{
	background-image:url(../assets/kidsOnSet/kidsOnSetWithBorder.jpg);
	background-repeat:none;
	width:585px;
	height:394px;
	margin:0;
	}
#kidsOnSetWrapper{
	position:relative;
	width:585px;
	height:394px
	}
#kidsOnSetMenuWrapper{
	position:relative;
	width:585px;
	height:180px
	}
#KidsOnSetPhotoHolder{
	position:absolute;
	top:30px;
	left:95px
	}	
#KidsOnSetTextHolder{
	position:absolute;
	height:33px;
	width:467px;
	bottom:12px;
	left:112px;
	z-index:3;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	}
#KOSsubcontent{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#fff;
	font-size:12px
	}	

#successStoriesBKG{
	background-image:url(../assets/successStories/bkgImage.jpg);
	background-repeat:no-repeat;
	height:423px;
	width:585px;
	padding:0;
	margin:0	
	}
#successStoryWrapper{
	position:relative;
	height:423px;
	width:585px
	}
#positionPhoto{
	position:absolute;
	width:222px;
	height:220px;
	top:68px;
	left:57px
	}
#positionName{
	text-align:center;
	position:absolute;
	width:222px;
	height:50px;
	bottom:64px;
	left:57px;
	font-family:"Comic Sans MS", cursive;
	font-size:18px
	}
#positionCaption{
	position:absolute;
	width:213px;
	height:192px;
	right:32px;
	bottom:60px;
	font-family:"Comic Sans MS", cursive;
	font-size:14px
	}

#nextSuccessLinks{
	position:absolute;
	top:-8px;
	right:10px
	}	

#successStoriesThumbnailBKG{
	padding:0 10px;
	margin:0;
	background-image:url(../images/gif/images/KOTMcontainerBKG.gif);
	background-repeat:repeat-y;
	position:relative;
	z-index:0;	
	}
#successStoriesThumbnailBKG a img{
	border:solid #FF9900 1px;
	margin:1px;
	padding:2px
	}
	
#successStoriesThumbnailBKG a:hover img{
	opacity: .5;
	filter:alpha(opacity=50)	
	}

#successStoriesThumbnailBKG a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#06F	
	}

#THGlogo{
	background-image:url(../assets/kidsOnSet/THGlogo.png);
	height:46px;
	width:129px;
	position:absolute;
	top:10px;
	right:30px;
	z-index:2;
	}

#successTHGlogo{
	background-image:url(../assets/kidsOnSet/THGlogo.png);
	height:46px;
	width:129px;
	position:absolute;
	bottom:0px;
	right:30px;
	z-index:2;
	}

#datecontainer{
	font-size:10px;
	color:#666;
	text-align:right;
	}


/*----RIGHT SIDE MODULES------*/

#rightsideModules{
width:285px;
background-image:url(../images/jpg/285modules/285KOTMbkg.jpg);
background-repeat:no-repeat;
z-index:0
}


.KOTM {
width:285px;
position:relative;
height:157px;
margin-bottom: 20px;

}

#KOTMheader {
	position:absolute;
	top:24px;
	left:122px;
	width: 153px;
}

#KOTMContent {
	position:absolute;
	top:52px;
	left:158px;
	width: 118px;
}

#KTOMButton {
	position:absolute;
	top:131px;
	left:215px
}

.WIW {
position:relative;
height:157px;
background-image:url(../images/jpg/285modules/285WIWbkg.jpg);
background-repeat:no-repeat;
margin-bottom: 20px;
}

#WIWheader {
	position:absolute;
	top:28px;
	left:156px;
	width: 123px;
}

#WIWContent {
	position:absolute;
	top:60px;
	left:21px;
	width: 256px;
	height: 59px;
}

#WIWButton {
	position:absolute;
	top:121px;
	left:215px
}

.Testimonials{
position:relative;
height:157px;
background-image:url(../images/jpg/285modules/285Testimonialsbkg.jpg);
background-repeat:no-repeat;
margin-bottom: 20px;
}

#TESTheader {
	position:absolute;
	top:31px;
	left:82px;
	width: 180px;
}

#TESTContent {
	position:absolute;
	top:62px;
	left:126px;
	width: 151px;
}

#TESTButton {
	position:absolute;
	top:122px;
	left:214px
}

.Flash {
color:#FFFFFF;
height:153px;
}
