/* default jSlider style */ 
/* width: 470px is the same as the images and .slidetitle width is the same as the images */
.slider{float:left; width:470px; height: 277px;margin-top: 17px; margin-left:15px;border:2px #C3D2F3 solid; overflow: hidden; position:relative; -moz-border-radius: 6px; border-radius:6px; }

/* 
	default 
	where width is 9999px, so you don't have to calc your width each time you add a new slide
	where height is your images hide.
	.slidercontent {width: 9999px; height: 277px;}

	slide down
	where width is the images width
	where height is all your images height together.
	.slidercontent {width: 470px; height: 440px;}
	
	slide half
	where width is half of your images, 4/2 á 470px
	where height is all your images height together
	.slidercontent {width: 1100px; height: 440px;}
	
	slide half two
	where width is two images width together. 
	where height is all your images height together.
	.slidercontent {width:1100px; height: 880px;}
*/

.slidercontent {width: 9999px; height: 277px;}
div.slide {height: 277px; width: 470px; float:left; overflow: hidden; background: #fff}
.slidetitle{margin-top:-22px; float:left; position: absolute; width: 470px; margin-left:0px;filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65;}
.slidetitle p { padding:5px; color:#fff; padding-bottom:0px;}
.slidetitle p.slide-title {background: #000;padding-bottom: 5px}
.slidetitle p span.hide,.slidenext {float:right}
.slidetitle p span a.slide-show {background: #000;}
.slideprev {float:left;}

/* text-div example */
.text-div {padding:5px;}
.text-div h1,h2,h3,h4 {color:#1BB0DF;}

/* custom jSlider style */

.buttons {margin-left: 25px; margin-bottom: 0px; float:left; width: 470px; min-height: 20px;}
.slideprev, .slidenext {color:#1BB0DF; text-decoration: none; padding:5px 7px;}
.slideprev:hover, .slidenext:hover {background: #1BB0DF; color:#fff; -moz-border-radius: 3px; border-radius:3px; text-decoration: none}
span.hide a {color:#fff;}
.slidernumbers {width: 470px; float:left; text-align: center; margin-top:320px; margin-left:-450px;}
.slidernumbers a {background: #abc8ed; color:#fff; padding:5px 7px; margin-right: 5px; -moz-border-radius: 3px; border-radius:3px; text-decoration: none;}
.slidernumbers a.active {background: #ff9900; color:#fff;}
.slidernumbers a:hover {background: #ff9900; color:#fff;}