#slider {
	/*give this thing a fixed width and height!*/
	max-width: 1000px;
	height: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 130px;
	background: #fff;
	border: 5px solid #d8d8cf;

	/*this is important*/
	overflow: hidden;
}


	#slider .hslide {
		/*give this thing the same fixed width and height!*/
		width: 1000px;
		height: 300px;

		/*this is important*/
		float: left;
	}


/*style other things as you wish*/


.hashslider{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
}

ul,ol{
    margin: 0;
    padding: 0;
    list-style: none outside none;
}

.button	{
	width: 50px;
	height: 310px;
	display: inline-block;
	background: url(../images/hashslider_b.png);
	cursor: pointer;
}

	.button:hover {
		opacity: 0.5;
	}

	#back {
		margin: -320px 0 0 -60px;
		float: left;
	}

	#next {
		background-position: -50px 0;
		margin: -320px -60px 0 0px;
		right: -60px;
		float: right;
	}

#numbers {
	width: 1000px;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	padding: 20px 0;
	font-size: 14px;
}

	#numbers a {
		text-decoration: none;
		color: #666;
		display: inline-block;
		/*margin: 0 10px 0 0;*/
		padding: 7px;
	}

	#numbers a.active {
		font-weight: bold;
	}
    
#loader {
	width: 1000px;
    margin-left: auto;
    margin-right: auto;
	height: 5px;
	/*margin: 50px 0 0 0;*/
	margin: -22px 0 15px 10px;
	padding: 0;
}

	#load {
		width: 0px;
		height: 3px;
		background: rgb(255,50,150);
		display: inline-block;
	}