/* Timeline page slider */
#timeline           { width:852px; height: 430px; position: relative; left: -25px; z-index: 1; background: url('/img/tile_timeline.png') no-repeat 0 0; _background: url('/img/tile_timeline2.png') no-repeat 0 0;}
#timeline .anythingSlider                         { width: 780px; height: 400px; position: relative;  top: 17px; left: 34px; margin: 0; }
#timeline .anythingSlider .wrapper                { width: 780px; overflow: auto; height: 400px; margin: 0 0; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
#timeline .anythingSlider .wrapper ul             { width: 40000px; list-style: none; position: absolute; top: 0; left: 0; background: #fff; margin: 0; overflow: hidden; }
#timeline .anythingSlider ul li                   { display: block; float: left; padding: 0; height: 400px; width: 780px; margin: 0; background: #222; overflow: hidden; }
#timeline .anythingSlider .arrow                  { display: block; height: 274px; width: 36px; background: url(/img/arrows_timeline.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 10px; cursor: pointer; }
#timeline .anythingSlider .forward                { background-position: 0 0; right: -36px; }
#timeline .anythingSlider .back                   { background-position: -36px 0; left: -36px; }
#timeline .anythingSlider .forward:hover          { background-position: 0 -274px; }
#timeline .anythingSlider .back:hover             { background-position: -36px -274px; }

#timeline .anythingSlider ul li img               { width: auto; height: auto; text-align: center; margin: 0 auto; }

#timeline #thumbNav                               { position: relative; top: 385px; text-align: center; }
#timeline #thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#timeline #thumbNav a:hover                       { background-image: none; }
#timeline #thumbNav a.cur                         { background: #e0a213; }

#timeline #start-stop                             { display:none; background: green; background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#timeline #start-stop.playing                     { background-color: red; }
#timeline #start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
#timeline .anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: hidden; width: auto; border: 0; }
#timeline .anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

#timeline  .image             { width: 780px; height:380px; position: relative; text-align: center;  }
#timeline  .headline         { width: auto; min-width: 74px; max-width: 100px; background: #fff; filter:alpha(opacity=80); opacity:0.8; font-size: 18px; font-family: Georgia, Times, serif; color: #222; padding: 0 5px 5px 5px; position: relative; text-align:center; top:-25px; }
#timeline  .description     { background: #fff; font-size: 13px; font-family: Georgia, Times, serif; color: #222; padding: 1px 0 0 0; position: relative; text-align:center; top:-25px; }



/* Homepage Main Package slider */
#mainpackage { width: 700px; height: 360px; z-index: 1; padding: 10px 0 5px 270px; }
#mainpackage2 { display: none; }

#mainpackage .anythingSlider                         { width: 700px; height: 360px; position: relative;  top: 0; left: 0; margin: 0; }
#mainpackage .anythingSlider .wrapper                { width: 700px; overflow: auto; height: 360px; margin: 0 0; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
#mainpackage .anythingSlider .wrapper ul             { width: 40000px; list-style: none; position: absolute; top: 0; left: 0; background: none; margin: 0; overflow: hidden; }
#mainpackage .anythingSlider ul li                   { display: block; float: left; padding: 0; height: 360px; width: 700px; margin: 0; background: none; overflow: hidden; }
#mainpackage .anythingSlider .arrow                  { display: block; height: 19px; width: 19px; background: url(/img/arrows_mainpackage.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 325px; cursor: pointer; }
#mainpackage .anythingSlider .forward                { background-position: 0 0; left: 22px; }
#mainpackage .anythingSlider .back                   { background-position: -22px 0; left: 0px; }
#mainpackage .anythingSlider .forward:hover          { background-position: 0 -19px; }
#mainpackage .anythingSlider .back:hover             { background-position: -22px -19px; }

#mainpackage #thumbNav                               { position: relative; top: 385px; text-align: center; }
#mainpackage #thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#mainpackage #thumbNav a:hover                       { background-image: none; }
#mainpackage #thumbNav a.cur                         { background: #e0a213; }

#mainpackage #start-stop                             { display:none; background: green; background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#mainpackage #start-stop.playing                     { background-color: red; }
#mainpackage #start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
#mainpackage .anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: hidden; width: auto; border: 0; }
#mainpackage .anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

#mainpackage  .image             { float: left; width: 440px; height:360px; position: relative; }
#mainpackage  .image img           { float: right; }
#mainpackage  .description     { float: left; width: 260px; padding-top: 20px; font-size: 24px; font-family: Georgia, Times, serif; color: #666; position: relative; text-align:left; line-height: 30px; }
#mainpackage  .player             { float: left; height: auto; text-align: left; padding: 5px;  background: #337b9d; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 10px 0; color: #FFF; text-transform: uppercase; font-family: Georgia, Times, serif; font-size: 14px; font-weight: 600; }