* {
	margin: 0;
	padding: 0;
	}

body {
	width: 700px;
	margin: 0 auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 76%;
	line-height: 1;
	
	background: #000;
	color: #E5E5E5;
	}
	
a {
	color: #E5E5E5;
	}
	
h1 {
	text-align: center;
	font-size: 3em;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0.04em;
	
	margin: 0.4em 0;
	}
	h1 a{
		text-decoration: none;
		}
img {
	border: 0;
	}
	
#main {
	height: 360px;
	padding: 25px;
	background: #262626 url(images/main_bg.gif) top no-repeat;
	}
	h2 {
		display: none;
		}
	h3 {
		padding: 0.5em 0 0.1em;
		}
	p {
		line-height: 1.4;
		padding: 0.5em;
		font-size: 0.9em;
		}	
		
	/* ABOUT */
		#photo{
			margin: 5px;
			float: left;
			background:#999;
			}
		#note {
			width: 30%;
			float: left;
			}
		#note a {
			display: block;
			height: 35px;
			width: 100px;
			background:#666666;
			text-align: center;
			}
		#biography {
			clear: left;
			width: 60%;
			float: left;
			}
		#services {
			width: 40%;
			float: right;
			}
			
	/* CINEMATOGRAPHY */
		/*.cinematography #main ul {
			list-style: none;
			width: 125px;
			float: left;
			}
			.cinematography #main ul li {
				margin-bottom: 0.5em;
				}
				.cinematography #main ul li div {
					text-align: center;
					padding: 0.25em;
					}*/
		.cinematography #main #flashcontent {
			width: 450px;
			height: 275px;
			margin: 0 25px; 
			float: right;
			text-align: center;
		}
		.cinematography #main p {
			width: 450px;
			float: right;
			margin: 10px 0;
		}
		/* Menu */
		.cinematography #main ul {
			list-style: none;
			float: left;
			margin: 10px 0 0 5px;
			}
			.cinematography #main ul li {
				border: 2px solid #fff;
				margin: 0 0 20px 0;
				}
				.cinematography #main ul li a{
					display: block;
					height: 26px;
					width: 85px;
					padding: 14px 0 0 45px;
					
					border: 3px solid #262626;
					background: no-repeat;
					
					text-decoration: none;
					font-size: 0.9em;
					}
					.cinematography #main ul li a:hover {
						border: 3px solid #fff;
						} 
					.cinematography #main ul li a.active{
						background: #191919 no-repeat;
						border: 3px solid #191919;
						}
					.cinematography #main ul li.narrative_1 a { background-image: url(cinematography/thumbs/kite.jpg); }
					.cinematography #main ul li.narrative_2 a { background-image: url(cinematography/thumbs/narrative2.jpg); }
					.cinematography #main ul li.commercial a{ background-image: url(cinematography/thumbs/dali.jpg); }
					.cinematography #main ul li.documentary a{ background-image: url(cinematography/thumbs/ethnographic.jpg); }
					.cinematography #main ul li.scenic a{ background-image: url(cinematography/thumbs/scenic.jpg); }
		
		
	/* INDEX  & PHOTOGRAPHY */
		.index #main,
		.photography #main{
			padding: 0;
			height: 410px;
			}
		.photography #flashcontent #viewer{
			margin: -10px 0 0 0;
			height: 410px;
			}
			.index #flashcontent {
				width: 700px;
				overflow: hidden;
				text-indent: -40px;
			}
		.index #flashcontent #viewer {
			margin: 20px 0;
			height: 380px;
			width: 780px;
			overflow: hidden;
			}
			
		/* CONTACT */
		
		.vcard {
			margin: 2em;
			line-height: 2em;
			}
			.vcard a {
				text-decoration: none;
				}
				.vcard a:hover {
					text-decoration: underline;
					}
			.fn {
				font-size: 2em;
				line-height: 1.5em;
				}
		
/* MENU */
#menu{
	background: #262626;
	font-size: 1.1em;
	height: 3.5em;
	}
	#menu li {
		display: inline;
	}
	#menu li a {
		display: block;
		float: left;
		text-align: center;
		padding: 1.25em 0;
		width: 20%;
		text-decoration: none;
		}
		#menu li.home a {
			background: url(images/menu_bg.gif) bottom left no-repeat;
			}
		#menu li.contact a {
			background: url(images/menu_bg.gif) bottom right no-repeat;
		}
		#menu li a:hover,
		#menu li a.active {
			background: #333;
			}
			#menu li.home a:hover,
			#menu li.home a.active {
				background: #333 url(images/menu_bg_hover.gif) bottom left no-repeat;
			}
			#menu li.contact a:hover,
			#menu li.contact a.active {
				background: #333 url(images/menu_bg_hover.gif) bottom right no-repeat;
			}
#footer {
	font-size: 0.9em;
	text-align: center;
	margin-top: 1.25em;
	color: #262626;
	}