* { margin: 0; padding: 0; }
body { background: url('../images/bg.jpg') top left; font-family: arial, sans-serif; font-size: 100%; }
#frame { border: 3px solid #333D84; max-width: 648px; margin: 50px auto; width: 100%; }

#banner { height: 154px; overflow: hidden; width: 100%; }
#pictures { display: inline-block; height: 144px; overflow: hidden; width: 100%; }
#strapline { background: #DBDEFF; color: #333D84; font-weight: bold; padding: 5px 0; margin-top: -3px;  text-align: center; text-transform: uppercase; width: 100%; }
#slideshow { position: relative; width: 100%; }

#content { background: #333D84; color: white; padding: 10px 0; position: relative; text-align: center; width: 100%; }
#disc { position: absolute; right: 70px; top: -270px; z-index: 9800; }
#map { margin: 20px 0; }

ul.slidesPagination { position: absolute; left: 20px; top: 20px; z-index: 9000; }
ul.slidesPagination li { background: transparent url('../images/slide-dot.png') top left no-repeat; display: inline-block; height: 20px; position: relative; margin-right: 10px; width: 20px !important; }
ul.slidesPagination li.slidesCurrent { background: transparent url('../images/slide-dot-on.png') top left no-repeat; color: white; }
ul.slidesPagination li a { color: white; display: inline-block; margin-left: 0px !important; left: 0px; position: absolute; text-indent: -5000px !important; text-align: left; text-decoration: none !important; width: 20px !important; }
.slidesNext, .slidesPrevious { display: none;  height: 68px; display: block; position: absolute; top: 30%;  text-indent: -5000px; width: 68px; z-index: 5550; }