@charset "utf-8";
.resumeDropShadow {
	background-image: url(../images/resumeshadow.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.thumbs 
{
	width: 500px;
	height: 125px;
	overflow: hidden;
	position: relative;
	padding: 5px 0 0;
}
#inside {
	margin: 0 auto;
}




ul.thumbs {
	padding: 5px 0 0 15px;
	margin: 0;
	list-style: none;
	top: 0px;
	width: 1700px;
	height: 180px;
	border: none;
}


.thumbs li {
	float: left;
	padding: 0 4px;
	width: 92px;
}
.thumbs a {
	text-decoration: none;
}

.thumbs span {
	/* We want a caption to display on the next line */
  display: none;
	margin-top: 3px;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
 .thumbs a:hover img {
	opacity: 0.5; 
 }


.thumbdisp
{
	background-image: url(../images/thumbshadow.png);
	background-repeat: no-repeat;
	background-position: 2px 20px;
}
.imagedisp3D {
	width: 666px;
	background-image: url(../images/displayds.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 328px;
}

.imagedisp3D img {
	border-right-width: 28px;
	border-right-style: solid;
	border-right-color: #000;
	border-left-width: 29px;
	border-left-style: solid;
	border-left-color: #000;


}
.imagedisp {
	width: 668px;
	background-image: url(../images/displayds.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 324px;
	float: left;
}

#thumbwrapper {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position: absolute;
	top: 500px;
	z-index: 10000;
	left: 0px;
	background-image: url(../images/thumbsframe.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#gallery {
	width: 668px;
	position: relative;
	margin: 0;
	padding: 0;
	float: right;
	background-repeat: no-repeat;
	background-position: bottom left;
}


#dropshadow {
	width: 36px;
	height: 324px;
	background-image: url(../images/displayds.png);
	position: relative;
}
#parent2 li {
	margin: 0px;
	padding: 0px;
}