@import "reset.css";
/* This css serves as a template for styling your kwicks. DO NOT GO NEAR UNLESS YOU KNOW WHAT YOU'RE DOING! */

/* You might find the following useful */
br.dirtyLittleTrick { 
	clear:both; 
	display:block;
	height:1px;
	margin:-1px 0 0 0 
} 
/* Use this br class to clear your floated columns */

.accordion-wrapper {
	display:block; 
	margin:0px auto; 
	width:890px; 
	height:300px; 
	overflow:hidden;
}

#accordion *{
	font-family: 'Molengo', Arial, Verdana, Helvetica, sans-serif; 
}

.accordion-overlay {
	position:absolute;
	margin:0px 0px; 
	width:630px;
	height:300px; 
	background:url(../images/accordion-overlay.gif) scroll transparent no-repeat;
}

#accordion .accordion-textbox {
	position:absolute; 
	top:300px;  
	height:200px; 
	background:#000; 
	padding:10px 20px;  
	-moz-opacity: 0.9;	
	-khtml-opacity: 0.9; 
	opacity: 0.8; 
	filter: alpha(opacity=60);
}

#accordion .accordion-textbox h2 {
	color:#FFF; 
	margin: 0 !important;
	margin-bottom:5px !important; 
	font-size:14pt !important; 
	letter-spacing:.15em !important;
	font-weight: bold !important;
}

#accordion .accordion-textbox p {
	color:#FFF !important; 
	font-size:12pt !important;
	line-height: 1.2em !important;
	margin: 0 !important;
}

#accordion .accordion-excerpt {
	overflow:hidden;
	height:155px;
}

#accordion a.kwicks-anchor-link {}

#accordion span.accordion-title {
	background:#FFF; 
	color:#000; 
	z-index:101; 
	font-size: 15px !important;
	position:absolute; 
	border:none;
	display:block;
	height:15px;
	overflow:hidden;
	width:280px;
	padding:10px 10px 20px 20px ;
	text-transform:uppercase;
	letter-spacing:1.5px !important;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: .85;
}

#accordion span.modern-position { 
	bottom:130px; 
	left:-134px; 
}	
		
.kwicks {	
	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: 100px; /*<-- generated in javascript*/
	height: 300px;

	/*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 {
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}

.kwicks.vertical  li{
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

.kwicks.horizontal li:last {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}

.kwicks.vertical li:last {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}