#upperSection { padding-top: 20px; margin-top: 80px; }
#pageFooter {margin-top: 100px;}
#galleryHolder {  margin: 0 auto; width: 890px; padding-top: 20px; height: 480px; background-image: url('../images/timeline/timeline-bg.jpg') ; background-repeat: no-repeat; overflow: hidden; }

.gallery-bannerslider {
    display: inline;
    float: left;
    overflow: hidden;
}

.gallery-bannerslider img {border: 1px solid #fff;}

.gallery-bannerslider .overlay { float: left;}

.bannerslider-container {
    overflow: hidden;
    position: relative;
}

.bannerslider-slides-wrap {
    position: absolute;
    top: 0;
    left: 0;
}

.bannerslider-slide {
    float: left;
    overflow: hidden;
    text-align: left;
}

.bannerslider-nav {
    height: 29px;
    width: 100%;
    background-color: #d1ccc7;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    filter:alpha(opacity=70);
}

.bannerslider-caption {
    font-size: 20px;
    float: left;
    padding: 2px 5px;
    margin: 0;
    text-transform: none;
    color: black;
    overflow: hidden;
    height: 29px;
    width: 100px;
}

.bannerslider-nav-prev,
.bannerslider-nav-next,
.bannerslider-nav-play {
    height: 24px;
    display: block;
    float: right;
    margin: 2px 0;
    background-position: 0 24px;
}

.bannerslider-nav .bannerslider-nav-prev {
    background-image: url('../images/prev.png');
    width: 31px;
}

.bannerslider-nav .bannerslider-nav-next {
    background-image: url('../images/next.png');
    margin-right: 2px;
    width: 30px;
}

.bannerslider-nav-play {
    background-image: url('../images/play_pause.png');
    width: 24px;
    margin-right: 2px;
}

.bannerslider-nav-play:hover {
    background-position: 0 0;
}
.bannerslider-nav-play.bannerslider-playing {
    background-position: 24px 24px;
}
.bannerslider-nav-play.bannerslider-playing:hover {
    background-position: 24px 0;
}

.bannerslider-nav-prev:hover,
.bannerslider-nav-next:hover {
    background-position: 0 48px;
}

.bannerslider-nav-prev.bannerslider-nav-disabled,
.bannerslider-nav-next.bannerslider-nav-disabled {
    background-position: 0 0;
}

/*  buttons */

.scroll-button 			{position: absolute; width: 45px; height: 45px; top: 148px;/*top: 50px;*/ z-index: 1;}
.scroll-left			{left: 6px; /*float: left;*/}
.scroll-right			{right: 7px; /*float: right;*/}
.scroll-button a 		{display: block; height: 45px; text-decoration: none;}
.scroll-button a span 	{position: absolute; top: -999em; left: -999em;}
.scroll-left a		 	{background: url(../images/scroll-buttons.png) 0 -90px repeat-x;}
.scroll-left a:hover 	{background-position: 0 -45px;}
.scroll-left a:focus,
.scroll-left a:active 	{background-position: 0 0px;}

.scroll-right a			{background: url(../images/scroll-buttons.png) 45px -90px repeat-x;}
.scroll-right a:hover 	{background-position: 45px -45px;}
.scroll-right a:focus,
.scroll-right a:active 	{background-position: 45px 0px;}


/*  timeline  */
#timelineTitle {width: 373px; padding-bottom: 8px;}
#timelineText {width: 373px; padding-left: 8px;}

.bannerslider { position: relative;  top: 25px;}

.timelineThumb {padding-left: 36px; padding-right: 0px; padding-top: 8px;}

.gallery-bannerslider  h2 {padding-left: 0px; margin-bottom: 1px;}
.gallery-bannerslider  p {color: #ffffff}

#upperPageHr h1 { margin-left: 27px;  text-align: left;}
#upperPageHr {height: 90px;}

.gallery-bannerslider h2 {color: #ffffff; font-weight: 100;}
.gallery-bannerslider h2 strong {color: #F7921E; font-weight: 800;}

.timelineImg {text-align: center; width: 373px; height: 240px; display: block; }