#slider, #slider2, #slider3, #slider4, #slider5, 
#slider6, #slider7, #slider8, #slider9, #slider10 {

    width:720px;
	height:300px;
	background-color: #f9f9f9;
	border: solid 1px #e2e2e2;
	position:relative;
}

.slider {

    width:720px;
	height:300px;
	background-color: #f9f9f9;
	border: solid 1px #e2e2e2;
	position:relative;
}
.scroll {
    width:700px;
	height:280px;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    top: 10px;
    left: 10px;
    clear: left;

   }


.scrollContainer div.panel {
    height: 280px;
    width: 700px;
    float: left;
    position: relative;
}

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

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

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

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

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

.scrollButtons.left {
    top: 310px;
    right: 90px;
    display: block;
    height: 31px;
    width: 31px;
    z-index: 10;
}

.scrollButtons.right {
    top: 310px;
    right: 50px;
    position: absolute;
    display: block;
    height: 31px;
    width: 31px;
    z-index: 10;
}

.project {
    top: 311px;
    right: 10px;
    position: absolute;
    display: block;
    background: url(images/arrowproject5.jpg) right top;
    height: 31px;
    width: 31px;
    z-index: 5;
}

.project:hover {
	height: 50px;
    width: 111px;
	background: url(images/arrowproject4.jpg) right top;
	z-index: 5;
}

.project:active {
	height: 50px;
    width: 111px;
	background: url(images/arrowproject3.jpg) right top;
	z-index: 5;
}

.hide {
    display: none;
}

.sliderbg {
	
	position:absolute;
	top:10px;
	left:10px;
	width: 700px;
	height: 280px;
	
	
}