#slider {
	clear: left;
	margin-left: 10px;
	width: 60%;
	position: relative;
}

#slider .wrap {
	overflow: hidden;
	padding-bottom: 54%;
	position: relative;
	width: 100%;
}

#slider .container {
	height: 100%;
	left: 100%;
	margin-left: -100%;
	position: absolute;
	top: 6px;
	width: 400%;
}

#slider .image {
	float: left;
	height: 100%;
	width: 25%;
}

#slider img {
	cursor: move;
	width: 100%;
}

#slider img.after,
#slider img.before {
	cursor: hand;
	cursor: pointer;
}

/**
 * Slider Arrows
 */
#slider .arrow {
	background: url(arrows.gif) 0 0 no-repeat;
	cursor: hand;
	cursor: pointer;
	display: none;
	filter: alpha(opacity=60);
	height: 38px;
	margin-top: -19px;
	opacity: .6;
	position: absolute;
	top: 50%;
	width: 19px;
}

#slider ins.arrow:hover {
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
}

#slider .arrow.l {
	left: 5px;
}

#slider .arrow.r {
	background-position: -19px 0;
	right: 5px;
}


/**
 * Slider Slogan
 */
#slider .slogan {
	font-size: 1em;
	left: 15px;
	bottom: 15px;
/*	margin-top: -6.9em;*/
	position: absolute;
/*	top: 50%;*/
	white-space: nowrap;
}

#slider .slogan .back {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 90%;
}

#slider .slogan .back ins {
	background: url(slider_back.png) no-repeat;
	bottom: 0;
	height: 800px;
	left: -1200px;
	margin-left: 100%;
	position: absolute;
	width: 1200px;
}

#slider .slogan .slogan_text {
	float: left;
	padding: 1em 4em 1em 25px;
	position: relative;
}

#slider .slogan h1 {
	color: #000000;
	font-size: 2.3em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 .3em;
	padding: 0;
}

#slider .slogan h1 .grow {
	color: #FF0000;
}

#slider .slogan p {
	line-height: 1.2em;
}