@charset 'utf-8';
/*************************************************
*
*	project:  	liteAccordion - horizontal accordion plugin for jQuery
*	author:   	Nicola Hibbert
*	url:	  	http://nicolahibbert.com/horizontal-accordion-jquery-plugin
*	demo:	  	http://www.nicolahibbert.com/demo/liteAccordion
*
/*************************************************/
/****************************************** Core */
.accordion { 
text-align: left; 
font: 'Verdana', 
Verdana, Arial, sans-serif;
text-decoration:none;
color:#828282; 
}
.accordion ol { 
position: relative; 
overflow: hidden; 
height: 100%; 
margin: 0; 
padding: 0; 
list-style-type: none; 
color:#828282; 
text-decoration:none;
}
.accordion li > h2 { 
color: #f2f2f2; 
font-weight: normal; 
margin: 0; 
z-index: 2; 
position: absolute; 
top: 0; 
left: 0; 
-webkit-transform: translateX(-100%) rotate(-90deg); 
-webkit-transform-origin: right top; 
-moz-transform: translateX(-100%) rotate(-90deg); 
-moz-transform-origin: right top; 
-o-transform: translateX(-100%) rotate(-90deg); 
-o-transform-origin: right top; 
-ms-transform: translateX(-100%) rotate(-90deg); 
-ms-transform-origin: right top; 
transform: translateX(-100%) rotate(-90deg); 
transform-origin: right top; 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
text-decoration:none;
}
.accordion li > h2 span { 
display: block; 
padding-right: 8%; 
text-align: right; 
height: 90%; 
margin-top: 5px; 
color:#828282;
text-decoration:none;
}
.accordion li > h2 b { 
display: inline-block; 
position: absolute; 
top: 10%; 
top: 42%\9; 
left: 10%; 
left: 5%\9; 
text-align: center; 
-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); 
-o-transform: rotate(90deg); 
transform: rotate(90deg); 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
color:#828282;
text-decoration:none;
}
.accordion li > h2:hover { 
cursor: pointer;
color:#828282; 
text-decoration:none;
}
.accordion li > div { 
height: 100%; 
position: absolute; 
top: 0; 
z-index: 1; 
overflow: hidden; 
background: #f2f2f2; 
color:#828282;
text-decoration:none;
}
.accordion noscript p { 
padding: 10px; 
margin: 0; 
background:#f2f2f2;
text-decoration:none;
}

/****************************************** Dark */
.dark { 
border: 1px solid #fff; 
background: #f2f2f2; 
color:#828282; 
-webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
-o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
}
.dark li > h2 {
	background: #f2f2f2;
	font-size: 12px;
	line-height: 2.7em;
	text-shadow: 0 -1px 0 #f2f2f2;
	text-decoration: none;
	letter-spacing: 1px;
	color:#828282; 
}
.dark li > h2 span { 
background: #ddd; 
color: #828282; 
}
.dark li > h2 b { 
background: #ddd; 
color: #828282; 
font-size: 20px; 
text-shadow: -1px 1px 0 #828282; 
}
.dark h2.selected span, .dark h2.selected span:hover { 
background: #c4c4c4; 
background: -webkit-gradient(linear, left top, right top, color-stop(0, #ddd), color-stop(1, #ccc)); 
background: -moz-linear-gradient(top left, #ddd 0%, #ccc 100%); 
color:#828282; 
}
.dark h2.selected b { 
background: #c4c4c4; 	
color:#828282; 
}
.dark li > div { 
background: #f2f2f2; 
margin-left: 1px;
color:#828282; 
}

/*************************************images*/
figure { 
display: block; 
width: 100%; 
height: 100%; 
margin: 0 
}
figcaption { 
padding: 10px 15px; 
position: absolute; 
bottom: 20px; 
right: 30px; 
z-index: 3; 
background: #666; 
background: rgba(102,102,102,0.7); 
color: white;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}