@charset "utf-8";

	body.services{
		background: url('../images/services.jpg') no-repeat center;
	}
	.content #scrollbar{
		width: 580px;
		clear: both;
	}
	
		.content #scrollbar .text_bg{
			background: url('../images/content_bg.png') repeat center;
			width: 550px;
			height: 230px;
			padding-top: 15px;
		}
		
			.content #scrollbar .text_bg.dark{
				background: url('../images/content_bg_dark.png') repeat center;
				height: 235px;
			}
		
		.content #scrollbar .viewport {
			width: 520px;
			height: 225px; 
			margin: 0 0 0 15px;
			overflow: hidden;
			position: relative;
		}
		
		.content #scrollbar .overview {
			list-style: none;
			position: absolute;
			left: 0;
			top: 0;
			font: 13px Arial, Verdana, sans-serif;
			color: #0000;
		}
		
			.content #scrollbar .overview .big{
				font-size: 18px;
				
			}
		
			.content #scrollbar .overview a{
				color: #fff;
				text-decoration: underline;
			}
			
			.content #scrollbar .overview a:hover{
				text-decoration: none;
			}
		
		.content #scrollbar .thumb {
			background: url('../images/scrollbar_thumb.png') no-repeat center;
		}
		
		.content #scrollbar .scrollbar{
			position: relative;
			float: right;
			width: 15px;
		}

		.content #scrollbar .track {
			background: url('../images/scrollbar_track_bg.png') repeat-y center;
			height: 100%; 
			width:17px;
			position: relative;
			padding: 0;
		}

		.content #scrollbar .thumb {
			height: 44px;
			width: 17px;
			cursor: pointer;
			overflow: hidden;
			position: absolute;
			top: 0;
		}
		
		.content #scrollbar .thumb .end {
			overflow: hidden;
			height: 5px;
			width: 17px;
		}
		
		.content #scrollbar .disable{
			display: none;
		}
