/*Gallery Page*/
.gallery {
  width: 840px;
  margin: 0 auto;
  padding: 5px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.gallery > div {
  position: relative;
  float: left;
  padding: 5px;
}

.gallery > div > img {
  display: block;
  width: 200px;
  transition: .1s transform;
  transform: translateZ(0); /* hack */
}

.gallery > div:hover {
  z-index: 1;
}

.gallery > div:hover > img {
  transform: scale(1.7,1.7);
  transition: .3s transform;
}

.cf:before, .cf:after {
  display: table;
  content: "";
  line-height: 0;
}

.cf:after {
  clear: both;
}
/*small non-homepage gallery (three images)*/
.sgalleryHeading{
  margin: 0 auto;
  text-align: center;
  width: 630px;
}
.sgallery {
  width: 630px;
  margin: 0 auto;
  padding: 5px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.sgallery > div {
  position: relative;
  float: left;
  padding: 5px;
}

.sgallery > div > img {
  display: block;
  width: 200px;
  transition: .1s transform;
  transform: translateZ(0); /* hack */
}

.sgallery > div:hover {
  z-index: 1;
}

.sgallery > div:hover > img {
  transform: scale(1.7,1.7);
  transition: .3s transform;
}

.sgallery:before, .sgallery:after {
  display: table;
  content: "";
  line-height: 0;
}

.sgallery:after {
  clear: both;
}

/*Homepage gallery (four images)*/
.indexgalleryHeading{
  margin: 0 auto;
  width: 840px;
}
.indexgallery {
  width: 840px;
  margin: 0 auto;
  padding: 5px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.indexgallery > div {
  position: relative;
  float: left;
  padding: 5px;
}

.indexgallery > div > img {
  display: block;
  width: 200px;
  transition: .1s transform;
  transform: translateZ(0);
}

.indexgallery > div:hover {
  z-index: 1;
}

.indexgallery > div:hover > img {
  transform: scale(1.7,1.7);
  transition: .3s transform;
}

.indexgallery:before, .indexgallery:after {
  display: table;
  content: "";
  line-height: 0;
}

.indexgallery:after {
  clear: both;
}
/*services gallery (two images)*/

.servicegallery {
  width: 408px;
  margin: 0 auto;
  padding: 2px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.servicegallery > div {
  position: relative;
  float: left;
  padding: 2px;
}

.servicegallery > div > img {
  display: block;
  width: 200px;
  transition: .1s transform;
  transform: translateZ(0); /* hack */
}

.servicegallery > div:hover {
  z-index: 1;
}

.servicegallery > div:hover > img {
  transform: scale(1.7,1.7);
  transition: .3s transform;
}

.servicegallery:before, .servicegallery:after {
  display: table;
  content: "";
  line-height: 0;
}

.servicegallery:after {
  clear: both;
}
/*accessories gallery (two images)*/
.Accessoriesgallery {
  width: 420px;
  margin: 0 auto;
  padding: 5px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.Accessoriesgallery > div {
  position: relative;
  float: left;
  padding: 5px;
}

.Accessoriesgallery > div > img {
  display: block;
  width: 200px;
  transition: .1s transform;
  transform: translateZ(0);
}

.Accessoriesgallery > div:hover {
  z-index: 1;
}

.Accessoriesgallery > div:hover > img {
  transform: scale(1.7,1.7);
  transition: .3s transform;
}

.Accessoriesgallery:before, .Accessoriesgallery:after {
  display: table;
  content: "";
  line-height: 0;
}

.Accessoriesgallery:after {
  clear: both;
}
/*for text under the galleries*/
.galleryBottomText{
    width: 848px;
    margin: auto;
    text-align: left;
}
.galleryBottomText a:link {
    color: black;
	  text-decoration: none;
}

.galleryBottomText a:visited {
    color: black;
	  text-decoration: none;
}
.galleryBottomText a:hover {
  color: black;
	text-decoration: underline;
  text-decoration-color: red;
}