@charset "utf-8";
/* CSS Document */

#worksExplanation { margin:15px 0; }

#works { margin-left:-5px; }

.worksBox {
	float:left;
	width:200px;
	border:#999 1px solid;
	text-align:left;
	padding:9px;
	margin:0 0 10px 5px;
}

.worksText { width:200px; text-align:left; padding-top:5px; }
.worksTitle { color:#5E318F; font-weight:bold; }

.worksPhoto01 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works01.jpg); }
.worksPhoto01 a:hover { background-image: url(../images/works/after/works01.jpg); }

.worksPhoto02 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works02.jpg); }
.worksPhoto02 a:hover { background-image: url(../images/works/after/works02.jpg); }

.worksPhoto03 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works03.jpg); }
.worksPhoto03 a:hover { background-image: url(../images/works/after/works03.jpg); }

.worksPhoto04 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works04.jpg); }
.worksPhoto04 a:hover { background-image: url(../images/works/after/works04.jpg); }

.worksPhoto05 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works05.jpg); }
.worksPhoto05 a:hover { background-image: url(../images/works/after/works05.jpg); }

.worksPhoto06 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works06.jpg); }
.worksPhoto06 a:hover { background-image: url(../images/works/after/works06.jpg); }

.worksPhoto07 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works07.jpg); }
.worksPhoto07 a:hover { background-image: url(../images/works/after/works07.jpg); }

.worksPhoto08 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works08.jpg); }
.worksPhoto08 a:hover { background-image: url(../images/works/after/works08.jpg); }

.worksPhoto09 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works09.jpg); }
.worksPhoto09 a:hover { background-image: url(../images/works/after/works09.jpg); }

.worksPhoto10 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works10.jpg); }
.worksPhoto10 a:hover { background-image: url(../images/works/after/works10.jpg); }

.worksPhoto11 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works11.jpg); }
.worksPhoto11 a:hover { background-image: url(../images/works/after/works11.jpg); }

.worksPhoto12 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works12.jpg); }
.worksPhoto12 a:hover { background-image: url(../images/works/after/works12.jpg); }

.worksPhoto13 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works13.jpg); }
.worksPhoto13 a:hover { background-image: url(../images/works/after/works13.jpg); }

.worksPhoto14 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works14.jpg); }
.worksPhoto14 a:hover { background-image: url(../images/works/after/works14.jpg); }

.worksPhoto15 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works15.jpg); }
.worksPhoto15 a:hover { background-image: url(../images/works/after/works15.jpg); }

.worksPhoto16 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works16.jpg); }
.worksPhoto16 a:hover { background-image: url(../images/works/after/works16.jpg); }

.worksPhoto17 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works17.jpg); }
.worksPhoto17 a:hover { background-image: url(../images/works/after/works17.jpg); }

.worksPhoto18 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works18.jpg); }
.worksPhoto18 a:hover { background-image: url(../images/works/after/works18.jpg); }

.worksPhoto19 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works19.jpg); }
.worksPhoto19 a:hover { background-image: url(../images/works/after/works19.jpg); }

.worksPhoto20 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works20.jpg); }
.worksPhoto20 a:hover { background-image: url(../images/works/after/works20.jpg); }

.worksPhoto21 a{ height: 150px; width: 200px; display: block; overflow: hidden; background-image: url(../images/works/before/works21.jpg); }
.worksPhoto21 a:hover { background-image: url(../images/works/after/works21.jpg); }