/* 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;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 125px;
	height: 100px;

	/*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. */	
}


.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) */
}

.kwicks li{  
width: 125px;  
height: 100px;  
margin-bottom: 3px;  
 }  

#kwick1, #kwick2, #kwick3, #kwick3, #kwick5, #kwick6, #kwick7, #kwick8, #kwick9, #kwick10, #kwick11, #kwick12, #kwick13, #kwick14, #kwick15 {
	background-color: #cccccc;
}

#kwick1 {   	
	background-image: url('/img/services_tall/video.jpg');
}  

#kwick2 {  
background-image: url('/img/services_tall/print.jpg');
}  

#kwick3 {  
background-image: url('/img/services_tall/web.jpg');
}  

#kwick4 {   
background-image: url('/img/services_tall/flash.jpg');
}

#kwick5 {   
background-image: url('/img/services_tall/booth.jpg');
}


#kwick6 {  
background-image: url('/img/services_tall/software.jpg');
}

#kwick7 {  
background-image: url('/img/services_tall/blog.jpg');
}

#kwick8 {
background-image: url('/img/services_tall/intranet.jpg');
}

#kwick9 {  
background-image: url('/img/services_tall/auto.jpg');
}

#kwick10 {  
background-image: url('/img/services_tall/mobile.jpg');
}

#kwick11 {  
background-image: url('/img/services_tall/eblast.jpg');
}

#kwick12 {  
background-image: url('/img/services_tall/learn.jpg');
}

#kwick13 {
background-image: url('/img/services_tall/testimages/branding.gif');
}

#kwick14 {  
background-image: url('/img/services_tall/testimages/ecommerce.gif');
}

#kwick15 {
background-image: url('/img/services_tall/workflow.jpg');
}
/* defaults for all examples */
.kwicks{
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	list-style-type: none;
	background: none;
}

.kwicks ul, {
	
	list-style-type: none;
	background: none;
}

#services_cont{
width:500px;
	
}

#services_cont h1 {
	padding: 0;
	margin: 0;
	font-size: 25px;
	text-align: center;
	width: 125px;
}

#services_cont h2 {
	padding: 0;
	margin: 0;
	font-size: 12px;
	text-align: center;
	width: 125px;
	font-variant: normal;
	letter-spacing: 2px;
	font-weight: bold;
	padding-top: 5px;
	margin-bottom: 5px;
}

#services_cont p {
	padding: 0;
	margin: 0;
	font-size: 12px;
	padding: 3px;
	color: black;
	font-family: helvetica;
	line-height: 13px; 
	margin-top:150px;  
	background-color: white;
	-moz-opacity: 0.9;
	opacity:.9;
	filter: alpha(opacity=.90); 
	text-align:center; 
}

#services_cont h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: right;
	color: red;
	padding-right: 5px;
}

#services_box_1 {
	width: 125px;
	height: 380px;
	padding: 0;
	margin:0;
	background-color: black;
}