#slider {
  margin: 0 auto;
  position: relative;
  width: 930px !IMPORTANT;
  height: 162px;
  background: url(http://www.oef.org.ee/uploads/pics/header_est_oef.jpg) no-repeat left top;
}

#slider h1 { font-size: 21px; margin: 0 0 2px 0; padding: 0 0 0 190px;; }
#slider p { font-size: 12px; margin: 0 11px 8px 0; padding: 0 0 0 190px; }
#slider img { position: absolute; top: 0; left: 11px; }

.scroll {
  overflow: hidden;
  overflow-x:hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: url(../img/gliding_bg.png) no-repeat left top;
  float: right;
  margin: 14px 8px 0 0;
  padding: 11px 0 0 0;
}
.scrollContainer div.panel {
  padding: 0;
}
.scrollButtons {
	cursor:pointer;
}
ul.navigation {
  white-space: nowrap;
  margin:0;
  padding:0 0 0 7px;
  list-style:none;
}

div#slider_nav {
	width:100%;
	float:left;
	background:#fff url("nav_bottom.gif") repeat-x bottom;
}
ul.navigation li {
  float:left;
  
  margin: 5px 5px 0 0;  
  padding: 0;
 
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
}
ul.navigation li.selected {
	border-bottom: 1px solid #fff;
}

ul.navigation a {
  float:left;
  display:block;
  color:#334;

  background:#ececec;
  
  padding:1px 11px 1px 8px; 
  text-transform: none;
  text-decoration:none;
  font-weight:normal;
  width: auto;
}




ul.navigation a:hover,
ul.navigation li.selected a { background-color: transparent; }



ul.navigation #current a {
  background-color:#fff;
  border-bottom: 1px solid #fff;
  
 
}

.scrollButtons {
    position: absolute;
    top: 118px !IMPORTANT;
    cursor: pointer;
}

.scrollButtons.left {
  left: auto !IMPORTANT;
  right: 60px;
}

.scrollButtons.right {
  left: auto !IMPORTANT;
  right: 20px;
}