/* --------- Kham Film Project - Documentary -------------*/

	
/* --------- Named Tag Attributes -------------*/
	
	#centerContent {
		background:url(../media/documentaryCenter.png) no-repeat;	
		width:940px;
		height:320px;
		margin:10px 0px;
		position:relative;
		top:-40px;
	}
	
	#movie {
		position:relative;
		width:544px;
		height:306px;
		top:12px;
		left:190px;
	}
	
	#bottomContent {
		background:url(../media/g1.png);
		width:940px;
		height:220px;
		position:relative;
		top:-40px;
		margin:10px 0px;
	}
	
	#centerContentText {
		margin:50px 30px 0px 48px;
		width:870px;
		height:270px;
		padding-top:36px;
	}
	
	#email {
		width:400px;
		margin:50px 200px;
		height:200px;
		padding:40px 0px 0px 100px;
		color:white;
	}
	
	#topContentText {
		position:relative;
		height:80px;
		width:800px;
		color:white;
		font-size:90%;
		margin:0px 0px 10px 20px;
	}
	
/* --------- Class Attributes -------------*/
	
	.bottomImage {
		position:relative;
		float:left;
		height:190px;
		width:auto;
		margin:15px 28px;
	}
	
	.centerContentColumn {
		width:400px;
		height:auto;
		position:relative;
		float:left;
		margin:10px 10px 0px 20px;
		color:white;
		font-size:90%;
	}
	
	.subTitle {
		width:940px;
		height:30px;
	}
	
	.subTitle div {
		width:auto;
		margin-left:22px;
		margin-right:25px;
		margin-top:6px;
		font-size:90%;
		position:relative;
		float:left;
		color:white;
		cursor:pointer;
	}
	
	.bottomContentText {
		width:940px;
		height:160px;
		margin-top:10px;
		color:white;
		font-size:85%;
	}
	
	.bottomContentText {
	}
	
	.bottomContentText .bold {
		font-weight:bold;
	}
	
	.bottomContentText .italic {
		font-style:italic;
	}
	
	.docColumn {
		width:265px;
		height:140px;
		margin-left:20px;
		margin-right:5px;
		position:relative;
		float:left;
		font-size:90%;
	}
	
	.docColumn span {
		color:yellow;
	}