/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */
.kwicks {
	/* recommended styles for kwicks container */
	list-style: none; /* if UL container is used */
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks .kwick-panel {
	/* these are required, but the values are up to you (must be pixel) */
	width: 188px;
	height: 400px;

	/*do not change these */
	display: block;
	overflow: hidden;
	cursor: pointer;
	padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal .kwick-panel {
	/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */
	float: left;
}
.kwicks.vertical .kwick-panel {
	/* 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. */
}


    .caption { 
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #000;
    background: rgba(0,0,0,0.8);
    color: #fff;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px;
    text-indent: 20px;
    font-size: 18px;
}

.kwick-panel {
    position: relative;
    float: left;
    margin-right: 5px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(filters.svg#grayscale);
    filter: gray; /* IE 6-9 */
}
.kwick1 { background: url(/images/slide1.jpg) center center no-repeat; }
.kwick2 { background: url(/images/slide2.jpg) center center no-repeat;}
.kwick3 { background: url(/images/slide3.jpg) center center no-repeat; }
.kwick4 { background: url(/images/slide4.jpg) center center no-repeat;}
.kwick5 { background: url(/images/slide5.jpg) center center no-repeat; }

.kwick-panel:hover { filter: none; }

/* cancel margin on last kwick (if you set a margin above) */
.kwicks.horizontal .kwick4 { margin-right: none; }
/* cancel margin on last kwick (if you set a margin above) */
#basic .kwicks.vertical .kwick4 { margin-bottom: none; }

