/*--- VALUES: width/height/padding/margin ---*/
.effectsKwicks li {
	width: 165px; /* these are required, but the values are up to you (must be pixel) */
	margin-right: 2px; /* set to same as spacing option. */	
}
.effectsKwicks li, .effectsKwicks a.slideLink {
	height: 350px; /* -> = height of kwick */
}
.effectsKwicks .modTeaser {
	padding: 10px;
}
.effectsKwicks .modTeaser, .effectsKwicks a.slideLink {
	width: 380px; /* -> = same width as set in javascript (minus padding) */
}


/*--- design ---*/
.effectsKwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 100;
}
.effectsKwicks li {
	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.effectsKwicks li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	float: left;
}
.effectsKwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /* set to same as spacing option. */	
}


/*--- content ---*/
.effectsKwicks .modTeaser {
	color: #ffffff;
	bottom: 0px;
	position: absolute;
	padding: 15px;
	background-image: url(../../images/effects_slide_bkg_text.png);
}
.effectsKwicks .modTeaser a {
	color: #ffffff;
	text-decoration: underline;
}
.effectsKwicks .modTeaser a:hover {
	color: #ffffff;
	text-decoration: none;
}