#main {
   margin-top: 60px;
}
.widepane
{
   width: 972px;
}
.pane
{
   width: 732px;
}
.item
{
   float: left;
   position: relative;
}
.item, .item a
{
   color: #000000;
}
.item a
{
   font-weight: bold;
}
.widepane .item
{
   width: 320px;
   height: 240px;
   margin: 2px;
}
.pane .item
{
   width: 240px;
   height: 180px;
   margin: 2px;
}
.item .overlay
{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background-color: #ffffff;
   opacity: 0.9;
   filter: alpha(opacity=90);
   visibility: hidden;
}
.item:hover .overlay
{
   visibility: visible;
}
.widepane .description
{
   padding: 12px;
   margin: auto;
}
.pane .description
{
   padding: 8px;
   font-size: 16px;
   margin: auto;
}
.vcenter .description
{
   padding-top: 33%;
}
#home
{
   float: left;
   width: 100%;
   padding: 24px 0px;
   text-align: center;
   margin-bottom: 40px;
}
@media only screen and (max-device-width: 480px) {
#main {
   margin-top: 10px;
}
.widepane
{
   width: 648px;
   font-size: 26px;
}
.pane
{
   width: 488px;
   font-size: 20px;
}
#home
{
   margin-bottom: 20px;
}
} /* @media */