@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
*
/*************************************************/
#one figure { display: block; width: 100%; height: 100%; margin: 0 ;}
#one figcaption {padding:10px 15px;position:absolute;bottom:20px;right:30px;z-index:3;background:black; background:rgba(0,0,0,0.7);color:white;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius: 4px}
/****************************************** Core */
.accordion { text-align: left;overflow:hidden;}
.accordion ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; margin:0 2px;}
.accordion li > h2 { color: black; 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); }
.accordion li > h2 span { display: block; padding-right: 8%;text-align:right;height:96%;}
.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); }
.accordion li > h2:hover { cursor: pointer; }
.accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; }
.accordion noscript p { padding: 10px; margin: 0; background: white; }

/****************************************** Basic */
.basic li > h2 {background:#333;color:white;line-height: 1.8em;}
.basic li > div h3 { margin: 15px 10px; }
.basic li > div p { margin: 10px; font-size: 14px; }

/****************************************** Dark */
.dark {border:6px solid #008AC3;}
.dark li > h2 {font-size: 25px; line-height: 1.7em;}
.dark li > h2 span { background: #3ba3ce; color: white;}
.dark li > h2 b {color: #030303; font-size: 20px;display:none;}
.dark h2.selected span, .dark h2.selected span:hover {background: #3ba3ce;}
.dark h2.selected b { background: #434343\9; }
.dark li > div { background:#FFF;}

/*************************************** Rounded */
.rounded li > h2 span {text-transform:uppercase}

/***************************************** Light */
/**************************************** Stitch */


img.rox-image{height:230px !important}