/* 

Minibuzz - CSS File For s3Slider JQuery

*/
#s3slider {
	width: 1000px; /* important to be same as image width */
	height: 351px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	text-align: left;
	z-index: 50px;
}


#s3slider a.but, #s3slider a.but:visited{
	color:#fff;
	padding:0px 4px;
	background-color:#1c83e0;
	filter: alpha(opacity=0);
	opacity: 1.0;
	border:1px solid #1c83e0;
	margin-left: 255px;
	margin-top: 20px;
	float: right;
}
#s3slider a { color: #fff; text-decoration: none;}
#s3slider a:hover {color: #fadd45; text-decoration: none;}



#s3sliderContent {
   width: 1000px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin:0px ;/* important */
   list-style-type:none !important;
   z-index: 50px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   list-style-type:none !important;
}

.s3sliderImage p {color: #fff;}

.s3sliderImage div {
	position: absolute; /* important */
	right:0;
	top:0;
	font-size: 12px;
	padding:0;
	width: 350px;
	height:351px;
	padding:40px 10px 20px 15px;
	background-color: #8f9fab;
	filter: alpha(opacity=80); /* here you can set the opacity of box with text */
	opacity: .90; /* here you can set the opacity of box with text */
	color: #FFF;
	display: none; /* important */
	bottom: 0px;   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage p {color: #fff; padding: 20px 15px 5px 25px;}

.title1{
	font-size: 26px;
	color:#fff;
	height: 20px;
	padding-left: 25px;
	padding-top: 5px;
	}
.title2{
	font-size:25px;
	color:#fee24a;
	height: 21px;
	padding-left: 25px;
	padding-top: 5px;
}
.title3{
	font-size:45px;
	color:#993399;
	height: 45px;
	padding-left: 25px;
	padding-top: 5px;
}

.s3sliderImage ul { margin-left: 25px;}

.s3sliderImage li {
	width: 160px;
	float: left;
	list-style-position: outside;
	list-style-type: none;
	font-weight: bold;
	list-style-image: url(../images/bullet.png);
}
.clear {
   clear: both;
} 

/**/
/**/