div.scroller {
    overflow: hidden;
    /* modify width and height of scrolling section if necessary	*/
    width: 800px;
    height: 360px;
    position: relative;
}

div.scroller div.section {
    /* modify width and height of each section as needed (should match the size of the scroller window)	*/
    width: 800px;
    height: 360px;
    overflow: hidden;
    float: left;
}

div.scroller div.content {
    width: 10000px;
}

div.scroller div.content img {
    width: 800px;
    height: 360px;
}

#my-glider {
    position: relative;
}

#my-glider .controls {
    float: right;
    width: 150px;
    display: block;
}

#my-glider .controls a {
    display: block;
    float: right;
    height: 90px;
    width: 150px;
    background: url(../images/control.jpg);
    color: white;
}

#my-glider .controls a img {
    display: inline;
    float: left;
    height: 35px;
    margin-left: 5px;
    margin-top: 10px;
    width: 50px;
}

#my-glider .controls a span {
    margin: 18px 9px 0 9px;
    text-align: center;
    display: block;
    font-size: 18px;
    line-height: 24px;
    text-shadow: 0px 0px 3px #44403d;
}

#my-glider .controls a:hover {
	color: #eae6e2;
}

#my-glider .controls a.slideshowControlCurrent {
    background: url(../images/control.jpg) right;
}

#my-glider .controls a.slideshowControlCurrent:hover {
    color: #ffffff;
}

#my-glider .scroller {
    float: left;
}

#scrollerWordsWrapper {
    position: absolute;
    visibility: visible;
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    z-index: 900;
}

#jsScrollerWords {
    position: relative;
    display: block;
    height: 75px;
    background-color: white;
    top: 300px;
    left: 0px;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    width: 520px;
    z-index: 1000;
}

#jsScrollerWords div {
    color: black;
}

#teaserTextWrapper {
    height: 90px;
    position: absolute;
    top: 270px;
    width: 800px;
    z-index: 100;
}

#teaserTextWrapperbg {
	background: none repeat scroll 0 0 black;
	opacity: 0.7;
	height: 90px;
	width: 800px;
	position: absolute;
	top: 0;
}

#slideshowHeaderText {
	color: #bbbbbb;
    font-size: 14pt;
    display: block;
    position: absolute;
    top: 9px;
    left: 9px;
    right: 9px;
}

#slideshowDescriptorText {
	color: #bbbbbb;
    font-size: 11pt;
    display: block;
    position: absolute;
    top: 30px;
    left: 9px;
    right: 9px;
}

.non-js-words{
	position: absolute;
	top: 279px;
	color: #bbbbbb;
    z-index: 200;
}

.nonJSTitle{
	font-size: 14pt !important;
	height: 21px;
}

.non-js-words div{
	margin: 0 0 0 9px;
	font-size: 11pt;
}