/*	this file contains the css to style the portfolio thumbnail rollover images.
	because we reference the images using relative path names, this file must 
	be present in the portfolio directory.
*/

/* debugging:
div { border: solid 1px red; }
*/
/*portfolio section*/
div#fullpage { width: 940px;  }
div#main { width: 705px; }

div#sectiontitle { margin-right: 400px; margin-bottom: 20px; }


div#thumbgrid { width: 200px; float: left; }
div#largeimage { width: 500px; height: 600px; float: left; }

div.thumbimage { width: 75px; height: 75px; margin: 0 5px 7px 5px; float: left; }
div.thumbimage a {  display:block; width: 75px; height: 75px; border: 1px solid black; }


div#thumb1 a { background-image: url(images/thumb/offimages/1.jpg); }
div#thumb1 a:hover { background-image: url(images/thumb/onimages/1.jpg); }
div#thumb2 a { background-image: url(images/thumb/offimages/2.jpg); }
div#thumb2 a:hover { background-image: url(images/thumb/onimages/2.jpg); }
div#thumb3 a { background-image: url(images/thumb/offimages/3.jpg); }
div#thumb3 a:hover { background-image: url(images/thumb/onimages/3.jpg); }
div#thumb4 a { background-image: url(images/thumb/offimages/4.jpg); }
div#thumb4 a:hover { background-image: url(images/thumb/onimages/4.jpg); }
div#thumb5 a { background-image: url(images/thumb/offimages/5.jpg); }
div#thumb5 a:hover { background-image: url(images/thumb/onimages/5.jpg); }
div#thumb6 a { background-image: url(images/thumb/offimages/6.jpg); }
div#thumb6 a:hover { background-image: url(images/thumb/onimages/6.jpg); }
div#thumb7 a { background-image: url(images/thumb/offimages/7.jpg); }
div#thumb7 a:hover { background-image: url(images/thumb/onimages/7.jpg); }
div#thumb8 a { background-image: url(images/thumb/offimages/8.jpg); }
div#thumb8 a:hover { background-image: url(images/thumb/onimages/8.jpg); }
div#thumb9 a { background-image: url(images/thumb/offimages/9.jpg); }
div#thumb9 a:hover { background-image: url(images/thumb/onimages/9.jpg); }
div#thumb10 a { background-image: url(images/thumb/offimages/10.jpg); }
div#thumb10 a:hover { background-image: url(images/thumb/onimages/10.jpg); }
div#thumb11 a { background-image: url(images/thumb/offimages/11.jpg); }
div#thumb11 a:hover { background-image: url(images/thumb/onimages/11.jpg); }
div#thumb12 a { background-image: url(images/thumb/offimages/12.jpg); }
div#thumb12 a:hover { background-image: url(images/thumb/onimages/12.jpg); }
div#thumb13 a { background-image: url(images/thumb/offimages/13.jpg); }
div#thumb13 a:hover { background-image: url(images/thumb/onimages/13.jpg); }
div#thumb14 a { background-image: url(images/thumb/offimages/14.jpg); }
div#thumb14 a:hover { background-image: url(images/thumb/onimages/14.jpg); }