@charset "utf-8";
/* CSS Document for Galleries for Little Dunmow */

/* The containing box for Winter gallery */

#containerwinter a.pic1 {background: url(images/gallery/thumbs/winter-1.jpg);}
#containerwinter a.pic2 {background: url(images/gallery/thumbs/winter-2.jpg);}
#containerwinter a.pic3 {background: url(images/gallery/thumbs/winter-3.jpg);}
#containerwinter a.pic4 {background: url(images/gallery/thumbs/winter-4.jpg);}	
#containerwinter a.pic5 {background: url(images/gallery/thumbs/winter-5.jpg);}
#containerwinter a.pic6 {background: url(images/gallery/thumbs/winter-6.jpg);}
#containerwinter a.pic7 {background: url(images/gallery/thumbs/winter-7.jpg);}
#containerwinter a.pic8 {background: url(images/gallery/thumbs/winter-8.jpg);}
#containerwinter a.pic9 {background: url(images/gallery/thumbs/winter-9.jpg);}	
#containerwinter a.pic10 {background: url(images/gallery/thumbs/winter-10.jpg);}
#containerwinter {background: #FFF url(images/gallery-text.gif) no-repeat;}

#containerwinter {position: relative; width: 934px; height: 525px; border: 1px solid #FFF;}
#containerwinter ul {padding: 0px; margin: 0px; list-style-type: none;}
#containerwinter a.gallery, #containerwinter a.gallery:visited {display: block; text-decoration: none; border: 1px solid #E4E4E4; margin-left: 5px; margin-bottom: 5px; cursor: default; height: 90px; width: 120px;}
#containerwinter a.gallery span {position: absolute; width: 1px; height: 1px; top: 0px; overflow: hidden; background: #FFF;}
#containerwinter a.gallery:hover {border: 1px solid #C00;}
#containerwinter a.gallery:hover span {position: absolute; width: 640px; height: 500px; top: 0px; left: 0px; color: #330000; text-align: right; font: bold 10px Verdana, Arial, Helvetica, sans-serif; background: #FFF;}
#containerwinter a.gallery:hover img {border: 1px solid #FFF; float:left; margin-right:5px;}

#containerwinter ul {width: 260px; height: 364px; float: right;}
#containerwinter ul li {float: left;}

/* end container */

/* The containing box for Summer gallery */

#containersummer a.pic1 {background: url(images/gallery/thumbs/summer-1.jpg);}
#containersummer a.pic2 {background: url(images/gallery/thumbs/summer-2.jpg);}
#containersummer a.pic3 {background: url(images/gallery/thumbs/summer-3.jpg);}
#containersummer a.pic4 {background: url(images/gallery/thumbs/summer-4.jpg);}	
#containersummer a.pic5 {background: url(images/gallery/thumbs/summer-5.jpg);}
#containersummer a.pic6 {background: url(images/gallery/thumbs/summer-6.jpg);}
#containersummer a.pic7 {background: url(images/gallery/thumbs/summer-7.jpg);}
#containersummer a.pic8 {background: url(images/gallery/thumbs/summer-8.jpg);}
#containersummer a.pic9 {background: url(images/gallery/thumbs/summer-9.jpg);}	
#containersummer a.pic10 {background: url(images/gallery/thumbs/summer-10.jpg);}
#containersummer {background: #FFF url(images/gallery-text.gif) no-repeat;}

#containersummer {position: relative; width: 934px; height: 525px; border: 1px solid #FFF;}
#containersummer ul {padding: 0px; margin: 0px; list-style-type: none;}
#containersummer a.gallery, #containersummer a.gallery:visited {display: block; text-decoration: none; border: 1px solid #E4E4E4; margin-left: 5px; margin-bottom: 5px; cursor: default; height: 90px; width: 120px;}
#containersummer a.gallery span {position: absolute; width: 1px; height: 1px; top: 0px; overflow: hidden; background: #FFF;}
#containersummer a.gallery:hover {border: 1px solid #C00;}
#containersummer a.gallery:hover span {position: absolute; width: 640px; height: 500px; top: 0px; left: 0px; color: #330000; text-align: right; font: bold 10px Verdana, Arial, Helvetica, sans-serif; background: #FFF;}
#containersummer a.gallery:hover img {border: 1px solid #FFF; float:left; margin-right:5px;}

#containersummer ul {width: 260px; height: 364px; float: right;}
#containersummer ul li {float: left;}

/* end container */

/* The containing box for Trees gallery */

#containertrees a.pic1 {background: url(images/gallery/thumbs/trees-1.jpg);}
#containertrees a.pic2 {background: url(images/gallery/thumbs/trees-2.jpg);}
#containertrees a.pic3 {background: url(images/gallery/thumbs/trees-3.jpg);}
#containertrees a.pic4 {background: url(images/gallery/thumbs/trees-4.jpg);}	
#containertrees a.pic5 {background: url(images/gallery/thumbs/trees-5.jpg);}
#containertrees a.pic6 {background: url(images/gallery/thumbs/trees-6.jpg);}
#containertrees a.pic7 {background: url(images/gallery/thumbs/trees-7.jpg);}
#containertrees a.pic8 {background: url(images/gallery/thumbs/trees-8.jpg);}
#containertrees a.pic9 {background: url(images/gallery/thumbs/trees-9.jpg);}	
#containertrees a.pic10 {background: url(images/gallery/thumbs/trees-10.jpg);}
#containertrees {background: #FFF url(images/gallery-text.gif) no-repeat;}

#containertrees {position: relative; width: 934px; height: 525px; border: 1px solid #FFF;}
#containertrees ul {padding: 0px; margin: 0px; list-style-type: none;}
#containertrees a.gallery, #containertrees a.gallery:visited {display: block; text-decoration: none; border: 1px solid #E4E4E4; margin-left: 5px; margin-bottom: 5px; cursor: default; height: 90px; width: 120px;}
#containertrees a.gallery span {position: absolute; width: 1px; height: 1px; top: 0px; overflow: hidden; background: #FFF;}
#containertrees a.gallery:hover {border: 1px solid #C00;}
#containertrees a.gallery:hover span {position: absolute; width: 640px; height: 500px; top: 0px; left: 0px; color: #330000; text-align: right; font: bold 10px Verdana, Arial, Helvetica, sans-serif; background: #FFF;}
#containertrees a.gallery:hover img {border: 1px solid #FFF; float:left; margin-right:5px;}

#containertrees ul {width: 260px; height: 364px; float: right;}
#containertrees ul li {float: left;}

/* end container */

/* The containing box for Cabin gallery */

#containercabin a.pic1 {background: url(images/gallery/thumbs/cabin-1.jpg);}
#containercabin a.pic2 {background: url(images/gallery/thumbs/cabin-2.jpg);}
#containercabin a.pic3 {background: url(images/gallery/thumbs/cabin-3.jpg);}
#containercabin a.pic4 {background: url(images/gallery/thumbs/cabin-4.jpg);}	
#containercabin a.pic5 {background: url(images/gallery/thumbs/cabin-5.jpg);}
#containercabin a.pic6 {background: url(images/gallery/thumbs/cabin-6.jpg);}
#containercabin a.pic7 {background: url(images/gallery/thumbs/cabin-7.jpg);}
#containercabin a.pic8 {background: url(images/gallery/thumbs/cabin-8.jpg);}
#containercabin a.pic9 {background: url(images/gallery/thumbs/cabin-9.jpg);}	
#containercabin a.pic10 {background: url(images/gallery/thumbs/cabin-10.jpg);}
#containercabin {background: #FFF url(images/gallery-text.gif) no-repeat;}

#containercabin {position: relative; width: 934px; height: 525px; border: 1px solid #FFF;}
#containercabin ul {padding: 0px; margin: 0px; list-style-type: none;}
#containercabin a.gallery, #containercabin a.gallery:visited {display: block; text-decoration: none; border: 1px solid #E4E4E4; margin-left: 5px; margin-bottom: 5px; cursor: default; height: 90px; width: 120px;}
#containercabin a.gallery span {position: absolute; width: 1px; height: 1px; top: 0px; overflow: hidden; background: #FFF;}
#containercabin a.gallery:hover {border: 1px solid #C00;}
#containercabin a.gallery:hover span {position: absolute; width: 640px; height: 500px; top: 0px; left: 0px; color: #330000; text-align: right; font: bold 10px Verdana, Arial, Helvetica, sans-serif; background: #FFF;}
#containercabin a.gallery:hover img {border: 1px solid #FFF; float:left; margin-right:5px;}

#containercabin ul {width: 260px; height: 364px; float: right;}
#containercabin ul li {float: left;}

/* end container */