#slide-wrapper {
display:none;
float:left;
    width: 622px;
    height:302px;
    margin:10px 0 0 0;
    border:1px solid #fff;
    background:#000;
    z-index:1;
	}

#slider {
    width: 622px;
    position: relative;
	}

.scroll {
    height: 302px;
    width: 622px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #000;
	}

.scrollContainer div.panel {
    padding: 20px;
    height: 302px;
    width: 622px;
    color:#fff;
	}
	
.scrollContainer div.panel .slide-info {
    float:left;
    clear:both;
    width:210px;
    height:242px;
    margin-right:20px;
    padding:10px;
    text-align:center;
    border:1px solid #fff;
	}
	
.slide-info h2 {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:2px;
	border-bottom:1px solid #fff;
	}
	
.slide-info p {
	line-height:1.5em;
	margin-bottom:20px;
	}
	
.slide-info p a {
	color:#fff;
	padding:5px 35px;
	background:#454545;
	text-decoration:none;
	border:1px solid #fff;
	-moz-border-radius:3px;
	}
	
.slide-info p a:hover {
	color:#000;
	background:#fff;
	}
	
.scrollContainer div.panel img {
	display:block;
	float:left;
    height: 264px;
    width: 330px;
    background:#333;
	}

ul.navigation {
	position:absolute;
	bottom:50px;
	left:90px;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index:5;
	}

ul.navigation li {
    display: inline;
	}

ul.navigation a {
	display:block;
	float:left;
    width:25px;
    height:25px;
    color: #fff;
    text-align:center;
    line-height:25px;
    background:#000;
    margin-right:10px;
    border:1px solid #fff;
    text-decoration: none;
    -moz-border-radius:3px;
	}

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

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

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

.scrollButtons {
	display:none;
    position: absolute;
    top: 150px;
    cursor: pointer;
	}


.hide {
    display: none;
}