	body {
		 		background-color: #5e0e0f;
		 		color: #ffffff;
		 	}
   			#wrapper { width: 800px; background-color: #5e0e0f}
   			#left { 
   				width:350px;
   			    float: left;
   			    overflow:hidden;
				position:relative;
				z-index:1;
   			}
   			#right { 
   				width: 400px;
   				height: 400px;
   				float: left;
   			}
   			.scroll-pane {
				-moz-background-clip:border;
				-moz-background-inline-policy:continuous;
				-moz-background-origin:padding;
				background:#5e0e0f none repeat scroll 0 0;
				float:left;
				height:500px;
				overflow:auto;
				width:350px;
			}		
			.jScrollPaneContainer {
				position: relative;
				overflow: hidden;
				z-index: 1;
			}
			
			.jScrollPaneTrack {
				position: absolute;
				cursor: pointer;
				left: 0;
				right: auto;
				top: 0;
				height: 100%;
				background: #dc6346;
			}
			.jScrollPaneDrag {
				position: absolute;
				background: #dc6346 url(/img/slide.png) no-repeat;
				height: 50px;
				cursor: pointer;
				overflow: hidden;
				-moz-background-clip:border;
				-moz-background-inline-policy:continuous;
				-moz-background-origin:padding;
			}
			.jScrollPaneDragTop {
				position: absolute;
				top: 0;
				left: 0;
				overflow: hidden;
			}
			.jScrollPaneDragBottom {
				position: absolute;
				bottom: 0;
				left: 0;
				overflow: hidden;
			}
			a.jScrollArrowUp {
				display: block;
				position: absolute;
				z-index: 1;
				top: 0;
				left: 0;
				right: auto;
				text-indent: -2000px;
				overflow: hidden;
				/*background-color: #666;*/
				height: 9px;
			}
			a.jScrollArrowUp:hover {
				/*background-color: #f60;*/
			}
			
			a.jScrollArrowDown {
				display: block;
				position: absolute;
				z-index: 1;
				bottom: 0;
				right: auto;
				left: 0;
				text-indent: -2000px;
				overflow: hidden;
				/*background-color: #666;*/
				height: 9px;
			}
			a.jScrollArrowDown:hover {
				/*background-color: #f60;*/
			}
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
				/*background-color: #f00;*/
			}