*{ font-family: 'Philosopher', sans-serif; color:#666;}
body{
  text-align:center;
  min-height:768px;
  _height:100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}
#logo{
  position: absolute;
  right:40px;
  bottom: 40px;
  display: block;
  width:320px;
  height:220px;
  z-index: -2;
}
ul{
  list-style-type: square;
}

h1 {text-align:left;color:#7397BC; font-size:18px;display:block;text-indent:20px;}
h3 {margin-top:0px;padding-top:0px;font-size:1.4em;}
.copy { font-size: 11px; color: #FFFFFF; letter-spacing: 2px; float:left; margin-left: 20px; margin-top: 5px;}

		  .easy-accordion h2{margin:0px 0 20px 0;padding:0;font-size:1.6em;color:#000;}
		  p{font-size:1.2em;line-height:170%;margin-bottom:20px}
		  		  
		 
		/* 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;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ 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;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
		 
		 
		/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
		dd { text-align:left; }
		dd p {line-height:1.5em; color:#666; font-size:1em;}
		dd p.reference { line-height:1.7em;}
		/*
		dd p h2{
		  font-size: 1.5em;
		  color:#000;
		}*/
		
		#harmonika {z-index:5;width:800px;height:445px;padding:30px;background:#fff;border:1px solid #b5c9e8;margin-left:20px;margin-top:20px;}
		#harmonika dl{width:800px;height:445px}
		#harmonika dt{height:46px;line-height:44px;text-align:right;padding:0 0px 0 0;font-size:1.2em;letter-spacing:2px;background: url(../images/bgr-harm-no.png) repeat-y #d9eaea;color:#323232;border:1px solid #e0efee; margin-bottom:2px; border-bottom:3px solid #fff;}
		#harmonika dt.active{cursor:pointer;color:#fff;font-weight:bold;letter-spacing:2px; background: #336699 url(../images/bgr-harm.png) repeat-y;  } /* background:#fff url(images/slide-title-active-1.jpg) 0 0 no-repeat */
		#harmonika dt.hover h2{color:#323232;}
		#harmonika dt.active.hover{color:#fff}
		#harmonika dd{padding:25px;background:url(images/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
		#harmonika .slide-number{color:#68889b;left:10px;font-weight:bold}
		#harmonika .active .slide-number{color:#fff;}
		#harmonika a{color:#68889b}
		#harmonika dd img{float:right;margin:0 0 0 30px;}
		/*#harmonika h2{font-size:2.5em;margin-top:10px}*/
		#harmonika .more{padding-top:10px;display:block}
		
		#harmonika dt h2{
		  font-size:1.1em;
		  font-weight:normal;
		  border-bottom:1px solid #e0efee;
		  padding-right:35px;
		  display:block;
		  height:46px;
		  color:#68889b;
    }
    
    #harmonika dt.active h2{
      color:#fff;
    }