html, body {
  margin: 0 auto;
  padding: 0;
}

body {
  width: 1006px;
  background-color: #ececed;
  font: normal normal normal 9.5pt/1.3em "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: black;
}

img { 
  border: 0;
}

dt, dd {
  margin: 0;
  padding: 0;
}

#body {
  margin: 0 auto;
  background-color: white;
}

#main {
  padding:0 28px 0 28px;
}

#head a {
  text-decoration: none;
}

#lateral-menu {
  text-align: right;
  padding-bottom: 7px;
  min-height: 128px;
}

#lang-menu {
  background: url(/images/language-background.png) no-repeat top right;
  height: 71px;
}

#lang ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#lang li {
  word-spacing: 20px;
  font-size: 7.5pt;
  letter-spacing: 0.2px;
  padding: 0 8px 0 17px;
}

#lang li a {
  color: white;
  text-transform: uppercase;
}

#lang li.active a, #lang li a:hover {
  color: black;
  text-decoration: none;
}

#datas {
  padding-top: 18px;
  margin-right: 2px;
}

#datas #phone {
  color: #E2007A;

/*  padding-right: 70px; */

}

.prefix {
  font-size: 10pt;
  padding: 0 3px 0 0;
  font-weight: bold;
}

.phone {
  font-size: 14pt;
}

#datas #zoom {
  display: inline;
  font-weight: bold;
  margin-top: 19px;
}

#datas #zoom a {
  color: #868889;
}

.max {
  font-size: 110%;
}

.min {
  font-size: 80%;
}

#secondary-menu a {
  color: gray;
  font-size: 10pt;
}

#secondary-menu {
  font-size:6pt;
}

#secondary-menu a.contact {
  padding-right: 0.8em;
}

#secondary-menu a:hover, #secondary-menu a.active {
  color: #e2007a;
}

#secondary-menu a:before, #description a:before {
  content: "{ "
}

#secondary-menu a:after, #description a:after {
  content: " }"
}

#name {
  float: left;
  padding-top: 14px;
}

#menu {
  background: url(/images/dot-line.jpg) repeat-x bottom;
  border-top: 3px solid black;
}

#menu ul {
  margin: 0;
  padding: 2px 0 3px 10px;
  list-style-type: none;
}

#menu ul li ul {
  z-index: 10000;
  visibility: hidden;
  position: absolute;
  padding: 0;
  min-width: 10em;
}

#menu ul li ul li {
  display: block;
  background: white;
  padding: 0.5em 0.5em 0.5em 0.5em;
  border: 1px solid #ccc;
  border-top: none;
}

#menu ul li ul li a {
  font-size: 80%;
  font-weight: normal;
}

#menu ul li ul li a:hover {
  background-color: white;
  color: #E2007A;
}
 
#menu ul :hover ul {
  visibility: visible;
}

#menu li {
  display: inline;
}

#menu li a, #menu li span {
  padding: 0.2em 0.2em 0.15em 0.3em;
  font-weight: bold;
  color: black;
  text-decoration: none;
  text-transform: uppercase;
}

#menu li a.active, #menu li a:hover, #menu li span.active, #menu li span:hover {
  background-color: #E2007A;
  color: white;
}

#menu table {
  position:absolute;
  border-collapse:collapse;
}

#content {
  margin-top: 2ex;
}

#note dl {
  padding: 0;
  margin: -1ex 0 1ex 0;
  height: 35px;
}

#note dt, #note dd {
  padding: 9px 0 9px 0;
}

#note dt {
  float: left;
  width: 160px;
  padding-left: 30px;
  background-image: url(/images/note.png);
  background-repeat: no-repeat;
  color: white;
  font-size: 8.5pt;
  text-transform: uppercase;
}

#note dd {
  display: block;
  padding-left: 200px;
  font-size: 10pt;
  color: gray;
}

#portfolio-container {
  height: 349px;
}

.portfolio {
  padding: 0;
  margin: 0;
}

#motto {
  float: left;
}

#motto img {
  width: 469px;
  height: 384px;
}

#description {
  min-height: 384px;
  padding-left: 469px;
}

#description-content {
  padding-left: 15px;
  padding-bottom: 30px;
}

#description-content p a {
  padding-left: 3px;
}

#description-content a {
  color: gray;
  text-decoration: none;
}

#description-content a:hover {
  color: #E2007A;
}

h1 {
  margin: 0;
}

h2, h3 {
  font-weight: normal;
}

h2 {
  font-size: 1.3em;
  margin: 1.5ex 0 1.5ex 0;
  line-height: 2.2ex;
}

h3 {
  font-size: 1em;
  color: #E2007A;
  margin-bottom: 0;
}

h3.bookreference {
  font-style: italic;
}

h3.bookreference span.future {
  font-style: normal;
  color: black;
  background-color: #f9cce4;
  padding: 0.1ex 0.4ex 0.1ex 0.4ex;
}

#description ul {
  list-style-type: none;
}

#design #description ul > li {
  padding-bottom: 2ex;
}

#description-content > ul {
  padding: 0;
  margin: 0;
}

#description-content ul li {
  padding-bottom: 0;
}

#design #description-content ul li ul li, #about #description-content ul li ul li {
  padding-bottom: 0;
}

#philosophy #description-content p, #recognitions #description-content p, #technologies #description-content p, #products #description-content p {
  margin: 0;
}

#contact #description-content address, #contact #description-content address em {
  font-style: normal;
  margin-top: 1ex;
}

#contact #description-content address em, #contact #description-content dt, #contact #description-content span, #accesibility #description-content dt {
  color: #E2007A;
}

.footer-pict {
  font-size: 9pt;
  margin-bottom: 10px;
  margin-top: -4px;
  height: 26px;
}

.footer-pict dl {
  width: 950px;
  margin: 0;
  text-align: right;
  background-color: #d9dadb;
  padding: 5px 0 5px 0;
}

.footer-pict dt {
  display: inline;
  text-transform: uppercase;
  color: #E2007A;
}

.footer-pict dd {
  display: inline;
  text-transform: uppercase;
  padding: 0px 20px 0px 5px; 
}

#footer {  
  background-color: black;
  color: white;
}

#links {
  margin:0 30px 0 30px;
}

#outside-links {
  float: left;
}

#outside-links a {
  float: left;
  display: block;
  height: 47px;
  margin-right: 15px;
}

#outside-links img {
  float: left;
  display: block;
  margin: 13px 20px 0 5px;
}

#outside-links a#adg-fad {
  background-image: url('/images/adg-fad-no-color.png');
  width: 46px;
}

#outside-links a#adg-fad:hover {
  background-image: url('/images/adg-fad-color.png');
}

#outside-links a#esle {
  background-image: url('/images/esle-no-color.png');
  width: 46px;
}

#outside-links a#esle:hover {
  background-image: url('/images/esle-color.png');
}

#outside-links a#ajebask {
  background-image: url('/images/ajebask-no-color.png');
  width: 20px;
}

#outside-links a#ajebask:hover {
  background-image: url('/images/ajebask-color.png');
}

#outside-links a#tkblog {
  background-image: url('/images/tkblog-no-color.png');
  width: 49px;
}

#outside-links a#tkblog:hover {
  background-image: url('/images/tkblog-color.png');
}

#outside-links a#twitter {
  background-image: url('/images/twitter-no-color.png');
  width: 57px;
}

#outside-links a#twitter:hover {
  background-image: url('/images/twitter-color.png');
}

#outside-links a#facebook {
  background-image: url('/images/facebook-no-color.png');
  width: 59px;
}

#outside-links a#facebook:hover {
  background-image: url('/images/facebook-color.png');
}

#outside-links a#identica {
  background-image: url('/images/identica-no-color.png');
  width: 59px;
}

#outside-links a#identica:hover {
  background-image: url('/images/identica-color.png');
}

#outside-links a#flickr {
  background-image: url('/images/flickr-no-color.png');
  width: 46px; 
}

#outside-links a#flickr:hover {
  background-image: url('/images/flickr-color.png');
}

#outside-links a#linkedin {
  background-image: url('/images/linkedin-no-color.png');
  width: 66px; 
}

#outside-links a#linkedin:hover {
  background-image: url('/images/linkedin-color.png');
}

/*inside links*/

#inside-links {
  text-align: right;
  font-size: 7.5pt;
  letter-spacing: 0.3pt;
  line-height: 14px;
  padding: 12px 0 11px 0;
}

#inside-links a {
  text-decoration: none;
  color: white;
}

#inside-links a:hover {
  text-decoration: none;
  color: #E2007A;
}

/*tags*/

#tags {
  padding-left:30px;
  padding-right: 30px;
  color: #555555;
  font-size: 7.5pt;
  padding-bottom: 10px;
}

#tags dl, #tags dd, #tags dt {
  margin: 0;
  display: inline;
}

#tags dd {
  line-height: 10px;
}

/*error-pages*/

#content-error {
  padding: 10px 0 30px 335px;
}

#content-error h2 a {
  text-decoration: none;
  color: #E2007A;
}

#content-error h2 a:hover {
  text-decoration: none;
  color: gray;
}

#outside-links a {
  text-indent: -9000px;
 }