/* frontslider.css */

.frontslider_container {
	position: relative;
	width: 959px;
	height: 415px;
	overflow: hidden;
}

.frontslider_box {
	width: 959px;
	height: 415px;
	overflow: hidden;
	color: #fff;
}

.logo_sa {
	position: absolute;
	left: 25px;
	top:  307px;
}

.frontslide {
	width: 959px;
	height: 415px;
	overflow: hidden;
	position: relative;
}

.frontslide h2 {
	padding-bottom: 25px;
	position: absolute;
	font-family: "DIN-Black", Arial, Helvetica, sans-serif;
	font-size: 70px;
	line-height: 67px;
	font-weight: normal;
	letter-spacing: -2px;
}

.frontslide p {
	padding-bottom: 10px;
	position: absolute;
	font-family: "DIN-Medium", Arial, Helvetica, sans-serif;
	font-size: 27px;
	line-height: 30px;
	font-weight: normal;
	letter-spacing: -1px;
}

.frontslide .sup {
	font-family: "DIN-Medium", Arial, Helvetica, sans-serif;
	font-size: 40%;
	position: absolute;
	margin-top: 0px;
}

.fs_sp_01 { margin-left: 62px; }
.fs_sp_02 { margin-left: 120px; }
.fs_sp_03 { margin-left: 185px; }

#id_frontslide_01 { background: url(../images/frontslide_01_bg.jpg) 0 0 no-repeat; }
#id_frontslide_01 h2 { left: 50px; top: 30px; }
#id_frontslide_01 p  { left: 50px; top: 175px; }

#id_frontslide_02 { background: url(../images/frontslide_02_bg.jpg) 0 0 no-repeat; }
#id_frontslide_02 h2 { left: 50px; top: 30px; }
#id_frontslide_02 p  { left: 50px; top: 175px; }

#id_frontslide_03 { background: url(../images/frontslide_03_bg.jpg) 0 0 no-repeat; }
#id_frontslide_03 h2 { left: 50px; top: 30px; }
#id_frontslide_03 p  { left: 50px; top: 175px; }

#id_frontslide_04 { background: url(../images/frontslide_04_bg.jpg) 0 0 no-repeat; }
#id_frontslide_04 h2 { left: 50px; top: 30px; }
#id_frontslide_04 p  { left: 50px; top: 175px; }

.ul_frontslider_pager {
	position: absolute;
	left: 12px;
	top: 270px;
	z-index: 10000 !important;
}

.ul_frontslider_pager li {
	margin-right: 4px;
	float: left;
	line-height: 6px;
}

.ul_frontslider_pager a, .ul_frontslider_pager a:visited {
	width: 6px;
	height: 6px;
	overflow: hidden;
	display: block;
	text-decoration: none;
	background: #787e84;
}

.ul_frontslider_pager a:hover, .ul_frontslider_pager a:visited:hover {
	text-decoration: none;
	background: #fff;
}

.ul_frontslider_pager li.active_slide a { background: #fff; }