body {
margin: 0;
background-color: white;
color: black;
font-family: Helvetica, Arial, sans-serif;;
color: #34261d;
font-size: 0.6em;
line-height: 0.75em;
text-align: center;
min-width: 600px;
}

a {
text-decoration: none;
color: #34261d;
}

a:hover{
color: red;
}

:focus{
-moz-outline-style: none;
}

#container {
margin: 0 auto;
width: 774px;
text-align: left;
min-height: 100%;
height: auto !important;
height: 100%;
background-color: #fff;
}

#header {
width: 100%;
height: 35px;
margin-top: 20px;
margin-bottom: 50px;
background-image: url(../images/header.gif);
background-repeat: no-repeat;
text-indent: -10000px;
}

#gallery {
height: auto;
width: 774px;
float: left;
}

.column {
height: 100%;
width: 128px;
float: left;
margin-right: 1px;
}

.columnSectionHead{
text-indent: 0px;
line-height: 1.3em;
margin-bottom: 10px;
height: 25px;
}

.columnSquare {
margin-bottom: 1px;
width: 128px;
height: 110px;
display: block;
text-indent: -10000px;
}

.columnSquareNoLightbox {
margin-bottom: 1px;
width: 128px;
height: 110px;
display: block;
text-indent: -10000px;
}

a.columnSquare:hover, a.columnSquareNoLightbox:hover {
background-position: 0 -110px;
}

/* Same as above, just a different name so no lightbox is called into action */
.columnSquareNoLightbox {
margin-bottom: 1px;
width: 128px;
height: 110px;
display: block;
text-indent: -10000px;
}