/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */

.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
.easy-accordion dt,.easy-accordion dd{position:absolute}
.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;cursor:pointer;
/* fix chrome bug */-webkit-backface-visibility: hidden;
/* CSS3 */ transform: rotate(-90deg); 
/* Opera */ -o-transform: rotate(-90deg); 
/* Webkit */ -webkit-transform: rotate(-90deg); 
/* Firefox */ -moz-transform: rotate(-90deg); 
/* Internet Explorer 9 */ -ms-transform: rotate(-90deg);
}
.lteIE8 .easy-accordion dt {/* Internet Explorer <9 */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer; }

.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
.easy-accordion dd.active{opacity:1;}
.easy-accordion dd.no-more-active{z-index:2;opacity:1}
.easy-accordion dd.active{z-index:3}
.easy-accordion dd.plus{z-index:4}
.easy-accordion .slide-number{position:absolute;bottom:0;font-weight:normal;font-size:1.1em;
/* fix chrome bug */-webkit-backface-visibility: hidden;
/* CSS3 */ transform: rotate(90deg);
/* Opera */ -o-transform: rotate(90deg);
/* Webkit */ -webkit-transform: rotate(90deg); 
/* Firefox */ -moz-transform: rotate(90deg);  
/* Internet Explorer 9 */ -ms-transform: rotate(90deg);
}
.lteIE8 .easy-accordion .slide-number{ /* Internet Explorer <9*/ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
		
dd p{line-height:120%}

#project-showcase{width:644px;height:220px;padding:12px;}
#project-showcase dl{width: 644px;height: 220px;}	
#project-showcase dt{height:44px;line-height:44px;text-align:right;padding:0 15px 0 0;font-size:1.1em;font-weight:bold;font-family: "Trebuchet MS", "Lucida Grande", "Lucida San Unicode", "Gill Sans", Helvetica, Arial;, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#f2f5db;color:#745a33}
#project-showcase dt.active{cursor:pointer;color:#fff;background:#f47f6e;}
#project-showcase dt.hover{color:#a8906b}
#project-showcase dt.active.hover{color:#fff}
#project-showcase dd{padding:10px;background: #F7F2EA;margin-right:3px;color:#444;font-size:.9em;}
#project-showcase .slide-number{color:#68889b;left:10px;font-weight:bold}
#project-showcase .activea .slide-number{color:#fff;}
#project-showcase a{color:#a8906b;}
#project-showcase dd img{float:left;height: 75px;width: 75px; border:1px solid #DDD;}
#project-showcase h2{font-size:2.5em;margin-top:10px}
#project-showcase .more{padding-top:10px;display:block}
	
#accordion-2{width:700px;height:195px;padding:30px;background:#fff;border:1px solid #b5c9e8}
#accordion-2 h2{font-size:2.5em;margin-top:10px}
#accordion-2 dl{width:700px;height:195px}	
#accordion-2 dt{height:56px;line-height:44px;text-align:right;padding:10px 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#fff url(images/slide-title-inactivea-2.jpg) 0 0 no-repeat;color:#26526c}
#accordion-2 dt.activea{cursor:pointer;color:#fff;background:#fff url(images/slide-title-activea-2.jpg) 0 0 no-repeat}
#accordion-2 dt.hover{color:#68889b;}
#accordion-2 dt.activea.hover{color:#fff}
#accordion-2 dd{padding:25px;background:url(images/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
#accordion-2 .slide-number{color:#68889b;left:10px;font-weight:bold}
#accordion-2 .activea .slide-number{color:#fff}
#accordion-2 a{color:#68889b}
#accordion-2 dd img{float:right;margin:0 0 0 30px;position:relative;top:-20px}

#accordion-3{width:700px;height:195px;padding:30px;background:#fff;border:1px solid #b5c9e8}
#accordion-3 h2{font-size:2.5em;margin-top:10px}
#accordion-3 dl{width:700px;height:195px}	
#accordion-3 dt{height:56px;line-height:44px;text-align:right;padding:10px 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#fff url(images/slide-title-inactivea-2.jpg) 0 0 no-repeat;color:#26526c}
#accordion-3 dt.activea{cursor:pointer;color:#fff;background:#fff url(images/slide-title-activea-2.jpg) 0 0 no-repeat}
#accordion-3 dt.hover{color:#68889b;}
#accordion-3 dt.activea.hover{color:#fff}
#accordion-3 dd{padding:25px;background:url(images/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
#accordion-3 .slide-number{color:#68889b;left:13px;font-weight:bold}
#accordion-3 .activea .slide-number{color:#fff}
#accordion-3 a{color:#68889b}
#accordion-3 dd img{float:right;margin:0 0 0 30px;position:relative;top:-20px}