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

div {
    width: 750px;
    height: 780px;
	background-size: contain;
}

div div {
    width: 250px;
    height: 260px;
    float: left;
	background-size: contain;
}

.exhibit {
    background-image: url(http://files.artfly.com/DorothyHood/Dorothy%20Hood%20Website-03.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 260px;
	background-color: #E04726;
	}
	
.exhibit a {
	display: block;
	height: 260px;
	width: 250px;
}

.exhibit a:hover{
	background-color: rgba(224,71,38,0.7);
}

.exhibit a span {
	display: none;
}	

.collection {
    background-image: url(http://files.artfly.com/DorothyHood/Dorothy%20Hood%20Website-02.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 260px;
	background-color: #FDB525;
}

.collection a {
	display: block;
	height: 260px;
	width: 250px;
}

.collection a:hover{
	background-color: rgba(253,181,37,0.7);
}

.collection a span {
	display: none;
}

.amst {
    background-image: url(http://files.artfly.com/DorothyHood/Dorothy%20Hood%20Website-04.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 260px;
	background-color: #3D77BC;
}

.amst a {
	display: block;
	height: 260px;
	width: 250px;
}

.amst a:hover{
	background-color: rgba(61,119,188,0.7);
}

.amst a span {
	display: none;
}

.about {
    background-image: url(http://files.artfly.com/DorothyHood/Dorothy%20Hood%20Website-01.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 260px;
	background-color: #662D91;
}

.about a {
	display: block;
	height: 260px;
	width: 250px;
}

.about a:hover{
	background-color: rgba(102,45,145,0.7);
}

.about a span {
	display: none;
}