/* ELEMENTS
------------------------------------------- */
/*
html.js ul li { display: none; }
 html.js ul li.active { display: block; }
*/

/* SF Rotator
------------------------------------------- */
.sfrotator { position: relative; width: 620px; height: 420px; margin: 0 0 30px; }
.sfrotator .sfitems { position: relative; z-index: 10; }
 .sfrotator .sfitems .sfitem { position: absolute; top: 0; left: 0; z-index: 10; height: 400px; } 
 
.sfrotator .sfcontrols { position: absolute; right: 20px; bottom: 20px; float: left; overflow: hidden; z-index: 20; margin: 0; }
 .sfrotator .sfcontrols li { display: inline; float: left; width: 28px; height: 28px; text-align: center; margin: 0 0 0 5px; z-index: 20; font: normal 1em/2 Verdana, Arial, Helvetica, sans-serif; border: none; }
  .sfrotator .sfcontrols li a { display: block; color: #f4e1ba; background: #392600; text-align: center; text-decoration: none; border: 4px solid #89703f; height: 20px;  }
  .sfrotator .sfcontrols li a.active { background: #f4a914; border-color: #fff; color: #382a0e; }  
  .sfrotator .sfcontrols li a:hover { background: #000; border-color: #fff; color: #fff; }  

#home-page-rotator { list-style: none; }  

html.js .sfrotator .sfitems li { display: none; }
html.js .sfrotator .sfitems li.active { display: block; }

.sfrotator .sfcontrols { display: none; }