/* ------ 6.2 Slider ----- */

.slider { width: 520px; position: relative;}
.slides { position: absolute; left: 50px; }
.previous, .next, .pager a { background: url(images/bg-slider.png) no-repeat; }
.previous, .next { position: absolute; top: 190px; display: block; width: 20px; height: 30px; text-indent: -9999px; }
.previous { left: 5px; background-position: -20px 0; }
.next { left: 495px; background-position: 40px 0;  }
.pager { position: absolute; top: 415px; width: 450px; z-index: 100; left: 58px; }
.pager a { display: block; width: 16px; height: 16px; background-position: 3px 3px; float: left; text-indent: -9999px; }
.pager a:hover, .pager a.activeSlide { background-position: 3px -17px; }

/* ------ 6.3 Slide Deck ----- */

#slidedeck_frame { background: url(images/dark_blue_fade_500.png); border:1px solid #87c0de; padding:5px; width: 860px; height: 310px; margin-bottom: 100px; margin-left: -59px; background-position: 50% 20%;}
#slidedeck_frame dl { margin: 0; }			
.slidedeck dd { background: url(images/dark_blue_fade_500.png) right 1px repeat-x; background-position: 50% 10%; height: 12px; padding: 26px 0px;}
.slidedeck dt { cursor: pointer; height: 40px; }
.slidedeck dt#design-deck { background: url(images/bg-deck-spines-mrd.png) 4px 1px no-repeat; background-color:transparent; }
.slidedeck dt#design-deck:hover, .slidedeck dt#design-deck.active { background-position: -308px 1px; }
.slidedeck dt#dev-deck { background: url(images/bg-deck-spines-mrd.png) 4px -40px no-repeat; }
.slidedeck dt#dev-deck:hover, .slidedeck dt#dev-deck.active { background-position: -308px -40px; }
.slidedeck dt#marketing-deck { background: url(images/bg-deck-spines-mrd.png) 4px -80px no-repeat; }
.slidedeck dt#marketing-deck:hover, .slidedeck dt#marketing-deck.active { background-position: -308px -80px; }
.slidedeck dt#print-deck { background: url(images/bg-deck-spines.png) 4px -80px no-repeat; }
.slidedeck dt#print-deck:hover, .slidedeck dt#marketing-deck.active { background-position: -308px -80px; }
.slidedeck .activeCorner { margin-left: -2px; /*background: url(images/bg-deck-arrow.png);*/ width: 10px; height: 28px; }

.slidedeck .panel { position: absolute; width: 800px; height: 240px; left: 40px; top: 25px;  }
.slidedeck .panel .left { width: 610px; }
.slidedeck .panel .left p,h1,li { color:#f5f5f5; }
.slidedeck .panel .left ul { color:#f5f5f5;padding-left: 10px; }
.slidedeck .panel .right img { margin-bottom: 10px; }
.slidedeck .panel .right { width: 170px; padding-top: 32px;float:right; }
.slidedeck .panel .button { position: absolute; left: -5px; top: 170px; }

.slidedeck .panel-design .left { margin-left: 10px; }
.slidedeck .panel-dev .left { margin-left: 10px; }
.slidedeck .panel-marketing .left { margin-left: 10px; }