/* styles used in the main gallery index page */

/* this is used to make sure the content section isn't too long and the footer is way down. */
/* it will need to be adjusted if the number of gallery section imgages changes. */
#gallery #container #content {
height:550px;
}

/**********************************************************/
/* the following are used to style the gallery index page */
/**********************************************************/
a .alt {
display:none;
}


a#cabinets {
display: block;
width:220px;
height: 220px;
background-image: url(../gallery/linkCabinets.jpg);
background-position: 0 0;
border:1px solid #000000;
position:relative;
left:270px;
top:20px;
}
a#cabinets:hover {
    background-position: 0 -220px;
}


a#tables {
display: block;
width: 220px;
height: 220px;
background-image:url(../gallery/linkTables.jpg);
background-position: 0 0;
border:1px solid #000000;
position:relative;
left:520px;
top:-200px;
}
a#tables:hover {
    background-position: 0 -220px;
}

a#jewelleryBoxes {
display: block;
width: 220px;
height: 220px;
background-image: url(../gallery/linkJewelleryBoxes.jpg);
background-position: 0 0;
border:1px solid #000000;
position:relative;
left:270px;
top:-175px;
}
a#jewelleryBoxes:hover {
    background-position: 0 -220px;
}

a#giftIdeas {
display: block;
width: 220px;
height: 220px;
background-image: url(../gallery/linkGifts.jpg);
background-position: 0 0;
border:1px solid #000000;
position:relative;
left:520px;
top:-395px;
}
a#giftIdeas:hover {
    background-position: 0 -220px;
}