body{
	width: 600px;
	margin: 0 auto;
	padding: 0;
	background: #000000 url(banner.gif) center 10px no-repeat;
	color: #666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding-top: 150px;
	}
object#movie{
	float: right;
}
ul{
	float: left;
	list-style: none;

	padding: 10px;
	margin: 0;

}
li{
	margin: 0;
	padding: 0;
}
a{
	color: #666666;
	text-decoration: none;
}

li a{
	display: block;
	background: no-repeat;
	padding-left: 50px;
	padding-right: 10px;
	height: 30px;
	width: 120px;
	margin-bottom: 20px;
	padding-top: 10px;
	text-transform:capitalize;
	font-variant:small-caps;
}
li a:hover, li a.active{
	background: #191919;
	background-repeat: no-repeat;
}
a#narrative1{
	background-image: url(thumbs/kite.jpg);
}
a#narrative2{
	background-image: url(thumbs/narrative2.jpg);
}
a#commercial {
	background-image: url(thumbs/dali.jpg);
}
a#documentary{
	background-image: url(thumbs/ethnographic.jpg);
}
a#scenic{
	background-image: url(thumbs/scenic.jpg);
}

.info{
	line-height: 1.5em; 
	float: right; 
	font-size: 0.7em; 
	margin-right: 40px;
	padding: 5px;
}
div a:hover{
	text-decoration: underline;
}