/*!
 *  Kwicks: Sexy Sliding Panels for jQuery - v2.0.0
 *  http://devsmash.com/projects/kwicks
 *
 *  Copyright 2012 Jeremy Martin (jmar777)
 *  Released under the MIT license
 *  http://www.opensource.org/licenses/mit-license.php
 */
/*
 *  This file contains styles that are common to all kwicks instances.  Note that each kwicks instance requires
 *  additional styling - please see the examples for more info.
 */

.kwicks {
	width: 515px;
	height: 100px;
}
/*.kwicks > li {
	width: 600px;
	height: 408px;
	background-color: #53b388;
	 overridden by kwicks but good for when JavaScript is disabled 
	margin-left: 5px;
	float: left;
}*/
.kwicks > li#slide1 > div.banner {
	width: 600px;
	height: 408px;
	/*background: url(/Presentation/Includes/images/slider1.jpg) no-repeat;*/
    background-repeat:no-repeat;
	float: left;
}
.kwicks > li#slide1 > div.banner:hover {
	/*background: url(/Presentation/Includes/images/overlay_slider1.jpg) no-repeat;*/
    background-repeat:no-repeat;
}
.kwicks > li#slide2 > div.banner {
	width: 601px;
	height: 408px;
	/*background: url(/Presentation/Includes/images/slider2.jpg) no-repeat;*/
    background-repeat:no-repeat;
	float: left;
}
.kwicks > li#slide2 > div.banner:hover {
	/*background: url(/Presentation/Includes/images/overlay_slider2.jpg) no-repeat;*/
    background-repeat:no-repeat;
}
.kwicks > li#slide3 > div.banner{
	width: 603px;
	height: 408px;
	/*background: url(/Presentation/Includes/images/slider3.jpg) no-repeat;*/
    background-repeat:no-repeat;
	float: left;
}
.kwicks > li#slide3 > div.banner:hover {
	/*background: url(/Presentation/Includes/images/overlay_slider3.jpg) no-repeat;*/
    background-repeat:no-repeat;
}
.kwicks > li#slide4 > div.banner{
	width: 602px;
	height: 408px;
	/*background: url(/Presentation/Includes/images/slider4.jpg) no-repeat;*/
    background-repeat:no-repeat;
	float: left;
}
.kwicks > li#slide5 > div.banner{
	width: 410px;
	height: 408px;
	/*background: url(/Presentation/Includes/images/slider5.jpg) no-repeat;*/
    background-repeat:no-repeat;
	float: left;
}
.kwicks > li#slide6 > div.banner {
	width: 448px;
	height: 408px;
	/*background: url(/Presentation/Includes/images/slider6.jpg) no-repeat;*/
    background-repeat:no-repeat;
	float: left;
}
.kwicks > li#slide4 > div.banner:hover {
	/*background: url(/Presentation/Includes/images/overlay_slider4.jpg) no-repeat;*/
    background-repeat:no-repeat;
}
.kwicks > li#slide5 > div.banner{
	width: 600px;
	height: 408px;
	/*background: url(/Presentation/Includes/images/slider5.jpg) no-repeat;*/
    background-repeat:no-repeat;
	float: left;
}
.kwicks > li#slide5 > div.banner:hover {
	/*background: url(/Presentation/Includes/images/overlay_slider5.jpg) no-repeat;*/
    background-repeat:no-repeat;
}
.kwicks > li#slide6 > div.banner{
	width: 600px;
	height: 408px;
	/*background: url(/Presentation/Includes/images/slider6.jpg) no-repeat;*/
    background-repeat:no-repeat;
	float: left;
}
.kwicks > li#slide6 > div.banner:hover {
	/*background: url(/Presentation/Includes/images/overlay_slider6.jpg) no-repeat;*/
    background-repeat:no-repeat;
}
.kwicks > li.kwicks-expanded { background-color: #86e6bb; }
.kwicks > li.kwicks-selected { background-color: #ff7744; }

 

.kwicks {
	display: block;
	list-style-type: none;
	list-style: none;
	position: relative;
	margin:0 auto;
	padding: 0;
}
.kwicks > * {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.kwicks.kwicks-processed > * {
	margin: 0;
	position: absolute;
}
.kwicks-horizontal > * {
	float: left;
}
.kwicks-horizontal > :first-child {
	margin-left: 0;
}
.kwicks-vertical > :first-child {
	margin-top: 0;
}