body {
  padding-top:50;
  background:#EAE5E5;
  width:900px;
  margin: 0 auto;
}
#page {
  padding:50;
  /*padding-left:30px;*/
  width:890px;
  margin: 0 auto;
  background:#EAE5E5;
}
#header-left {
  margin-left:55px;
  width: 395px;
  background:#EAE5E5;
  position: absolute;
}
#header-right {
  margin-left:450px;
  margin-top:20px;
  padding-left:9px;
  width: 450px;
  background:#EAE5E5;
  position: absolute;
  text-align: right;
}
.content-left {
  margin-top:180px;
  margin-left:10px;
  width: 400px;
  height: 400px;
  background:#EAE5E5;
  position: absolute;
  border-radius: 100%;
}
.content-left-back {
  width: 180px;
  height: 180px;
  background-color: #EAE5E5;
  border-radius: 100%;
  line-height: 180px;
  font-family: 'Open Sans', serif;
  font-size: 20px;
  color: #3B2A2D;
  text-align: center;
}
#content-right {
  margin-left:450px;
  margin-top:180px;
  width: 430px;
  background:#EAE5E5;
  position: absolute;
}
.circles {
  padding-top: 50px;
}
.circle1 {
  width: 130px;
  height: 130px;
  background-color: #3B2A2D;
  border-radius: 100%;
  float: left; 
  line-height: 130px;
  font-family: 'Poiret One', serif;
  font-size: 10px;
  color: #C9B9B9;
  text-align: center;
  cursor: pointer;
}
/*
.circlex1:hover {
  background-color: #EAE5E5;
  color: #EAE5E5;
}
*/
a.fill-circle1 {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
a.fill-circle:hover {
  background-color: #EAE5E5;
}
.circle2 {
  margin-left: 20px;
  width: 130px;
  height: 130px;
  background-color: #7D5E5E;
  border-radius: 100%;
  float: left;
  line-height: 130px;
  font-family: 'Poiret One', serif;
  font-size: 10px;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
}
/*
.circlex2:hover {
  background-color: #EAE5E5;
  color: #EAE5E5;
}
*/
.circle3 {
  margin-left: 20px;
  width: 130px;
  height: 130px;
  background-color: #C9B9B9;
  border-radius: 100%;
  float: left;
  line-height: 130px;
  font-family: 'Poiret One', serif;
  font-size: 10px;
  color: #3B2A2D;
  text-align: center;
  cursor: pointer;
}
/*
.circlex3:hover {
  background-color: #EAE5E5;
  color: #EAE5E5;
}
*/
.circle3-text {
  color: #3B2A2D;
  font-family: 'Open Sans', serif;
  font-size: 13px;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%); 
}
#book-left-arrow {
  margin-top:340px;
  margin-left:10px;
  width: 45px;
  background:#EAE5E5;
  position: absolute;
}
#book-left {
  margin-top:180px;
  margin-left:55px;
  width: 270px;
  background:#EAE5E5;
  position: absolute;
  border-radius: 1%;
}
#book-right-arrow {
  margin-left:855px;
  margin-top:340px;
  padding-left:10px;
  width: 45px;
  background:#EAE5E5;
  position: absolute;
}
a.arrow:link {
  opacity: 0.3;
}
a.arrow:visited {
  opacity: 0.3;
}
a.arrow:hover {
  opacity: 0.8;
}
a.arrow:active {
  opacity: 0.3;
}

#footer {
  margin-top:680px;
  margin-left: -50%;
  height: 200px;
  width: 200%;
  background:#C9B9B9;
  position: absolute;
  z-index: -1;
}
#footer-section {
  margin-top:730px;
  width: 900px;
  /*right: 0px;*/
  max-height: 100px;
  overflow-y: hidden;
  background:#C9B9B9;
  position: absolute;
}
.footer-item {
  float: right;
  height: 100px;
  /*width: 200px;*/
  margin: 10px;
  background:#C9B9B9;
}
.footer-item-icon {
  float: right;
  /*padding-left: 50px;*/
  height:40px;
  width:40px;
  opacity:0.7;
  margin: 10px;
  background:#C9B9B9; /*  #3B2A2D;*/
  border-radius: 100%;
}
.footer-icon-back {
  float: right;
  background:#C9B9B9;
  border-radius: 100%;
}
.follow-item {
  float: left;
  padding-left: 20px;
  height: 20px;
  /*width: 200px;*/
  /*margin: 10px;*/
  background:#C9B9B9;
}
#sat-font {
  /*padding-left: 20px;*/
  font-family: 'Noticia Text', serif;
  font-size: 50px;
  color: #332427;
}
#witness-font {
  padding-left: 30px;
  font-family: 'Poiret One', serif;
  font-size: 30px;
  color: #332427;
}
#ideanaren-font {
  font-family: 'Noticia Text', serif;
  font-size: 51px;
  /*font-weight: bold;*/
  color: #332427;
}
#remixer-font {
  font-family: 'Poiret One', serif; /* Wire 23 */
  font-size: 14px;
  color: #FFF;
  background-color: #332427;
  /*vertical-align: middle;*/
  display: inline-block;
  border-radius: 5px;
  padding-top: 3px;
  height: 22px;
}
a.default-font:link {
  font-family: 'Open Sans', serif;
  font-size: 13px;
  color: #4D4D4D;
}
a.default-font:visited {
  font-family: 'Open Sans', serif;
  font-size: 13px;
  color: #4D4D4D;
}
a.default-font:hover {
  font-family: 'Open Sans', serif;
  font-size: 13px;
  color: #4D4D4D;
}
a.default-font:active {
  font-family: 'Open Sans', serif;
  font-size: 13px;
  color: #4D4D4D;
}
.default-font {
  font-family: 'Open Sans', serif;
  font-size: 13px;
  color: #4D4D4D;
  text-align: justify;
}
.circle-font {
  margin-top: 50px;
  padding-left: 20px;
  /*font-family: 'Open Sans', serif;*/
  font-family: 'Poiret One', serif;
  font-size: 13px;
  color: #4D4D4D;
  text-align: justify;
}
a.circle-font:link {
  font-family: 'Poiret One', serif;
  font-size: 13px;
  color: #4D4D4D;
}
a.circle-font:visited {
  font-family: 'Poiret One', serif;
  font-size: 13px;
  color: #4D4D4D;
}
a.circle-font:hover {
  font-family: 'Poiret One', serif;
  font-size: 13px;
  color: #4D4D4D;
}
a.circle-font:active {
  font-family: 'Poiret One', serif;
  font-size: 13px;
  color: #4D4D4D;
}
#default-font-bold {
  font-family: 'Open Sans', serif;
  font-size: 15px;
  font-weight: bold;
  color: #332427;
}
a.top-links:link {
  font-family: 'Poiret One', serif; /* Noticia Text */
  font-size: 16px;
  font-weight: bold;
  color: #A38B8B;
  text-decoration: none;
}
a.top-links:visited {
  font-family: 'Poiret One', serif;
  font-size: 16px;
  font-weight: bold;
  color: #A38B8B;
  text-decoration: none;
}
a.top-links:hover {
  font-family: 'Poiret One', serif;
  font-size: 16px;
  font-weight: bold;
  color: #3B2A2D;
  text-decoration: none;
}
a.top-links:active {
  font-family: 'Poiret One', serif;
  font-size: 16px;
  font-weight: bold;
  color: #3B2A2D;
  text-decoration: none;
}
.top-link-high {
  font-family: 'Poiret One', serif;
  font-size: 16px;
  font-weight: bold;
  color: #3B2A2D;
  /*text-shadow: 1px 1px 2px #FFFFFF;*/
  text-decoration: none;
}
.footer-text {
  font-family: 'Open Sans', serif;
  font-size: 13px;
  color: #3B2A2D;
}


/*
EAE5E5 - bg
C9B9B9 - ++ circle
A38B8B - top links not highlighted
7D5E5E - now circle and also remixer text
3B2A2D - -- circle and highlight top link
332427 - Ideanaren text
4D4D4D - text?
*/