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

body{
	margin: 0;
}

/* slider */
#slideContainer{
	width: 518px;
	height: 268px;
	background: left top no-repeat;
	float: left;
	padding: 20px 20px 0 15px;
	text-align: left;
}
#slideText{
	position: absolute;
	text-align: left;
	float: left;
}
#slideText div{
	float: left;
	width: 518px;
	height: 100px;
	font: bold 12px Tahoma, Verdana, Arial;
	color: #333;
}
#slideText p{
	margin: 0;
	float: left;
	width: 500px;
	padding: 6px 8px 8px 10px;
	line-height: 18px;
background: url(images/transparentBlack.png) repeat;
color: #fff;
}
#slideText h2{
	background-color: #336699;
	line-height: 36px;
	margin: 0 0 3px 0;
	padding: 0 10px;
	font-size: 24px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float: left;
}
#slidePaging{
	height: 21px;
	margin-top: 107px;
	float: right;
	width: 100px;
}
#slidePaging .buttons{margin:0; color: #336699; font: bold 10px Tahoma, Verdana, Arial;}
#slidePaging .buttons span{
	color:#336699;
	cursor:pointer;
}
#slidePaging .buttons .clBt{
	height: 18px;
	width: 18px;
	text-align: center;
	line-height: 18px;
	background-color: #FFFFFF;
	margin-left: 1px;
	float: left;
}
#slidePaging .buttons span.active, .buttons span:hover{color: #0083C1; font-weight: bold;}
.mask{
	position:relative;
	width:518px;
	height:100px;
	overflow:hidden;
}