/* 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 ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

.big_kwik {
	width:490px;
}

.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 222px;
	height: 180px;

	/*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) */
}
.kwicks.horizontal li {
	/* 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  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. */	
}

#kwick_1 { 
	background-color: #53b388;
}
#kwick_2 {
	background-color: #5a69a9;
}
#kwick_3 {
	background-color: #c26468;
}
#kwick_4 { 
	background-color: #bf7cc7;
}
.kwicks.horizontal #kwick_4 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_4 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}

/*Testing active states*/

#kwick_1 { 
	background-color: #ffffff;
}
#kwick_1.active { 
	background-color: #ffffff;
}
#kwick_2 {
	background-color: #ffffff;
}
#kwick_2.active {
	background-color: #ffffff;
}
#kwick_3 {
	background-color: #ffffff;
}
#kwick_3.active {
	background-color: #ffffff;
}
#kwick_4 { 
	background-color: #ffffff;
	margin-right: none;
}
#kwick_4.active { 
	background-color: #ffffff;
}
   
/*custom modification*/

.kwiks_img {
	width:215px;
	height:180px;
	float:left;
	display:block;
	background-color:#CCC;
	margin-right:10px;
}

.kwiks_content {
	width:215px;
	height:180px;
	float:left;
	display:block;
}

h5.home_feature {
    color: #798087;
    margin-bottom: 2px;
    margin-top: 10px;
	margin-left:10px;
	font-size:14px;
	line-height:15px;
}

h5 {
    font-family: 'Arimo',Verdana,Geneva,sans-serif;
    margin-bottom: 5px;
	
}

p.home_feature {
	margin-left:10px;
	margin-top:5px;
	color:#333333;
	font-family: 'Arimo',Verdana,Geneva,sans-serif;
	font-size:12px;
	line-height:15px;
	font-weight:normal;
}