body{
	margin:	0;
	font-family:	helvetica, sans-serif;
	font-size:	11px;
	color:	#000;
	text-align:	center;
	background:	url(img/body_bg.gif) no-repeat center -40px #000;
	}

/*__________________________ block positions*/
#content{
	width:	840px;
	height:	400px;
	overflow:	auto;
	margin:	90px auto 0 auto;
	padding:	0;
	text-align:	left;
	background:	#FFF;
	}
.spacing{
	width:	800px !important;
	height:	360px !important;
	padding:	20px !important;
	}
#menu{
	width:	840px;
	height:	130px;
	margin:	auto;
	background-image:	url(img/menu_bg.gif);
	background-repeat:	no-repeat;
	background-position:	top left;
	background-color:	#FFF;
	}
	#menu a{
		background-image:	url(img/menu_a_bg.gif);
		background-repeat:	no-repeat;
		display:	block;
		position:	absolute;
		height:	130px;
		width:	75px;
		}
	#menu div{
			position:	absolute;
			z-index:	1000;
			height:	130px;
			width:	75px;
			background-image:	url(img/submenu_bg.gif);
			display:	none;
			}
			#menu div a{
				background-image:	url(img/submenu_a_bg.gif);
				height:	20px;
				}
	#menu a span, #menu div a span{
		display:	none;
		}
	#menu a:hover, #menu div a:hover{
		background:	none;
		cursor:	hover;
		}
	/*individual link properties*/
	#home{
		margin:	0 0 0 124px;
		*margin:	0 0 0 -296px;
		background-position:	-124px 0;
		}
	#about, #about_sub{
		margin:	0 0 0 226px;
		*margin:	0 0 0 -194px;
		background-position:	-226px 0;
		}
			#the_company{
				margin:	30px 0 0 0;
				*margin:	30px 0 0 -37px;
				background-position:	-226px -30px;
				}
			#the_people{
				margin:	54px 0 0 0;
				*margin:	54px 0 0 -37px;
				background-position:	-226px -54px;
				}
	#showreel{
		margin:	0 0 0 328px;
		*margin:	0 0 0 -92px;
		background-position:	-328px 0;
		}
	#in_production{
		margin:	0 0 0 430px;
		*margin:	0 0 0 10px;
		background-position:	-430px 0;
		}
	#filmography{
		margin:	0 0 0 532px;
		*margin:	0 0 0 112px;
		background-position:	-532px 0;
		}
	#sales{
		margin:	0 0 0 634px;
		*margin:	0 0 0 214px;
		background-position:	-634px 0;
		}
	#contact{
		margin:	0 0 0 736px;
		*margin:	0 0 0 316px;
		background-position:	-736px 0;
		}
#foot{
	color:	#FFF;
	width:	840px;
	margin:	10px auto 10px auto;
	font-size:	10px;
	}
/*__________________________ end block positions*/

/*__________________________ text styling*/
a{		
	color:	#000;
	}			
a:hover{
	color:	#333;
	cursor:	pointer;
	}
h1{
	margin:	0 0 3px 0;
	display:	none;
	}
h2{
	margin:	0 0 3px 0;
	}
h3{
	display:	none;
	font-size:	22px;
	margin:	3px 0 3px 0;
	}
h4{
	font-size:	14px;
	margin:	0 0 5px 0;
	}
h5{
	font-size:	14px;
	margin:	2px 0 3px 0;
	}
h6{
	font-size:	13px;
	margin:	5px 0 2px 0;
	}
.alert{
	color:	#F00;
	font-weight:	bold;
	}
.response{
	display:	block;
	padding:	5px;
	margin:	0 0 5px 0;
	background-color:	#DDD;
	color:	#DDD;
	}
p{
	padding:	0;
	margin:	0 0 0 20px;
	text-align:	justify;
	}
.note{
	font-size:	11px;
	}
.hr{
	border-bottom:	1px solid #000;
	height:	15px;
	margin:	5px 20px 20px 20px;
	clear:	both;
	}
.clear{
	clear:	both;
	}
/*__________________________ end text styling*/

/*__________________________ text styling*/
.small_section, .section_link{
	padding:	20px;
	}
.section_link{
	height:	80px;
	overflow:	hidden;
	}
	.section_link span{
		display:	none;
		}
/*.section_link{
	width:	390px;
	height:	150px;
	float:	left;
	padding:	20px 0 0 20px;
	clear:	none;
	overflow:	hidden;
	}*/
.small_section .thumb, .section_link .thumb, .no_pic{
	width:	100px;
	height:	100px;
	float:	left;
	}
/*
.section_link .thumb{
	width:	150px;
	height:	150px;
	float:	left;
	}
.section_link p{
	padding:	40px 20px 0 0;
	}
.section_link a{
	text-decoration:	none;
	}*/

/*__________________________ form styles*/
form{
	margin:	0 0 10px 0;
	}
input, select{
	border:	1px solid #333;
	background:	#C7C8CA;
	font-size:	10px;
	}
input[type='submit'], .save{
	width:	100%;
	}
input[type='button']:hover, .button:hover, input[type='submit']:hover{
	background:	#AAA;
	cursor:	pointer;
	}
#subscribe input{
	width:	100%;
	margin:	0 0 5px 0;
	}
/*__________________________ end form styles*/

/*__________________________ image styles*/
img{
	display:	block;
	border:	0;
	}
.thumb{
	height:	150px;
	width:	150px;
	float:	left;
	margin:	0 5px 0 0;
	}
.img_fl{
	float:left;
	margin:	0 20px 0 0;
	}
.img_fr{
	float:right;
	margin:	0 0 0 20px;
	}
.img_c{
	text-align:center;
	margin:20px;
	}
.img_l{
	text-align:left;
	margin:20px 0 20px 0;
	}
.img_r{
	text-align:right;
	margin:20px 0 20px 0;
	}
/*__________________________ end image styles*/	

/*__________________________ table styles*/
table{
	width:	100%;
	margin:	0;
	padding:	0;
	background-color:	#FFF;
	}
th{
	background-color:	#DDD;
	color:	#FFF;
	font-weight:	bold;
	padding:	3px;
	text-align:	right;
	}
td{
	padding:	4px;
	text-align:	right;
	border-top:	1px solid #DDD;
	vertical-align:	top;
	clear:	both;
	}
.td_thumb{
	padding:	3px 0 3px 0;
	}
#totals{
	font-weight:	bold;
	}
#totals td{
	border-top:	2px solid #DDD;
	}
/*__________________________ end table styles*/

/*__________________________ slideshow styles these are set in inc/slideshow/jd.slideshow.css*/