/*
 * Accordionza jQuery Plugin
 * Copyright 2010, Geert De Deckere <geert@idoe.be>
 */

#accordion1 {
	color:#fff;
	height:360px;
	list-style:none;
	margin: 0 auto 20px;
	overflow:hidden;
	padding:0;
	width:945px;
	border: 3px solid #efdec5;
}
#accordion1 li {
	height:360px;
	border-left: 3px solid #efdec5;
	position:relative;
}

#accordion1 li:first-child {border: none;}

.accordionza_ttl
{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	text-shadow: 0px 0px 0px;
	-webkit-text-shadow: 0px 0px 0px;
	-moz-text-shadow: 0px 0px 0px;
	-ms-text-shadow: 0px 0px 0px;
	-o-text-shadow: 0px 0px 0px;
	bottom:175px;
	font-family: 'Ropa Sans';
	font-size: 19px;
	left: -150px;
	padding: 10px 5px;
	position: absolute;
	text-align:left;
	text-transform: uppercase;
	width:350px;
	/* ie8/9 */
	left: 0px \9;
	width: 340px \9;
	bottom: 320px \9;
	padding-top: 20px \9;
	/* ie7 */
	*bottom: 0;
	*left: 0;
	*width:330px !important;
	*padding-left: 20px;
}

.slide_opened .accordionza_ttl
{
	background: url(../images/accordionza/bgSlidettl.png);
	position: absolute;
	bottom: 60px;
	left:20px;
	padding: 10px;
	font-size: 26px;
	padding-top: 10px \9;
	*width:340px !important;
	*padding-left: 10px;
	/* for firefox, safari, chrome, etc. */
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	/* for ie */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}

.accordionza_sub_ttl{display: none;}
.slide_opened .accordionza_sub_ttl
{
	background: url(../images/accordionza/bgSlidetxt.png);
	text-align:left;
	position: absolute;
	bottom: 20px;
	width:700px;
	left:0;
	padding: 10px 0 10px 30px;
	font-family: 'Ropa Sans';
	font-size: 18px;
	color: #e7e6e6;
	display: block;
}

#accordion1 .slide_handle {
	/*background:url(../images/accordionza/handles.png);*/
	bottom:0;
	cursor:pointer !important;
	left:0;
	position:absolute;
	top:0;
	width:65px;
}
#accordion1 .slide2 .slide_handle { background-position:-40px 0; }
#accordion1 .slide3 .slide_handle { background-position:-80px 0; }
#accordion1 .slide4 .slide_handle { background-position:-120px 0; }
#accordion1 .slide_handle div {
	background:url(../images/accordionza/arrows.gif);
	bottom:16px;
	height:7px;
	left:16px;
	position:absolute;
	width:7px;
}
#accordion1 .slide_opened .slide_handle { cursor:default; }
#accordion1 .slide_opened .slide_handle div { background-position:0 -7px; }
#accordion1 .slide_content {
	bottom:0;
	left:0px; /* Matches the width of .slide_handle */
	position:absolute;
	right:0;
	top:0;
}
#accordion1 .slide_content a img { border:0; }
#accordion1 .slide_caption {
	background:url(../images/accordionza/black-30pct.png); /* You could use rgba instead, but that means less browser support */
	bottom:0;
	left:0;
	padding:10px 20px;
	position:absolute;
	right:0;
	/* To change the height of the caption, set the captionHeight option in script.js */
}
#accordion1 .slide_caption_toggle {
	cursor:pointer;
	height:10px;
	left:0;
	position:absolute;
	right:0;
	top:0;
}
#accordion1 .slide_caption_toggle div {
	background:url(../images/accordionza/toggle-caption.png) no-repeat 50% -10px;
	height:100%;
}
#accordion1 .slide_caption_toggle:hover { background:url(../images/accordionza/black-30pct.png); }
#accordion1 .slide_caption_collapsed .slide_caption_toggle div { background-position:50% 0; }
#accordion1 a {
	background:none;
	color:#fff;
}
#accordion1 a:hover { text-decoration:none; }
#accordion1 .slide4 .slide_content { background:url(../images/accordionza/digital-noise.png) 100% 0; }