* { margin: 0; padding: 0; }
body { font: 14px Georgia, serif;}
#page-wrap { margin:auto; padding-left:40px;color: white; }
#page-wrap > div {color: black; }
#header { background: #eee; }

#main-content {width: 70%; height: 100%;  position: relative;}

#secondary-one { background: #eee;  }
#secondary-two { background: #eee;  }

footer {bottom:0; position: fixed; width: 100%;}

footer .copyright{text-align:center; background:#333333; bottom: 0;height:20px; color:#8C9999;width:100%;}
footer .copyright a{color:#8C9999; text-decoration:underline;}
footer .copyright a:hover{color:#CCCCCC; text-decoration:none;}
/* content -------------------------------------------------*/
#content {width:100%; margin:0 auto; background-color:#FFF;}

//* TOGGLE -------------------------------------------------*/
.toggle-trigger {
  text-decoration: none;
  color: #444;
  font-weight: bold;
  padding: 5px 10px 5px 25px;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #f1f1f1 url(../images/toggle.png) no-repeat 5px 7px;
}
.toggle-trigger img{width: 80px;
        height: 80px; }
.toggle-trigger.active {
 
  background: #f8f5f2 url(../images/toggle.png) no-repeat 5px -78px;
}
.toggle-trigger:hover {
  background-color: ##e46565;
}
.toggle-container {
  margin-bottom: 0px;
  padding: 5px 5px;
  
}
.heading{
    width:30px;
}

@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}