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

/* --------- Tag Attributes -------------*/

	body {
		background:#000000;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	a {
		border:none;
		text-decoration:none;
		color:white;
	}
	
	img {
		border:none;
	}
	
	div {
		margin:0px;
		padding:0px;
	}
	
/* --------- Named Tag Attributes -------------*/

	#top {
		height:90px;
		width:940px;
	}
	
	#bg {
		width:1000px;
		height:auto;
		margin:0px auto;
	}
	
	#main {
		position:relative;
		width:940px;
		height:auto;
		margin-left:30px;
	}
	
	#nav {
		width:700px;
		height:60px;
		position:relative;
		float:left;		
		z-index:2;
		margin-top:10px;
	}
	
	#imageAbout{
		left:10px;
	}
	
	#imageDocumentary{
		left:80px;
	}
	
	#imageParticipatory {
		left:266px;
	}
	
	#imageNews {
		left:448px;	
	}
	
	#imageMedia {
		left:532px;
	}
	
	#imagePress {
		left:140px;
		top:-4px;
	}
	
	#imageContribute {
		left:280px;
		top:-4px;
	}
	
	#imagePurchase {
		left:446px;
		top:-4px;
	}
	
	#imageYakGallery {
		left:570px;
		top:-4px;
	}
	
	
	#subNav {
		width:940px;
		height:40px;
		position:relative;
		top:-40px;	
	}
	
	#subNavInner {
		height:40px;
		width:600px;
		margin: 0px auto;
	}
	
	#footer {
		font-family:Arial, Helvetica, sans-serif;
		font-size:80%;
		width:940px;
		height:auto;
		text-align:center;
		color:#999999;	
		padding-top:5px;
		position:relative;
		top:-40px;
	}
	
	#footerNav {
		
	}
	
	#logo {
		position:relative;
		float:left;
		z-index:2;
		width:238px;
		height:86px;
	}

	
/* --------- Classes -------------*/
	
	.clear {
		clear:both;
		margin:0px;
		padding:0px;
	}
	
	.blueBG {
		background:url(../media/b3_2.png) repeat;
	}
	
	.blueBGFade {
		background:url(../media/b3Fade.png) repeat-x;
		height:40px;
	}
	
	.greyBG {
		background:url(../media/g1.png) repeat;
	}
	
	.greyBGFade {
		background:url(../media/g1Fade.png) repeat-x;	
	}
	
	.floatLeft {
		position:relative;
		float:left;
	}
	
	.navButton {
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%;
		position:relative;
		float:left;
		margin-left:18px;
		margin-top:20px;
		cursor:pointer;
		display:block;
		z-index:2;
	}
	
	.subNavButton {
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%;
		position:relative;
		float:left;
		margin-left:48px;
		margin-top:10px;
		cursor:pointer;
		display:block;
		z-index:2;
		color:#FFFFFF;
	}
	
	.navButton:hover {
		
	} 
	
	.tibetanNav {
		position:absolute;
		top:10px;
		display:block;
		z-index:1;
	}
	
	.deselected div a {
		color:#777777;
	}
	
	.topicHeading {
		font-family:Arial, Helvetica, sans-serif;
		font-size:90%;
		margin-left:15px;
		margin-top:10px;
		color:#FFFFFF;
		height:auto;
		width:auto;
	}
	
	.topicHeadingBig {
		font-family:Arial, Helvetica, sans-serif;
		font-size:110%;
		margin-left:15px;
		margin-top:8px;
		color:#FFFFFF;
		height:auto;
		width:auto;
	}
	
	.whiteText {
		color:#FFFFFF;
	}
	
	.title {
		color:yellow;
		width:auto;
		height:30px;
		font-size:110%;
		padding-left:20px;
		padding-top:9px;
	}
	
	.hoverLink:hover {
		color:999FFF;
	}