.demo-title {
  text-align: center;
  color: #a71700;
  text-transform: uppercase;
  padding: 30px 0 0;
  font-size: 60px;
}

/* Navigation bar */
.main-nav { 
  display: block; 
  text-align: center; 
  border-bottom: 2px solid #a71700;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
}

.main-nav a { 
  text-decoration: none;
  color: #00FF00;
  font-size: 18px;
  margin: 0 8px;
}
.main-nav a:hover {
  color: black;
  border-bottom: 2px solid black;
}

/* Moving Boxes title image wrapper */
#title { 
  text-align: center; 
}
#title img { 
  border: 0; 
}

/* Panel images */
.mb-inside img { width: 100%; }

/* height of the placeholder until image completely loads - needed for
   webkit browsers, add this only if you don't want the height animation
   on startup. 326px measures the height of the current image when enlarged 
*/
#slider-two .current img { /* height: 326px; */ }

/* Panel links */
.mb-inside a { color: #0099CC; text-decoration: none; border-bottom: 1px dotted #ccc; }
.mb-inside a:hover { border-bottom: 1px solid #999; }

/* Add/remove panels buttons */
.buttons { padding: 5px 10px; text-align: center; }

/* Direct link styling */
.dlinks { 
  text-align: center;
  margin: 0 0 20px 0;
}
.dlinks * {
  vertical-align: middle;
}

#slider { width: 100%; }
#slider li { width: 620px; }