/* CSS Document */

#thumbContainer_photographyIndex  {
float:left;
margin-left:110px;
width:450px;
margin-top:15px;
padding-bottom:50px;
padding-left:0px;

}



#thumbContainer_photographyIndex li  {
float:left;
width:100%;
text-align:left;
font-size:11px;
margin-bottom:40px;
margin-left:20px;
width:120px;
height:80px;
list-style:none;

}


.thumbContainer_photographyIndex a {
float:left;
width:120px;
height:80px;

margin:0px;
display:block;
}

.thumbContainer_photographyIndex a:hover {
background-position:-120px 0px;

}

.thumbAndCaption_container {
float:left;
width:100%;
height:100%;

}

.thumbContainer {
float:left;
width:120px;
height:79px;
background-color:white;
border:solid 1px #000000;
}



.caption {
float:left;
margin-top:0px;
width:120px;
text-align:center;
line-height:1.5em;
font-weight:bold;
padding:0px;
}



#plants a  {
float:left;
width:120px;
height:80px;
background-repeat:no-repeat;
background-position:0px 0px;
background-image:url(../images/photoGalleries/photoIndex_thumbs/plants_thumb.jpg);

}

#plants a:hover  {
display:invisible;
}

#statuary  a {
float:left;
width:120px;
height:80px;
background-image:url(../images/photoGalleries/photoIndex_thumbs/statuary_thumb.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#pottery a {
float:left;
width:120px;
height:80px;
background-image:url(../images/photoGalleries/photoIndex_thumbs/pottery_thumb.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}


#waterfalls a {
float:left;
width:120px;
height:80px;
background-image:url(../images/photoGalleries/photoIndex_thumbs/waterfalls_thumb.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#outdoorFurniture a {
float:left;
width:120px;
height:80px;
background-image:url(../images/photoGalleries/photoIndex_thumbs/outdoorFurniture_thumb.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}


#arbors a {
float:left;
width:120px;
height:80px;
background-image:url(../images/photoGalleries/photoIndex_thumbs/arbors_thumb.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}


#benches a {
float:left;
width:120px;
height:80px;
background-image:url(../images/photoGalleries/photoIndex_thumbs/benches_thumb.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}



#fountains a {
float:left;
width:120px;
height:80px;
background-image:url(../images/photoGalleries/photoIndex_thumbs/fountains_thumb.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#installations a {
float:left;
width:120px;
height:80px;
background-image:url(../images/photoGalleries/photoIndex_thumbs/installations_thumb.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#soilMulchFert a {
float:left;
width:120px;
height:80px;
background-image:url(../images/photoGalleries/photoIndex_thumbs/soilMulchFert_thumb.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}


#aerials a {
float:left;
width:120px;
height:80px;
background-image:url(../images/photoGalleries/photoIndex_thumbs/aerials_thumb.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#decorativeStone a {
float:left;
width:120px;
height:80px;
background-image:url(../images/photoGalleries/photoIndex_thumbs/decorativeStone_thumb.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

/*styles to temporarily render the styles below invisible. I added a id to the list item divs that should be removed when reactivation the list items.*/

li#people, li#animals {
visibility:hidden;
}

.caption #people, .caption #animals {
visibility:hidden;
}

/*end invisible styles*/


#people a {
float:left;
width:120px;
height:80px;
background-image:url(../images/photoGalleries/photoIndex_thumbs/people_thumb.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}


#animals a {
float:left;
width:120px;
height:80px;
background-image:url(../images/photoGalleries/photoIndex_thumbs/animals_thumb.jpg);
background-repeat:no-repeat;
background-position:0px 0px;


}



#gardenOrnaments a {
float:left;
width:120px;
height:80px;
background-image:url(../images/photoGalleries/photoIndex_thumbs/gardenOrnaments_thumb.jpg);
background-repeat:no-repeat;
background-position:0px 0px;


}


