#slider-wrapper { width: 994px; margin: 3px 0 0 0; background: url(../images/slider_bg.png) no-repeat left top; }
#slider { width: 994px; margin: 0 auto; position: relative; }

/* scroll content */
h2 { margin: 0 0 20px 0; color:#3d3d3d; font-size:38px; font-weight: bold; position: relative; line-height: 40px;}
h2 em { color:#fe5c11; font-style:normal; }

.view  { display:block; background: url(../images/btn_view.png) no-repeat left top; width: 128px; height:32px; cursor: pointer;}
.view:hover { background: url(../images/btn_view.png) no-repeat left bottom;}
 

.scroll { height: 380px; width: 994px; overflow: auto; overflow-x: hidden; position: relative; clear: left; }
.scrollContainer div.panel, div.panel-1, div.panel-2, div.panel-3, div.panel-4, div.panel-5, div.panel-6 { padding: 20px; height: 340px; width: 954px; font-size:12px; line-height:18px; }
.scrollContainer div.panel-1 { background: url(../images/slide1.jpg) no-repeat 6px 5px; }
.scrollContainer div.panel-2 { background: url(../images/slide2.jpg) no-repeat 6px 5px; }
.scrollContainer div.panel-3 { background: url(../images/slide3.jpg) no-repeat 6px 5px; }
.scrollContainer div.panel-4 { background: url(../images/slide4.jpg) no-repeat 6px 5px; }
.scrollContainer div.panel-5 { background: url(../images/slide5.jpg) no-repeat 6px 5px; }
.scrollContainer div.panel-6 { background: url(../images/slide6.jpg) no-repeat 6px 5px; }

div.description { width: 360px; margin: 90px 30px 0; }
div.description p { font-size: 14px; line-height: 20px; margin: 0 0 30px 0; }

/* scroll navi */
ul.navigation { list-style: none; margin: 2px 5px; }
ul.navigation li { margin-right: 1px; float:left; width: 163px; }
ul.navigation a { display: block; padding: 10px; color: #d9dcd3; text-decoration: none;  font-size: 16px; font-weight:bold; height: 86px; }
ul.navigation a:hover { background: url(../images/slider_hover.png) no-repeat center -10px; color: #ffcc00; }
ul.navigation a.selected { background: url(../images/slider_hover.png) no-repeat center -10px; color: #ffcc00; }
ul.navigation a em { font-size: 11px; font-style:normal; font-weight: normal; color: #a5a5a5; }
ul.navigation a:focus { outline: none; }

/* button next / previous */
.scrollButtons { position: absolute; top: 180px; cursor: pointer; }
.scrollButtons.left { left: -20px; z-index: 1; }
.scrollButtons.right { right: -20px; z-index: 1; }

.hide { display: none; }