#slider {
	clear: both; position: relative;
	height: 255px;
	background-repeat: no-repeat;
	background-position: top left;

	/* php */
	background-image: url(../images/slider.png);
}

#slider .image {
	float: left;
	width: 442px; height: 233px;
	margin: 5px 0 0 49px;

	/* php */
	background-color: #eeeeee;
}

#slider .image img {
	width: 442px; height: 233px;
}

#slider h2 {
	font: bold 28px/28px "Myriad Pro", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin: 0 0 10px 0;

	/* php */
	text-shadow: 1px 1px #ffffff;
}

#slider h2 a {

	/* php */
	color: #444444;
}

#slider h2 a:hover {
	text-decoration: none;

	/* php */
	color: #000000;
}

#slider h3 {
	width: 140px; height: 52px;
	margin: 35px 0 0 -15px; padding: 0 20px 0 20px;
	font: normal 24px/44px "Myriad Pro", Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: -1px;
	text-transform: uppercase;
	position: absolute;
	background-repeat: no-repeat;
	background-position: top left;

	/* php */
	color: #ffffff;
	background-image: url(../images/slider-heading.png);
	text-shadow: 1px 1px #000000;
}

#slider .body {
	float: left; overflow: hidden;
	width: 375px; height: 190px;
	margin: 95px 0 0 30px;
}

#slider .body p {
	width: 375px;
	padding: 0 0 15px 0; margin: 0;
	line-height: 20px;

	/* php */
	color: #000000;
}

#slider .body p a:hover {
	text-decoration: underline;

	/* php */
	color: #555555;
}

#slider .container {
	position: relative; overflow: hidden;
	height: 255px;
	margin: 0; padding: 0;
}

#slider div.slides {
	position: absolute; top: 0;
	width: 962px; height: 255px;
	margin: 0; padding: 0;
}

#slider a.previous {
	position: absolute; display: block;
	width: 28px; height: 29px;
	top: 50px; right: 18px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: top left;

	/* php */
	background-image: url(../images/previous.png);
}

#slider a.next {
	position: absolute; display: block;
	width: 28px; height: 29px;
	top: 196px; right: 18px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: top left;

	/* php */
	background-image: url(../images/next.png);
}

#slider a.more {
	float: right;
	width: 77px; height: 24px;
	margin: 0 15px 0 0;
	text-indent: -999999px;
	background-repeat: no-repeat;
	background-position: top left;

	/* php */
	background-image: url(../images/more.png);
}

#slider ul.pagination {
	width: 15px;
	top: 85px; right: 25px;
	margin: 0; padding: 0;
	list-style: none;
	position: absolute;
}

#slider ul.pagination li {
	margin: 0 0 11px 0;
}	

#slider ul.pagination a {
	display: block; 
	width: 13px; height: 12px;
	margin: 0 0 0 1px; padding: 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: top left;

	/* php */
	background-image: url(../images/bullet_hole_empty.png);
}

#slider ul.pagination li.active a {
	width: 15px; height: 14px;
	margin: 0;
	cursor: default;
	background-repeat: no-repeat;
	background-position: top left;

	/* php */
	background-image: url(../images/bullet_hole_fill.png);
}