#slider {
    width: 750px;
    margin: 35px auto 0 auto;
    position: relative;
	z-index: 200;
}

#slider-bottom 
{
 	background: url(/templates/evolyte/images/slider-bottom-bg.jpg) no-repeat top center;
	height: 37px;
}

#slider h2
{
	font-size: 2.8em;	
}

#slider h3
{
	margin-top: 0;	
}

.scroll {
    height: 830px;
    width: 750px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFF url(/templates/evolyte/images/slider-bg.gif) repeat-y; 
}

.scrollContainer div.panel {
    padding: 10px 30px;
    height: 810px;
    width: 690px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    float: left;
	background:url(/templates/evolyte/images/nav-slider-ul-bg.gif) bottom left no-repeat;
}

ul.navigation li {
    float: left;
    margin: 0;
	width: 115px;
	height: 55px;
	text-align: center;
	text-transform: lowercase;
	font-size: 1.8em;
}

ul.navigation a {
    padding: 10px;
    color: #FFF;
    text-decoration: none;
	width: 95px;
	height: 35px;
	display: block;
	background:url(/templates/evolyte/images/nav-slider.jpg) no-repeat top left;	
}

ul.navigation a:hover {
    background-position: 0 -55px;
}

ul.navigation a.selected {
    background-position: 0 -110px;
}

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

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

div.left, div.right
{
	height: 45px;
	width: 36px;
	text-indent: -9009px;
}

div.left {
   	background:url(/framework/css/slider/images/scroll_left.png) no-repeat top left;
	left: -36px;
}

div.right {
   	background:url(/framework/css/slider/images/scroll_right.png) no-repeat top left;
	right: -36px;
}

div.right:hover, div.left:hover
{
	background-position: 0 -45px;
}

.hide {
    display: none;
}