body { 

    margin: 0px;

    padding: 0; 

    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 100%;

   

}



#wrapper {

    width: 860px;

    margin: 0 auto;

}







h2 {

    margin: 0;

    margin-bottom: 14px;

    padding: 0;

}



#slider {

    width: 500px;

    margin: 0 auto;

    position: relative;

}



.scroll {

    height: 350px;

    width: 500px;

    overflow: auto;

    overflow-x: hidden;

    position: relative;

    clear: left;

   

}



.scrollContainer div.panel {

    padding: 20px;

    height: 310px;

    width: 500px;

}



#shade {

    height: 50px;

}



ul.navigation {

    list-style: none;

    margin: 0;

    padding: 0;

    padding-bottom: 9px;

	clear:both;

}



ul.navigation li {

    display: inline;

	border-top-color:#FF0000;

    margin-right: 1px;

}



ul.navigation a {

    padding: 10px;

    color: #FFF;

    text-decoration: none;
	
	background:#F00;
}



ul.navigation a:hover {

    background-color: #666;
	color:#FFF;



}



ul.navigation a.selected {

    background-color: #666;
	color:#FF0;

}



ul.navigation a:focus {

    outline: none;

}



.scrollButtons {

    position: absolute;

    top: 195px;

    cursor: pointer;
}



.scrollButtons.left {
	width:20px;
	height:20px;

    left: -40px;

}



.scrollButtons.right {
	width:20px;
	height:20px;

    right: -40px;
	

}



.hide {

    display: none;

}