#foundation.styled,
#stages1to7.styled,
#fundamental.styled {
  height: 150px;
  overflow: hidden;
  background: #CCC;
  padding: 5px 15px 5px 15px;
  margin: 20px 0 10px 0;
  border-radius: 10px;
}
#foundation.styled h3,
#stages1to7.styled h3,
#fundamental.styled h3 {
  margin: 5px 0 10px 0;
}
#foundation.styled p,
#stages1to7.styled p,
#fundamental.styled p {
  margin: 0 0 10px 0;
}

/* foundation colors */
#foundation.styled,
.content-wpr article ul.stagesNav.foundation li a {
  background-color: #F2BFC7;
  box-shadow: 2px 2px 2px #BA495B;
  text-shadow: 1px 1px 2px #EEE;
}
.content-wpr article ul.stagesNav.foundation li.selected a {
  background-color: #BA495B;
}
#foundation.styled h3,
.content-wpr article ul.stagesNav.foundation li a {
  color: #BA495B;
  text-shadow: 1px 1px 2px #EEE;
}

/* stages 1 to 7 colors */
#stages1to7.styled,
.content-wpr article ul.stagesNav li a {
  background-color: #B9C9E9;
  box-shadow: 2px 2px 2px #3E65B4;
  text-shadow: 1px 1px 2px #EEE;
}
.content-wpr article ul.stagesNav li.selected a {
  background-color: #3E65B4;
  color: #fff;
}
#stages1to7.styled h3,
.content-wpr article ul.stagesNav li a  {
  color: #3E65B4;
  text-shadow: 1px 1px 2px #EEE;
}

/* fundamental colors */
#fundamental.styled,
.content-wpr article ul.stagesNav.fundamental li a {
  background-color: #C8F1C0;
  box-shadow: 2px 2px 2px #75C166;
  text-shadow: 1px 1px 2px #EEE;  
}
.content-wpr article ul.stagesNav.fundamental li.selected a {
  background-color: #75C166;
  color: #fff;
}
#fundamental.styled h3,
.content-wpr article ul.stagesNav.fundamental li a {
  color: #75C166;
  text-shadow: 1px 1px 2px #EEE;
}

.content-wpr article ul.stagesNav {
  list-style: none;
  overflow: hidden;
}
.content-wpr article ul.stagesNav li {
  float: left;
  margin: 10px 10px;
  list-style: none;
}
.content-wpr article ul.stagesNav li a {
  font-size: 1.4em;
  padding: 10px 20px;
  display: block;
  border-radius: 5px;
  text-align: center;
}

.content-wpr article ul.stagesNav li span {
  text-align: center;
  display: block;
  margin-top: 10px;
}

.content-wpr article ul.stagesNav li a:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.content-wpr article ul.stagesNav li.selected a {
  -webkit-transform: scale(1.2);
  //-moz-transform: scale(1.20);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.content-wpr article ul.stagesNav.fundamental li {
  width: 80px;
}
.content-wpr article ul.stagesNav.fundamental li a {
  width: 20px;
  margin-left: 10px;
}
.content-wpr article ul.stagesNav.foundation li {
  width: 100px;
}
.content-wpr article ul.stagesNav.foundation li a {
  width: 20px;
  margin-left: 20px;
}
.content-wpr article ul.stagesNav.foundation {
  margin-left: 60px;
}