#content {
    margin: 20px 240px;
	max-width: 800px;
	padding: 0px 30px;
}

.flower {
    float: right;
    position: absolute;
    top: 105px;
    right: 0;
}

.flowersquare {
    width: 80px;
    height: 80px;
    background-color: #f5f5f5;
    box-shadow: 1px 1px 2px #ccc;
}

.floweremptysquare {
    width: 80px;
    height: 80px;
}

.square {
    width: 160px;
    height: 160px;
    background-color: #f5f5f5;
    box-shadow: 1px 1px 2px #ccc;
    position: relative;
}

.square:hover {
    background-color: #e0f0f0;
}

.square span {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #e0e0e0;
}

.square img {
    padding: 5px 0px;
    width: 128px;
    height: 128px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.emptysquare {
    width: 160px;
    height: 160px;
    position: relative;
}

.emptysquare:hover {
    background-color: #e0f0f0;
}

.emptysquare span {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #e0e0e0;
}

.emptysquare img {
    padding: 5px 0px;
    width: 128px;
    height: 128px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.button {
    background-color: #f5f5f5;
    padding: 5px;
}

.button:hover {
    padding: 5px;
	background-color: #e0f0f0;
	border: none;
	color: #202530;
	border-left: 2px solid #2a7cdf;
}

.square > a, a:link, a:visited {
	color: #595959;
	text-decoration: none;
}

.emptysquare > a, a:link, a:visited {
	color: #595959;
	text-decoration: none;
}
