#content div.intro {
    width: auto;
}

div.people-list {
    position: relative;
    padding-right: 16px;
}

div.people-list div.people-wrapper {
    position: relative;
    overflow: hidden;
}
div.people-list div.slider-wrap {
	width: 624px;
	padding:0 17px;
	position:relative;
}
div.people-list div.slider {
	cursor:pointer;
	width:100%;
    height: 18px;
    background-repeat: no-repeat;
	margin:0 auto;
}
div.people-list div.slider-handle-wrap {
	position:relative;
	width:476px;
	margin: 0 auto;
}

div.people-list a.slider-left,
div.people-list a.slider-right {
	position:absolute;
	width:17px;
	height:17px;
	top:0;
	z-index:1;
	outline:0;
}
div.people-list a.slider-left {
	left:0;
}
div.people-list a.slider-right {
	right:0;
}
/*
div.people-list div.slider {
    position: relative;
    width: 658px;
    height: 18px;
    background-repeat: no-repeat;
}

div.people-list div.slider div.handle {
    cursor: pointer;
    position: absolute;
    top: 3px;
    z-index: 100;
    width: 185px;
    height: 12px;
    background: url(../img/people/handle.gif) no-repeat;
}
*/

div.people-list div.slider .ui-slider-handle {
    cursor: pointer;
    position: absolute;
    top: 3px;
    z-index: 100;
    width: 150px;
	margin-left:-75px;
    height: 12px;
    background: url(../img/people/handle.gif) no-repeat 50% 50%;
}
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }

div.people-list ul.people {
    position: relative;
    overflow: hidden;
}

div.people-list ul.people li.person {
    float: left;
}




div.people-featured-top {
    background: url(../img/people/bg-box.gif) no-repeat top left;
    height: 12px;
}

div.people-featured {
    padding-bottom: 12px;
    background: url(../img/people/bg-box.gif) no-repeat bottom left;
    margin-bottom: 1em;
}

div.people-featured div.people-wrapper {
    margin: 0 10px;
    width: 650px;
}

div.people-featured div.slider-wrap {
    margin: 10px 0 0 7px;
    background-image: url(../img/people/control-ongreen.gif);
}

div.people-featured ul.people li.person {
    width: 137px;
    cursor: pointer;
}

#content div.people-featured ul.people li.person h3 {
    font-size: 1.0em;
    margin: 0.2em 0 0 0;
    text-align: center;
    color: #000;
}




div.people-all {
    margin-top: 2em;
    padding-bottom: 20px;
    background: url(../img/divider-horizontal.gif) repeat-x bottom left;
}

div.people-all div.slider {
    background-image: url(../img/people/control-onwhite.gif);
}

div.people-all div.people-wrapper {
    width: 650px;
    margin-bottom: 6px;
}

div.people-all ul.people li.person {
    width: 84px;
    cursor: pointer;
}

#content div.people-all ul.people li.person h3 {
    font-size: 0.9em;
    margin: 0.2em 0 0 0;
    text-align: center;
    color: #000;
}



#content div.people-featured ul.people li.person-current img,
#content div.people-featured ul.people li.person:hover img,
#content div.people-all ul.people li.person-current img,
#content div.people-all ul.people li.person:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#content div.people-featured ul.people li.person-current h3,
#content div.people-featured ul.people li.person:hover h3,
#content div.people-all ul.people li.person-current h3,
#content div.people-all ul.people li.person:hover h3 {
    color: #8a0000;
}



div.people-single {
    padding: 15px;
    overflow:hidden;
    background: #e9dbcb url(../img/divider-horizontal.gif) repeat-x bottom left;
}

div.people-single div.people-wrapper {
    width: 536px;
    float: left;
    margin: 0 10px;
}

div.people-single img {
    float: left;
    margin-right: 10px;
}

div.people-single ul.people li.person {
    overflow: hidden;
    width: 536px;
}

div.people-single ul.people li.person div.person-copy {
    float: left;
    width: 357px;
}

#content div.people-single ul.people li.person h3 {
    color: #8a0000;
    margin: 3px 0 0.5em 0;
    font-size: 1.2em;
}

div.people-single div.control {
    float: left;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    margin-top: 60px;
}

div.people-single div.control:hover {
    background-position: 0px -50px;
}

div.people-single div.person-prev {
    background-image: url(../img/people/arrow-left.gif);
}

div.people-single div.person-next {
    background-image: url(../img/people/arrow-right.gif);
}


div.loading {
    overflow: hidden;
    width: 200px;
    text-align: center;
    margin: 0 auto;
}

div.loading img {
    float: left;
}

div.loading span {
    margin: 3px 0 0 4px;
    float: left;
}