.photos {
/*	width:668px;*/
	width:720px;
	margin:auto;
	margin-top:50px;
	margin-bottom:1px;
	padding-bottom:1px;
	padding-top:250px;
	vertical-align:top;
	height:150px;
	background-image:url(../images/oracare.jpg);
	background-repeat:no-repeat;
	background-position:center 10px;
}

.hoverbox {
	cursor: default;
	list-style: none;
}

.hoverbox a {
	cursor: default;
}

.hoverbox a .preview {
	display: none;
}

.hoverbox a:hover .preview {
	display: block;
	position: absolute;
	top: -270px;
	left: -45px;
	z-index: 1;
}

.hoverbox img {
	background:#FFFFFF;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	color:inherit;
	padding:0px;
	margin:1px;
	vertical-align:top;
	width:116px;
	height:87px;
}

.hoverbox li {
	background:#FFFFFF;
	border-color:#CCCCCC; 
	border-style:solid;
	border-width:0px;
	color:inherit;
	display:inline;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
}

.hoverbox .preview {
	width: 300px;
	height: 225px;
}
.hoverbox .portrait {
	display:inline;
	width:64px;
}

.hoverbox a {
	position: relative;
}

.hoverbox a:hover {
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview {
	top: -270px;
	left: -50px;
}

.hoverbox li {
	position: static;
}

.hoverbox li .preview {
	background-image:url(../images/photobg.jpg);
	background-repeat:no-repeat;
	border:none;
	padding-right:8px;
	padding-bottom:8px;
	width:300px;
	height:225px;
}

.hoverbox a:hover .photo1 {
	left:201px;
}

.hoverbox a:hover .photo2 {
	left:81px;
}

.hoverbox a:hover .photo3 {
	left:-39px;
}

.hoverbox a:hover .photo4 {
	left:-159px;
}

.hoverbox a:hover .photo5 {
	left:-279px;
}

.hoverbox a:hover .photo6 {
	left:-399px;
/*	width:150px;
	padding-left:79px;
	padding-right:79px;
	background-image:url(../images/photobgportrait.jpg);
	background-repeat:no-repeat;*/
}