/*
	Horizontal Accordion
*/

.horizontal_accordion_toggle,
.horizontal_accordion_toggle_active {
	float: left;
	display: block;
	height: 258px;
	width: 30px;
	background: #02AAE5;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #7498B5;
	cursor: pointer;
	margin: 0 0 0 0;
	position:relative;
	/*overflow:hidden;*/ 
}

.horizontal_accordion_toggle h3 {
	transform: rotate(-90deg);
 /* hack per Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  /* hack per Mozilla Firefox */
  -moz-transform: rotate(-90deg);
  /* hack per Apple Safari */
  -webkit-transform: rotate(-90deg);
  position:absolute;
	bottom: 115px;
    left: -115px;
	width: 258px;
	
}

.horizontal_accordion_toggle_active,
.horizontal_accordion_toggle:hover {
	background: #13588D;
}

.horizontal_accordion_content {
	height: 100px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	overflow: hidden;
	background-color: #ffffff;
	color: #444444;
}
.horizontal_accordion_content img,
.horizontal_accordion_content,
.horizontal_accordion_content h2 {
	height:258px;
	width:100%;
	border:0;
}	
.horizontal_accordion_content h2 {
	position:absolute;
	font-weight:bold;
	color:#F7D327;
	font-size:16px;
	bottom:-14px;
	left:0px;	
	background:url(../images/blue_traspGradient.png) repeat-x bottom;
	padding:22px 15px 7px;
	display:block;
	height:auto;
	z-index:10;
}
.horizontal_accordion_content a {
	text-decoration:none;
	display:block;
}
.horizontal_accordion_content a img:hover  {
	/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  opacity: 0.8;
}

/* Container styling*/
#horizontal_container {
  margin: 0px auto 20px auto;
  width: 1000px;   
  height: 258px;    
  float: left;
}

#vertical_nested_container {
  margin: 20px auto 20px auto;
  width: 620px;
}