#mainimage
{
  width: 560px;
	height: 380px;
	margin: 0px 0px 0px 20px;
}

#thumbnails
{
  float: right;
	width: 210px;
	height: 400px;
}

#thumbnails .thumb1, #thumbnails .thumb2, #thumbnails .thumb3, #thumbnails .thumb4, #thumbnails .thumb5, #thumbnails .thumb6, #thumbnails .thumb7, #thumbnails .thumb8
{
	display: block;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	float: left;
	margin: 0px 0px 5px 5px;
	text-decoration: none;
}

#thumbnails .thumb1 IMG, #thumbnails .thumb2 IMG, #thumbnails .thumb3 IMG, #thumbnails .thumb4 IMG, #thumbnails .thumb5 IMG, #thumbnails .thumb6 IMG, #thumbnails .thumb7 IMG, #thumbnails .thumb8 IMG
{
	filter: alpha(opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-moz-opacity: 0.00; opacity:0.00;
	width: 100px;
	height: 100px;
}

#thumbnails .thumb1:hover IMG, #thumbnails .thumb2:hover IMG, #thumbnails .thumb3:hover IMG, #thumbnails .thumb4:hover IMG, #thumbnails .thumb5:hover IMG, #thumbnails .thumb6:hover IMG, #thumbnails .thumb7:hover IMG, #thumbnails .thumb8:hover IMG
{
	filter: alpha(opacity=20);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	-moz-opacity: 0.30; opacity:0.30;
}

#thumbnails .thumb1 { background-image: url(/bin/portfolio/portrait_thumb1.jpg); }
#thumbnails .thumb2 { background-image: url(/bin/portfolio/portrait_thumb2.jpg); }
#thumbnails .thumb3 { background-image: url(/bin/portfolio/portrait_thumb3.jpg); }
#thumbnails .thumb4 { background-image: url(/bin/portfolio/portrait_thumb4.jpg); }
#thumbnails .thumb5 { background-image: url(/bin/portfolio/portrait_thumb5.jpg); }
#thumbnails .thumb6 { background-image: url(/bin/portfolio/portrait_thumb6.jpg); }
#thumbnails .thumb7 { background-image: url(/bin/portfolio/portrait_thumb7.jpg); }
#thumbnails .thumb8 { background-image: url(/bin/portfolio/portrait_thumb8.jpg); }

<!-- (c) CairnDesigns 2008 -->
<!-- Last modified 17th June 2008 -->