#slider {
    width: 549px;
    margin: 0 auto;
    position: relative;
    border-left: 1px solid #61752f;
    background: #859c4c;
    float: left;
    height: 670px;
}
	
   
.scroll {

    width: 549px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    margin: 120px 0 0 0;
  }
  
  .scrollContainer {
    padding: 10px;
    margin: 0 20px 0 20px;

}

.scrollContainer div.panel {
    padding: 10px;
    width: 330px;
    margin: 0 0 0 0;
    float: left;

}

.scrollContainer div.panel img {
	float: left;
	margin: 5px;
}


ul.navigation {
	list-style: none;
    margin: 40px 0 0 50px;
    padding: 0;
    width: 500px;
    text-align: center;
}

ul.navigation li {
	display: inline;
	margin: 0 4px 0 4px;	
}

ul.navigation a {
   font: bold 29px Georgia, Times, serif;
	color: #bdd87a;
	text-decoration: none;
   }

ul.navigation a:hover {
    color: #fff;
}

ul.navigation a.selected {
	color: #fff;
}


ul.navigation li.first {
background: transparent url(images/style/dot_1b.jpg) no-repeat left center;
}

ul.navigation li.second {
background: transparent url(images/style/dot_2b.jpg) no-repeat left center;
}

ul.navigation li.third {
background: transparent url(images/style/dot_3b.jpg) no-repeat left center;
}

ul.navigation li.first a.selected {
background: #fff url(images/style/dot_1.jpg) no-repeat left center;
}

ul.navigation li.second a.selected {
background: #fff url(images/style/dot_2.jpg) no-repeat left center;
}

ul.navigation li.third a.selected {
background: #fff url(images/style/dot_3.jpg) no-repeat left center;
}


ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 80px;
    cursor: pointer;
}

.scrollButtons.left {
    left: 50px;
    border: 1px solid #7a9539;
}

.scrollButtons.right {
    left: 100px;
    border: 1px solid #7a9539;
}

.hide {
    display: none;
}