#gallery-container {
  width: 480px; 
  min-height: 500px;
}
ul#css-office-tour {
  width: 480px; 
  height: 370px;
  position: relative; 
  list-style: none; 
  margin: 0; 
  padding: 0; 
  border: solid 1px #333; /* Customize me */
  border-radius: 5px; /* Optional - you may customize or remove */
  -moz-border-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
  background: url(../images/css-office-tour/image-01.jpg) 10px 10px no-repeat;
   
  
}
ul#css-office-tour li {
  margin: 380px 0 0 10px; 
  float: left; 
  display: inline;
}
ul#css-office-tour li img {
  border: solid 1px #333; /* Customize me */
  margin: 0 4px 2px 0; 
  width: 68px; 
  height: 52px;
}
ul#css-office-tour a {text-decoration: none;   float: left; }
ul#css-office-tour a span {
  left: -9999px; 
  position: absolute;
}
ul#css-office-tour a span img {
  border: none; 
  width: 460px; 
  height: 350px;
}
ul#css-office-tour a:hover {
  background: none; 
  z-index: 100;
}
ul#css-office-tour a:hover span {
  position: absolute; 
  top: 10px; 
  left: 10px; 
  display: block;
}


/* jQuery Cycle Before and After */
#before-after-container {
  width: 488px;
  line-height: 18px;
  margin: 0 0 18px 0;
  padding: 10px 0 10px 10px;
  background-color: #237894; /* Customize me */
  border: solid 1px #333; /* Customize me */
  border-radius: 5px; /* Optional - you may customize or remove */
  -moz-border-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
  color:#000;
}
#before-after-container ul.slideshow {
  list-style: none; 
  margin: 0; 
  padding: 0;
  width: 488px;
  height: 182px;
  overflow: hidden;
}
ul#before-after-cycle li img {
  width: 232px;
  float: left;
  margin-right: 10px;
  border: solid 1px #333; /* Customize me */
}
#before-after-container p {
  float: left;
  width: 50%;
  margin: 0 0 10px 0;
  color:#fff;
}
#before-after-container div.cycle-detail {
  min-height: 70px; /* Increase this number to accomodate longer or shorter description text and to prevent "bumping" of lower content */
  clear: both;
  background-color: #fff; /* Customize me */
  padding: 10px;
  margin: 0 10px 0 0;
  border: solid 1px #333; /* Customize me */
  border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */ 
  -moz-border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */ 
  -webkit-border-bottom-left-radius: 5px; /* Optional - you may customize or remove */ 
  -webkit-border-bottom-right-radius: 5px; /* Optional - you may customize or remove */
}
#before-after-container .before-after-nav {
  background: #fff; /* Customize me */
  margin: 0 10px 10px 0;
  padding: 5px 3px;
  border: solid 1px #333; /* Customize me */
  border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
  -webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
}
#before-after-container .before-after-nav a {
  text-decoration: none; 
  font-size: 12px; 
  padding: 5px; 
  margin: 0 3px; 
  outline: none;
  color: #333; /* Customize me */
}
#before-after-container .before-after-nav a.activeSlide, #before-after-container .before-after-nav a:hover {color: #009EC7;} /* Customize me */