body {
  font-family: "Andale Mono", "Monaco", "Courier", monospace;
  font-size: 10px;
  line-height: 1.3em;
  margin: 15px 0 0 0;
  padding: 0;
}

a {
  color: #000;
}

a:visited {
	color: #000;
}

a:hover, #columnAside a, #columnAside a:visited {
  color: #2a00cf;
}

a:active, #columnAside a:hover, #columnAside a:active {
	color: #000;
}

.clear {
  clear: both;
}

img {
  border: 0;
}

hr {
  border-width: 0;
  height: 0;
  border-top-width: 1px;
  border-style: dashed;
  border-color: #000;
  margin: 15px 0 15px 0;
}

h1 {
  font-family: "Georgia", "Times", "Times New Roman", serif;
  font-weight: normal;
  color: #2a00cf;
  line-height: 1em;  
}

#site {
  width: 985px;
  margin: 0 auto 150px auto;
}

#leftColumn {
  float: left;
  width: 155px;
}

#middleColumn {
  float: left;
  width: 190px;
}

#rightColumn {
  float: right;
  width: 635px;
}

.middleHeader {
  height: 120px;
  color: #2a00cf;  
}

.rightHeader {
  height: 100px;
  color: #2a00cf;
}

#portfolio, #projectNavigation {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#projectNavigation {
  margin: 0 0 15px 0;
}

.listHeader {
  color: #2a00cf;
  text-transform: uppercase;
  margin: 25px 0 0 0;
}

#portfolio li a, #portfolio li a:visited, #projectNavigation li a, #projectNavigation li a:visited {
  color: #000;
  text-decoration: none;
}

#portfolio li a:hover, #projectNavigation li a:hover, .rightHeader a, .rightHeader a:visited, .middleHeader a, .middleHeader a:visited {
  color: #2a00cf;
  text-decoration: none;
}

.rightHeader a:hover, .rightHeader a#menuSelected, .rightHeader a#menuSelected:visited, .middleHeader a:hover {
  color: #EC008C;
  text-decoration: none;
}

#portfolio li a:active, #projectNavigation li a:active, .rightHeader a:active, .middleHeader a:active {
  color: #2AE3CF;
}

#portfolio li a, #iconArea a {
  position: relative;
  z-index: 24;
  color: #000;
  text-decoration: none;
}

#portfolio li a:hover, #iconArea a:hover, a.iconLink {
  z-index: 25;
  color: #2a00cf;
}

#portfolio li a span, #iconArea a span.iconTitle, a.iconLink span { 
  display: none;
}

#portfolio li a:hover span, #iconArea a:hover span.iconTitle, a.iconLink:hover span {
  display: block;
  position: absolute;
  z-index: 26;
  background: #fff;
}

#portfolio li a:hover span, #iconArea a:hover span.iconTitle {
  top: 0;
}

#portfolio li a span, #portfolio li a:hover span {
  top: -5px;
  left: -165px;
  width: 143px;
  height: 160px;
}

#iconArea a:hover span.iconTitle {
  text-transform: uppercase;
  top: -15px;
  left: 45px;
}

a.iconLink span {
  text-transform: uppercase;
  margin: -20px 0 0 30px;
}

#projectText {
  width: 200px;
  float: left;
  padding: 0 0 0 0;
}

#projectText h1 {
  margin: -20px 0 16px 0;
  height: 35px;
}

#projectImage {
  float: left;
  width: 350px;
  margin: 35px 0 0 0;
}

#projectImages {
  margin: 15px 0 0 0;
}

.projectImagesNavigation {
  float: right;
  padding: 31px 0 0 0;
  width: 80px;
  text-align: right;
}

.projectImagesNavigation a, .projectImagesNavigation a:visited, ul.linkList li a, ul.linkList li a:visited {
  color: #000;
  text-decoration: none;
}

ul.linkList li a:hover {
  color: #2a00cf;
  text-decoration: none;
}

.projectImagesNavigation a:hover {
  color: #ec008c;
}

.projectImagesNavigation a:active, ul.linkList li a:active {
  color: #2ae3cf;
}

#decoration {
  float: right;
}

#iconArea {
  margin: 120px 0 0 -200px;
  z-index: 900;
  position: absolute;
}

.iconRelated, .iconExtra {
  position: absolute;
}

#icon-content-2, #icon-content-3 {
  font-family: "Georgia", "Times", "Times New Roman", serif;
  font-size: 1.6em;
  line-height: 1.2em;
  color: #000;
  text-align: center;
  text-transform: none;
  width: 350px;
  margin: -45px 0 0 100px;
  padding: 5px;
  position: absolute;
  display: none;
  z-index: 26;
  background-color: #fff;
}

#icon-content-2 {
  background: none;
}

.quoteInner {
  background: #fff;
}

.iconContent {
  cursor: pointer;
}

#icon-content-3 {
  width: 218px;
  height: 311px;
  margin: -290px 0 0 10px;
  position: absolute;
  display: none;
}

#currentSection, ul#portfolio li a#listSelected, ul#portfolio li a#listSelected:visited {
  color: #2A00CF;
}

#columnAside {
  color: #2A00CF;
  margin: -26px 0 0 0;
  width: 170px;
}

#pageColumn {
  margin-top: -16px;
}

#pageColumnLeft, #pageColumnRight {
  width: 250px;
  float: left;
  margin-top: -37px;
}

#pageColumnLeft {
  margin-right: 25px;
}

#pageColumnLeft h1, #pageColumnRight h1 {
  font-size: 2.5em;
  line-height: 1em;
}

#pageColumnLeft h1 {
  color: #EC008C;
}

#pageColumnRight h1 {
  color: #2AE3CF;
}

a#downloadPortfolio {
  width: 509px;
  height: 523px;
  display: block;
  background: url('../images/english.png') no-repeat bottom;
}

a#downloadPortfolio:hover {
  background: url('../images/english.png') no-repeat top;
}

ul.linkList {
  margin: -8px 0 0 0;
  padding: 0;
  list-style-type: none;
  text-transform: uppercase;
}

ul#asideList {
  margin-top: -50px;
}

ul#asideList a, ul#asideList a:visited {
  color: #000;
}

ul#asideList a:hover {
  color: #2a00cf;
}

ul#asideList a:active {
  color: #000;
}

ul.linkList li.friendsLink {
  position: absolute;
}

#frontColumnLeft {
  float: left;
  width: 405px;
  margin: 35px 0 0 0;
}

#frontColumnRight {
  float: right;
  width: 203px;
  margin: 35px 0 0 25px;
}

#frontColumnLeft hr {
  border-color: #2A00CF;
  border-style: solid;
  width: 50%;
  margin: 15px auto 15px auto;
}

#newsList {
  text-transform: none;
}

#newsList a {
  text-decoration: underline;
}

#newsList img {
  margin: 10px 0 0 0;
}

a.pinkLink:hover, a#menuSelected_pink, a.firstSource:hover {
  color: #EC008C;
}

a.greenLink:hover, a#menuSelected_green, a.secondSource:hover, a.secondSourceLink:hover {
  color: #2AE3CF;
}

.frontImage {
  margin: 0 0 15px 0;
}

.firstImage, .secondImage {
  position: absolute;
  cursor: pointer;
}

.firstImage {
  z-index: 2;
  margin: 35px 0 0 55px;
}

.secondImage {
  z-index: 1;
}

a.firstSource, a.secondSource, a.secondSourceLink {
  font-family: "Georgia", "Times", "Times New Roman", serif;
  text-decoration: none;
  color: #2A00CF;
}

a.secondSourceLink {
  text-decoration: underline;
}

.firstSource {
}

.secondSource {
  margin: 0 0 0 55px;
}
