#wrapper2 {
    width: 964px;
    margin: 0px 0 0 0;
	 padding:0;
	 border: #000 solid 0px;
}




#slider {
    width: 970px;
    margin: 0;
    position: relative;
}

.scroll {
    height: 600px;
    width: 964px;
    overflow-x: hidden;
    position: relative;
    clear: left;
	 
	 
	 
border: #000 solid 0px;

}

.scrollContainer div.panel {
    padding: 0px;
    height: 600px;
    width: 964px;
	 
}



.navigation { /* This is the div to hold your nav (the UL generated at run time) */
			position:absolute;
			left:515px;
			
		}


ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 0px;
}

ul.navigation li {
    float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

ul.navigation a {
    position:relative;
			top: -25px;
			font-size: 13px;
	line-height: 15px;
	font-weight:normal;
	font-family: Arial, Helvetica, verdana, Tahoma, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
			text-align: left;
			color: #9c9e9f;
			text-decoration: none;
			display: block;
			padding: 0 0 0 5px;
			border: solid #000000 0px;
}

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

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

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

.scrollButtons {
    position: absolute;
    top: -25px;
    cursor: pointer;
	 height: 13px;
			width: 13px;
}

.scrollButtons.left {
    left: 489px;
	 }


.scrollButtons.right {
    left: 503px;
}



.hide {
    display: none;
}