.horizontalaccordion>ul {
	margin: 0;
	padding: 0;
	list-style:none;
	height: 180px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.horizontalaccordion>ul>li {
	display:block;
	overflow: hidden;
	float:left;
	margin: 0;
	padding: 0;
	list-style:none;
	width:35px;
	height: 180px;
	/* CSS3 Transitions */
    transition: width 0.3s ease-in-out;

    -moz-transition: width 0.5s ease-in-out;
    -webkit-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
	background-image: url(img/sshot2.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.horizontalaccordion>ul>li>h3 {
	display:block;
	float:left;
	margin: 0;
	padding:10px;
	height:15px;
	width:180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	color: #000;
	/* CSS3 Transform Rotate & Translate */
    white-space:nowrap;


    -moz-transform: rotate(90.0deg) translate(-40px,0px);  /* FF3.5+ */
    -moz-transform-origin: 0 100%;
    -o-transform: rotate(90.0deg) translate(-40px,0px);  /* Opera 10.5 */
    -o-transform-origin: 0 100%;
    -webkit-transform: rotate(90.0deg) translate(-40px,0px);  /* Saf3.1+, Chrome */
    -webkit-transform-origin: 0 100%;
	transform: rotate(90.0deg) translate(-40px,0px);  /* Saf3.1+, Chrome */
	transform-origin: 0 100%;


    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)
            progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)"
                "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)";
	font-size: 12px;
	background-position: left top;
	background-image: url(img/vert3b.png);
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #f0f0f0;
}

.horizontalaccordion>ul>li>div {
    display:none;
    float:left;
	overflow: auto;
    position:relative;
    top:-40px;
    left:35px;
    *top:0px;       /* IE7 Hack */
    *left:0px;      /* IE7 Hack */
    margin:0;
    width:280px;
    height:280px;
    padding:10px;
}

.horizontalaccordion>ul>li:hover {
	overflow: hidden;
	width: 764px;
}

.horizontalaccordion:hover>ul>li:hover>div {
    display:block;
}

.horizontalaccordion:hover>ul>li:hover>h3 {
	/* Decorative CSS */
    color:#fff; /* Safari, Chrome */

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)
            progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000); /* IE 5.5 - IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)"
                "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)";   /* IE 8 */
	background-position: left top;
	background-image: url(img/vert2b.png);
}

.horizontalaccordion>ul>li>h3:hover {
    cursor:pointer;
}