
/* --------- Kham Film Project - Media -------------*/

	
/* --------- Named Tag Attributes -------------*/
	
	#centerContent {
		width:940px;
		height:auto;
		margin:10px 0px;
		position:relative;
		top:-40px;
	}
	
	#leftContent {
		width: 260px;
		height:auto;
		position:relative;
		float:left;
		margin-top:20px;
	}
	
	#innerLeftContent {
		width:260px;
		padding-bottom:15px;
		height:auto;
	}
	
	#leftContentFade {
		width:260px;
		height:40px;
	}
	
	#rightContent {
		width: 670px;
		height:auto;
		position:relative;
		float:left;
		margin-left:10px;
		margin-top:20px;

	}
	
	#rightContentTop {
		background:url(../media/mediaTopRight.png) no-repeat;
		width:670px;
		height:365px;
		margin:0px;
	}
	
	#rightContentBottom {
		width:670px;
		height:auto;
		margin:0px;
	}
	
	#movie {
		position:absolute;
		width:560px;
		height:345px;
		top:2px;
		left:50px;
	}
	
	#main_image {
		position:absolute;
		width:561px;
		height:315px;
		top:2px;
		left:50px;
		background:black;
	}
	
	#content {
		background:url(../media/gNav.png) repeat-x;
		width:670px;
		height:auto;
		margin:10px 0px;
	}
	
	#description {
		background:url(../media/g1.png) repeat;
		width:640px;
		margin-top:1px;
	}
	
	#credits {
		background:url(../media/g1.png) repeat;
		width:640px;
		margin-top:1px;
		display:none;
	}
	
	
	
/* --------- Class Attributes -------------*/

	.subTitle {
		width:670px;
		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;
	}
	
	.contentText {
		width:300px;
		height:auto;
		margin-top:1px;
		padding:15px;
		color:white;
		font-size:85%;
		display:none;
	}
	
	.mediaItem {
		margin-left:44px;
		margin-top:2px;
		color:white;
		font-size:85%;
		cursor:pointer;
	}
	
	.mediaTitle {
		margin-left:30px;
		margin-top:8px;
		color:white;
		font-size:95%;
		cursor:pointer;
	}
	
	.categoryHeading {
		margin-left:10px;
		margin-top:8px;
		color:white;
		font-size:110%;
	}
	
	.subTitle {
		width:100%;
		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:670px;
		height:160px;
		margin-top:10px;
		color:white;
		font-size:85%;
	}
	
	.bottomContentText {
	}
	
	.bottomContentText .bold {
		font-weight:bold;
	}
	
	.bottomContentText .italic {
		font-style:italic;
	}
	
	.docColumn {
		width:200px;
		height:140px;
		margin-left:15px;
		margin-right:5px;
		position:relative;
		float:left;
		font-size:90%;
	}
	
	.docColumn span {
		color:yellow;
	}
	
	.docColumn a {
		position:relative;
		float:right;
		top:0px;
	}

	h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	.caption{font-style:italic;color:#887;}
	.gallery{background:url(../media/g1.png) repeat;width:670px;height:auto;position:relative;margin-top:1px;}
	.gallery_demo{width:600px;height:auto;margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image img{margin-bottom:0px;}
	#thumbnails {width:auto;height:auto;}
	
	.galleryNav{padding-top:5px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;text-align:center;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
	
	.galleria{list-style:none;}
	.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
	.galleria li a{display:none}
	.galleria li div{position:absolute;display:none;top:0;left:180px}
	.galleria li div img{cursor:pointer}
	.galleria li.active div img,.galleria li.active div{display:block}
	.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
	.galleria li .caption{display:block;padding-top:.5em}
	* html .galleria li div span{width:400px} /* MSIE bug */