<style type="text/css" media="all">* {
 border: 0;
 margin: 0;
 padding: 0;
}
/* =Hoverbox Code
----------------------------------------------------------------------*/
#hoversection {
	width: 525px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.hoverbox {
	cursor: default;
	list-style: none;
	font-size: 9px;
	color: #AA0000;
}
.hoverbox img {
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 75px;
	height: auto;
}
.hoverbox li {
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	display: inline;
	position: relative;
	width: auto;
	height: auto;
	float: left;
	padding:  5px ;
}
.hoverbox a { cursor: default; }
.hoverbox a .previewportrait { display: none; }
.hoverbox a:hover .previewportrait {
	display: block;
	position: absolute;
	top: -150px;
	z-index: 1;
	left: -450px;
}
.hoverbox .previewportrait {
	width: 350px;
	height: auto;
	border-color: #0f0a6b;
}
.hoverbox a:hover .previewportraitrightside {
	display: block;
	position: absolute;
	top: -150px;
	z-index: 1;
	left: 100px;
}
.hoverbox a .previewportraitrightside { display: none; }
.hoverbox .previewportraitrightside {
	width: 350px;
	height: auto;
	border-color: #0f0a6b;
}
.hoverbox a .previewlandscape { display: none; }

.hoverbox a:hover .previewlandscape {
	display: block;
	position: absolute;
	top: -250px;
	z-index: 1;
	left: -650px;
}
.hoverbox .previewlandscape {
	width: auto;
	height: 450px;
	border-color: #0f0a6b;
}
.hoverbox a:hover .previewportraitsculptureclass {
	display: block;
	position: absolute;
	top: -400px;
	z-index: 1;
	left: 100px;
}
.hoverbox a .previewportraitsculptureclass { display: none; }
.hoverbox .previewportraitsculptureclass {
	width: auto;
	height: 450px;
	border: solid #880000 3px;
	padding:20px;
	background-color: #dddddd;
}






</style>
