#leftpanel
	{
		text-align: left;
		padding: 0px;
	}
#pagecontent
	{
		background-image: url('../images/BackForPortfolio.jpg');
	}
.portfolioSect
	{
		display: block;
		position: absolute;
		width: 180px;
		height: 490px;
		top: 0px;
		left: 25px;
		z-index: 1000;
		padding: 0px;
		margin: 0px;
	}
.portfolioSect .instructions
	{
		display: block;
		position: relative;
		width: 180px;
		height: 35px;
		top: 0px;
		font-family: Verdana;
		font-size: 9pt;
		font-weight: normal;
		text-align: center;
		color: #F6F9A0;
		padding-top: 5px;
	}
ul.joblist
	{
		display: block;
		position: absolute;
		width: 180px;
		height: 390px;
		left: 0px;
		top: 40px;
		margin: 0px;
		padding: 0px;
		background: transparent;
	}
ul.joblist li
	{
		display: block;
		position: absolute;
		width: 180px;
		height: 70px;
		padding: 0px;
		margin: 0px;
		margin-bottom: 10px;
		top: 0px;
	}
ul.joblist a, ul.joblist a:visited
	{
		overflow: hidden;
	}
ul.joblist a:hover
	{
		overflow: visible;
	}
ul.joblist li .bigphotos, ul.joblist a .bigphotos, ul.joblist a:visited .bigphotos
	{
		display: none;
		visibility: hidden;
	}
ul.joblist li:hover .bigphotos, ul.joblist a:hover .bigphotos
	{
		display: block;
		visibility: visible;
		position: absolute;
		width: 570px;
		height: 390px;
		left: 205px;
		background-image:url('../images/Portfolio/BigPhotoBack.jpg');
		background-position:top center;
		background-repeat:no-repeat;
		z-index: 1000;
	}
.startphoto
	{
		display: block;
		position: absolute;
		width: 570px;
		height: 390px;
		left: 10px;
		top: 50px;
		background: transparent;
		z-index: 1000;		
	}
.startphoto .beforeLeft, .startphoto .afterRight, .startphoto .constLeft, .startphoto .renderLeft
	{
		display: block;
		position: absolute;
		width: 100px;
		height: 34px;
		top: 70px;
		left: 330px;
		background-image: url('../images/Portfolio/BeforeLeft.jpg');
		background-position: top left;
		background-repeat: no-repeat;
		z-index: 1001;
	}
.startphoto .constLeft {background-image:url('../images/Portfolio/ConstLeft.jpg');width:150px;}
.startphoto .renderLeft {background-image:url('../images/Portfolio/RenderLeft.jpg');}
.startphoto .afterRight, .startphoto .constRight
	{
		display:block;
		position:absolute;
		width:100px;
		height:34px;
		top: 270px;
		left: 150px;
		background-image: url('../images/Portfolio/AfterRight.jpg');
		background-position: top left;
		background-repeat: no-repeat;
		z-index:1001;
	}	
.startphoto .constRight {background-image:url('../images/Portfolio/ConstRight.jpg');width:150px;left:100px;}
.startphoto .tlshadow, .startphoto .brshadow  /* top left, bottom left */
	{
		display: block;
		position: relative;
		width: 280px;
		height: 210px;
		top: 10px;
		left: 20px;
		background-color: #182701;
		z-index: 1500;
	}
.startphoto .brshadow
	{
		top: -30px;
		left: 290px;
		z-index: 2000;
	}
.photopad
	{
		display: block;
		position: relative;
		width: 280px;
		height: 210px;
		left: -10px;
		top: -10px;
	/*	background-color: #3C5F0B;
		border: 1px solid #345507;*/
		
	}
.photopad img
	{
		display: block;
		position: absolute;
		width: 280px;
		height: 210px;
		top: 0px;
		left: 0px;
		border: 0px;
		margin: 0px;
	}
.bigphotos .beforeLeft, .bigphotos .afterRight, .bigphotos .renderLeft, .bigphotos .constRight, .bigphotos .beforeRight, .bigphotos .afterLeft, .bigphotos .renderRight, .bigphotos .constLeft  /* left and right denotes the direction the arrow POINTS */
	{
		display: block;
		position: absolute;
		width: 100px;
		height: 34px;
		top: 70px;
		left: 330px;
		background-image: url('../images/Portfolio/BeforeLeft.jpg');
		background-position: top left;
		background-repeat: no-repeat;
		z-index: 1001;
	}
.bigphotos .renderLeft {background-image:url('../images/Portfolio/RenderLeft.jpg');}
.bigphotos .afterRight, .bigphotos .constRight
	{
		top: 270px;
		left: 150px;
		background-image: url('../images/Portfolio/AfterRight.jpg');
		background-position: top left;
		background-repeat: no-repeat;
	}
.bigphotos .constRight {background-image:url('../images/Portfolio/ConstRight.jpg');width:150px;left:100px;}
.bigphotos .beforeRight, .bigphotos .renderRight
	{
		display: block;
		position: absolute;
		width: 200px;
		height: 67px;
		top: 70px;
		left: 150px;
		background-image: url('../images/Portfolio/BeforeRight.jpg');
		background-position: top left;
		background-repeat: no-repeat;
		z-index: 1001;
	}
.bigphotos .afterLeft, .bigphotos .constLeft
	{
		top: 270px;
		left: 330px;
		background-image: url('../images/Portfolio/AfterLeft.jpg');
		background-position: top left;
		background-repeat: no-repeat;
	}
.bigphotos .renderRight {background-image:url('../images/Portfolio/RenderRight.jpg');}
.bigphotos .constLeft {background-image:url('../images/Portfolio/constLeft.jpg');width:150px;}
.bigphotos .tlshadow, .bigphotos .brshadow  /* top left, bottom right */
	{
		display: block;
		position: relative;
		width: 280px;
		height: 210px;
		top: 10px;
		left: 20px;
		background-color: #182701;
		z-index: 1500;
	}
.bigphotos .brshadow
	{
		top: -30px;
		left: 290px;
		z-index: 2000;
	}
.bigphotos .blshadow, .bigphotos .trshadow
	{
		display: block;
		position: relative;
		width: 280px;
		height: 210px;
		top: 10px;
		left: 290px;
		background-color: #182701;
		z-index: 1500;
	}
.bigphotos .blshadow
	{
		top: -30px;
		left: 20px;
	}
.pageLinks
	{
		display: block;
		position: absolute;
		height: 25px;
		width: 180px;
		top: 440px;
		font-family: Verdana;
		font-size: 9pt;
		font-weight: normal;
		text-align: center;
		line-height: 18pt;
		color: #F6F9A0;
	}
.pageLinks a.pages, .pageLinks a.pages:visited
	{
		font-family: Verdana;
		font-size: 9pt;
		font-weight: normal;
		text-decoration: underline;
		color: #F6F9A0;
	}
.pageLinks a.pages:hover
	{
		text-decoration: underline;
		color: #9CF820;
	}
img.small
	{
		width: 180px;
		height: 70px;
		border: 0px;
	}