@charset "UTF-8";
/* CSS Document */


#kwicks_container { 
	background-color: none;
	height: 250px;
	clear:left;
	margin:0 auto;
	padding:0 auto;
	width:700px;
	text-align:center;
}
#kwicks {
	position: relative;
	margin:0 auto;
}
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 80px;
	height: 198px;
	
	overflow:visible;
	position:relative;
}
#kwicks .kwick a{
	display: block;
	height: 198px;
	overflow:visible;
	
}



#kwicks .kwick a span {	background: top left no-repeat; position:absolute; width:228px; height:45px;  top:0; right:0; text-indent:-5000px; line-height:45px; display:block; overflow:visible;}

#kwicks .kwick a:hover span			{  z-index:5000; top:198px;}

#kwicks #kwick_violet a:hover span	{ background:url(images/span_biography.gif);}
#kwicks #kwick_blue a:hover span	{ background:url(images/span_portfolio.gif);}
#kwicks #kwick_magenta a:hover span	{ background:url(images/span_rates.gif);}
#kwicks #kwick_red a:hover span		{ background:url(images/span_testimonials.gif);}
#kwicks #kwick_orange a:hover span	{ background:url(images/span_accolades.gif);}
#kwicks #kwick_yellow a:hover span	{ background:url(images/span_blog.gif);}
#kwicks #kwick_green a:hover span	{ background:url(images/span_proofs.gif);}

/* 
violet = Biography
blue = Portfolio
magenta = Rates
red = Testimonials
orange = Accolades
yellow = Blog
green = Proofs
*/

#violetcap	 	{ background:url(images/violetcap.gif) top left no-repeat; width:46px; float:left; display:block; height:198px;}
#kwick_violet 	{ background:url(images/violet_ph.jpg) top center no-repeat #55519D; border-right:3px solid #55519D; }
#kwick_blue 	{ background:url(images/blue_ph.jpg) top center no-repeat #A9C7FB; border:3px solid #A9C7FB; border-top:0; border-bottom:0;}
#kwick_magenta 	{ background:url(images/magenta_ph.jpg) top right no-repeat #E045B4; border:3px solid #E045B4; border-top:0; border-bottom:0; }
#kwick_red 		{ background:url(images/red_ph.jpg) top center no-repeat #FF2F3E; border:3px solid #FF2F3E; border-top:0; border-bottom:0;}
#kwick_orange 	{ background:url(images/orange_ph.jpg) top right no-repeat #FF8F02; border:3px solid #FF8F02; border-top:0; border-bottom:0;}
#kwick_yellow 	{ background:url(images/yellow_ph.jpg) top center no-repeat #EABE2F; border:3px solid #EABE2F; border-top:0; border-bottom:0;}
#kwick_green 	{ background:url(images/green_ph.jpg) top right no-repeat #C4CC78; border:3px solid #C4CC78; border-top:0; border-bottom:0;}
#greencap	 	{ background:url(images/greencap.gif) top right no-repeat; width:46px; float:left; display:block; height:198px;}