/* general styles */

body {
	color: #999;
	background: #333

}

#wrapper {
	margin-left: 50px;
	margin-right: 0px;
	}

#head  h2, #head  h3 {
	margin-top: 0px; 
	}


h1, h2, h3  {	
	color: #999;
	margin-top: -10px;  
	font-weight: bold;  
	font-family: arial, sans-serif;  
	}
	
h4  {	
	color: #999;
	margin-top: -10px;  
	font-weight: bold;  
	font-family: arial, sans-serif;  
	}




		/* landing page */
#index {
	margin: 125px;
	}
	
#index  h2 {
	margin-top: -20px; 
	}
		
#index ul {
	color: #999;
	background-color: transparent;
	font-size: 12px; 
	font-family: arial, sans-serif;
	padding: 0px 5px 0px 0px;
	margin-left: 0px; 
	line-height: 1.5; 
	list-style-type:  none;
	}
	
	

				
		/* film content styles */
		


.filmcontent	{
	color: #999;
	font-size: 14px; 
	font-family: arial, sans-serif;
	text-align: justify;
	padding: 20px;
	margin: 30px 0px;
	margin-top: -18px;  
	line-height: 1; 
	width: 200px;
	border-right: 1px dotted #666;
	padding-right: 24px;}

h1 {
	color: #999;
	margin-top: 10px;  
	font-weight: bold;  
	font-family: arial, sans-serif;  
	}
	
	

			/* film styles */
		


.film	{
	color: #999;
	font-size: 14px; 
	font-family: arial, sans-serif;
	text-align: justify;
		padding: 20px;
	margin: 30px 0px;
	line-height: 1; 
	width: 570px;
	}
	
.film	img {
	display: inline;
	padding: 0px;
	border-style: none;
	margin:  5px 10px 20px 0px;
	}
	
.film ul{
	font-size: 12px; 
	font-family: arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin-left: 0px; 
	line-height: 1.5; 
	list-style-type:  none;
	}


	
			/* filmography styles */
		


.filmography	{
	color: #999;
	font-size: 14px; 
	font-family: arial, sans-serif;
	text-align: justify;
		padding: 20px;
	margin: 30px 0px;
	line-height: 1; 
	width: 570px;
	}
	

.filmography	img {
	display: inline;
	padding: 0px;
	border-style: none;
	margin:  5px 10px 20px 0px;
	}
	
.filmography ul{
	font-size: 12px; 
	font-family: arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin-left: 10px; 
	line-height: 1.5; 
	list-style-type:  none;
	}

.filmography li{
	color: #999;
	font-size: 22px; 
	margin-top: 0px;  
	margin-left: -10px; 
	line-height: 3; 
	font-weight: bold;  
	font-family: arial, sans-serif;  
	border-bottom: 1px dotted #666;
	}
	
	
	
			/* filmindex page */
#filmindex {
	margin-top: 50px;
	margin-left: 100px;
	}
	
#filmindex  h2 {
	margin-top: -20px;
	}
		
#filmindex ul {
	color: #999;
	background-color: transparent;
	font-size: 12px; 
	font-family: arial, sans-serif;
	padding: 0px 5px 0px 0px;
	margin-left: 0px; 
	line-height: 1.5; 
	list-style-type:  none;
	}
	

		/* links */
		
a:link, a:visited  {
	font-weight: normal;
	text-decoration: none;
	color: #999;
	background: transparent;
	}
		
a:hover  {
	font-weight: normal;
	text-decoration: underline;
	color: #fff;
	background: transparent;
	}	
	
a:active  {
	font-weight: normal;
	text-decoration: underline;
	color: #526968;
	background: transparent;
	}	


		/* store styles */
				
.item	{
	color: #999;
	font-size: 14px; 
	font-family: arial, sans-serif;
	padding: 20px;
	margin: 30px 0px;
	line-height: 1; 
	border-bottom: 1px dotted  #666;
	width: 550px

	}



	/* stylings for collaborations */

.collaborations	{
	color: #999;
	font-size: 12px; 
	font-family: arial, sans-serif;
	padding: 0px;
	margin: 0px 0px;
	line-height: 1; 
	width: 570px
	}

.collaborations	h3 {
	padding: 0px;
	border-style: none;
	margin:  0px 0px 0px 20px;
	}
	
.collaborations	img {
	float: left;
	padding: 0px;
	border-style: none;
	margin:  -10px 20px 0px 0px;
	}
	
#first 	{
	border-top: 1px dotted #666;
	padding:  40px 20px 0px 0px;
	}
	
#last 	{

	margin:  0px 0px 200px 0px;
	}

.film .catagory   {
	color: #666;
	line-height: 4; 
	font-weight: bold;
	}
	
	
#statement	{
	color: #999;
	font-size: 12px; 
	font-family: arial, sans-serif;
	
	margin: 30px 0px;
	line-height: 2; 
	border-top: 1px dotted #666;
	width: 570px

	}	
	
		/* menu styles */
		
		
#menu {
	margin-left: 10px;
	float: left; 
	padding: 0px;
	position: fixed;
	}

#menu h2 {
	color: #999;
	background-color: transparent;
	font-size: 16px; 
	font-family: arial, sans-serif;
	padding-right: 15px;
	line-height: 0; 
	}


#menu ul{
	color: #999;
	background-color: transparent;
	font-size: 12px; 
	font-family: arial, sans-serif;
	padding: 0px 5px 0px 0px;
	margin-left:2px; 
	line-height: 1.5; 
	list-style-type:  none;
	}

#menu li{
	padding: 0px 10px 0px 10px;
	}
	
#menu .catagory  {
	font-weight: bold;
	}

#contents {
	margin-left: 500px;
	padding: 30px;
	border-style: none none none dotted;
	border-color: #666;
	border-width: 2px;
	width: 600px;
	 
}

.intro {
	display: none;
 	margin-bottom: 200px;
 	padding: 20px;
	font-family: arial, sans-serif; 
 	font-size: 24px; 
 	color: #666666 ;

}