body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: Verdana, Arial, sans-serif;
  background-color: #D8D8D8;  
  /*
  background: #ddd;
  */
}

#container {
  position: absolute;
  height: 466px;
  width: 760px;
  left: 50%;
  top: 50%;
  margin-left: -380px;
  margin-top: -210px;
  float: left;
}

#portfolio-container {
  width: 590px;
  height: 100%;
  border: 1px solid #ccc;
  background: #fff;
  padding-top: 1px;
}

#portfolio-container div {
  display: none;
  width: 196px; height: 89px;
  float: left;
}

#content-left, #content-right, #content-top, #content-full {
  position: absolute;
  top: 0;
  width: 292px;
  height: 269px;
  border: solid #fff;
  border-width: 8px 0 8px 8px; 
}

#content-top {
  position: relative;
  width: 592px;
}

#content-top div.content-link, #content-left div.content-link {
  position: absolute;
  top: 243px;
  left: 0;
  display: block;
}

#content-full {
  position: relative;
  width: 592px;
  height: 420px;
}

#content-full div.content-link {
  position: absolute;
  top: 392px;
  left: 0;
  display: block;
}

#content-full p, #content-top p {
  width: 420px;
}

#content-right {
  left: 300px;
}

#content-bottom {
  position: absolute;
  top: 285px;
  left: 0;
  width: 592px;
  height: 143px;
  border: solid #FFF;
  border-width: 0 0 8px 8px;
}

* HTML #content-bottom {
  overflow: hidden;
}

img.circles {
  position: absolute;
  right: 0;
  top: 0;
}

#content-bottom div.content-link {
  position: absolute;
  top: 112px;
  left: 0;
  display: block;
}

#menu {
  position: absolute;
  top: 0;
  left: 600px;
  background: #000 url(../images/logo-aacabee.png) no-repeat bottom right;
  height: 420px;
  width: 150px; 
  border: solid #FFF;
  border-width: 8px;
}

#footer-address {
  width: 608px;
  text-align: center;
  font-size: 80%;
  color: #888;
  position: absolute;
  left: 0;
  top: 448px;
}

#footer-date {
  width: 160px;
  text-align: center;
  font-size: 80%;
  color: #fff;
  position: absolute;
  left: 598px;
  top: 448px;
  text-transform: lowercase;
}

p {
  margin: 0 15px 30px 15px;
  font-size: 85%;
  line-height: 170%;
  color: #FFF;
}
/*
div#content-left b, div#content-top b, i {
  color: #FFF;
  font-size: 123.1%;
  text-transform: uppercase;
  display: block;
  margin-bottom: 7px;
  font-weight: normal;
  font-style: normal;
}
*/
h1 {
  color: #FFF;
  font-size: 123.1%;
  text-transform: uppercase;
  display: block;
  margin: 12px 15px 7px 15px;
  font-weight: normal;
  font-style: normal;
}

p a {
  color: white;
  text-decoration: none;
  border: dotted #fff;
  border-width: 0 0 1px 0;
}

p a:hover {
  border: 0;
  border: solid #fff;
  border-width: 0 0 1px 0;
}

li a {
  display: block;
  margin: 10px 15px;
  font-size: 85%;
  color: white;
  text-decoration: none;
}

* HTML ul {
  margin-top: 15px;
}

* HTML ul li {
  border: 1px solid black;
}

* HTML li a {
  margin: 0 15px 5px 15px;
}

li a:hover {
  display: block;
  text-decoration: underline;
}

li a.active {
  display: block;
  margin-left: 10px;
  font-size: 93%;
  font-weight: bold;
}

li a.active:hover {
  display: block;
  text-decoration: none;
}

.blue {
  background: #217dc5;
}

.blue-fade {
  background: url(../images/blue-fade.png) no-repeat;
}

.light-blue {
  background: #7ca7d8;
}

.grey {
  background: #888;
}

/*.logo-detail {
  background-image: url(../images/circles1.png);
  background-repeat: no-repeat;
  background-position: right;
}

.logo-detail-medium {
  background-image: url(../images/circles2.png);
  background-repeat: no-repeat;
  background-position: right;  
}

.logo-detail-large {
  background-image: url(../images/circles3.png);
  background-repeat: no-repeat;
  background-position: right;  
}*/

.blue-fade p,
.logo-detail-large p, 
.logo-detail-medium p {
  width: 420px;
  /*text-align: justify;*/
}

.logo-detail-medium p {
  width: 440px;
}

.logo-detail p {
  width: 500px;
}

a.feed-link {
  color: #fff;
  text-decoration: none;
  /*display: block;
  float: left;
  */font-weight: bold;
  font-size: 90%;
  line-height: 180%;
  border: 0;
}

a.feed-link:hover {
  text-decoration: underline;
  border: 0;
}

.feed-description {
  display: none;
}

.feed-date {
  /*float: left;*/
  font-size: 85%;
  /*line-height: 180%;*/
}

#theGreenFan {
  position: absolute;
  right: 0;
  top: 0;
}