/* HOME PAGE w/ JQuery SLIDER - USE coda-slider-home.js */
#home-hero { width:940px; height:500px; position:relative; }
#home-hero .navigation {cursor:pointer; font-weight:bold;position: absolute; z-index:100;right:0;top:0;padding:2px 9px 5px 6px;background:#666666;opacity:0.7;filter:alpha(opacity=70); }
#home-hero .navigation li {display:inline; width:20px; height:20px; line-height:1.2}
#home-hero .navigation li a {background:transparent url(../images/sprites.png) no-repeat -18px 0;padding:2px 6px; margin-left:8px; width:20px; height:20px}
#home-hero .navigation li a:hover,
#home-hero .navigation li a.selected {background-position:-18px -20px; text-decoration:none; }
#home-hero #slide-one {background: url(/media/imgs/home_01.jpg) no-repeat 0 0;}
#home-hero #slide-two {background: url(/media/imgs/home_02.jpg) no-repeat 0 0;}
#home-hero #slide-three {background: url(/media/imgs/home_03.jpg) no-repeat 0 0;}
#home-hero #slide-four {background: url(/media/imgs/home_04.jpg) no-repeat 0 0;}
#home-hero .btn {position:absolute; /*background: gray; opacity:0.5;*/}
/* Slide 1 */
#home-hero .btn1{ left:51px; top:59px; }
/* Slide 2 */
#home-hero .btn2{ right:15px; top:230px; }
/* Slide 3 */
#home-hero .btn3{ right:15px; top:230px; }
#home-hero .scroll{ overflow:hidden; /* fix for IE to respect overflow */ clear: left; background: none; padding:0; }
#home-hero .scroll,
#home-hero .panel { position:relative; background:none; height:500px; width:940px; }
#home-hero .scroll .scrollContainer { padding:0; height: 2760px; background: none; }
#home-hero .scrollButtons {position:absolute;z-index:1;height:0;width:0;}
#home-hero .navigation li .scrollButtons{ display:inline; position:relative; cursor:pointer; width:18px; height:18px; background: url(../images/sprites.png) no-repeat -23px 0; }
#home-hero .navigation li .scrollButtons.slideL { left:4px; top:6px; background-position: 0 0; }
#home-hero .navigation li .scrollButtons.slideL:hover {background-position: 0 -20px; }
#home-hero .navigation li .scrollButtons.slideR { right:-6px; top:6px; background-position: -38px 0; }
#home-hero .navigation li .scrollButtons.slideR:hover {background-position: -38px -20px; }