@charset "utf-8";
/* CSS Document */

#slider {
	margin:0 auto;
	position: relative;
	overflow:hidden;
}

#slider .slider-corner {
	width: 5px;
	height: 5px;
	display:block;
	position: absolute;
	z-index: 999;
}


#slider, #slider .slide-image {
	width:156px;
}

#slider .slide-image .slide-info {
	width:156px;
	height: 0px;
	padding: 0;
	position: absolute;
	bottom: 0;
	background: url("../graphics/background/slider-bar-dashes.png") no-repeat center top;
}

#slider .slide-image .slide-info .slider-info-bar {
	height: 75px;
	width:156px;
	background: url("slider-bar-bg.png") repeat center center transparent;
	padding: 0;
	margin-top: 12px;
}

#slider .slide-image .slide-info .slider-info-bar .slider-info-title {
    font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-size: 30px;
    height: 38px;
    letter-spacing: -0.07em;
    line-height: 50px;
    margin-left: 40px;
    padding: 0;
}

#slider .slide-image .slide-info .slider-info-bar .slider-info-title.yellow { color: #ffc600; }
#slider .slide-image .slide-info .slider-info-bar .slider-info-title.red { color: #e4463a; }
#slider .slide-image .slide-info .slider-info-bar .slider-info-title.purple { color: #a3258e; }
#slider .slide-image .slide-info .slider-info-bar .slider-info-title.orange { color: #fa7603; }
#slider .slide-image .slide-info .slider-info-bar .slider-info-title.green { color: #7ca70c; }
#slider .slide-image .slide-info .slider-info-bar .slider-info-title.cyan { color: #35dbe5; }
#slider .slide-image .slide-info .slider-info-bar .slider-info-title.pink { color: #f493e3; }

#slider .slide-image .slide-info .slider-info-bar .slider-info-text {
    color: #FFFFFF;
    font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    letter-spacing: -0.05em;
    line-height: 20px;
    margin-left: 40px;
    margin-top: 5px;
    padding: 0;
}

#slider, #slider .container, #slider .slide-image {
	height:300px;
}

#slider .container {
	position:relative;
	left:0;
	overflow: hidden;
}

#slider .slide-image {
	float:left;
}

#slider .slide-image div {
	padding:15px 28px;
	height:100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}