/* CSS Document */

/* BOXES */

#photographer #btn {
	float: none;
	margin: 20px 6px 6px;
	width: 286px;
}

#photographer * {
	text-align: center;
}

#intro img {
	margin-left: 5px;
}

#photographer img {
	margin-left: 6px;
	margin-right: 6px;
}

#bio {
	width: 220px;
	text-align: left;
	float: right;
	position: relative;
}

#bio ul li.list a {
	display: block;
	background: url(../images/main/arrow.gif) no-repeat 100% 50%;
	text-decoration: none;
	color: #999999;
	text-align: left;
	border-top: 1px dashed #D2D2D2;
	font: normal 16px/60px "Lucida Grande", Lucida, Verdana, sans-serif;
	height: 60px;
}

#bio ul li.list a:hover {
	background: #fcfcfc url(../images/main/arrow_o.jpg) no-repeat 100% 50%;
}

#bio ul li.list {
	margin: 0;
}

#bio ul li.listActive {
	display: block;
	background: url(../images/main/arrow_down.gif) no-repeat 100% 50%;
	text-decoration: none;
	color: #FF9000;
	text-align: left;
	border-top: 1px dashed #D2D2D2;
	font: normal 16px/60px "Lucida Grande", Lucida, Verdana, sans-serif;
	height: 60px;
}

#bio p {
	word-spacing: -0.1em;
}