body {
   background-color: #f60;
   font-size: large;
   font-family: sans-serif;
}

div {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

div #container {
}

#container p {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   width: 60%;
}

#container img {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

#container a {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

#container table {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

#container table td {
   text-align: left;
}

.color1 {
   color: yellow;
}

.color2 {
   color: #4a6a9c;
}

.color3 {
   color: black;
}

.uplink {
   padding-left: 27px;
   background: transparent url("arrowup.gif") no-repeat;
}

.downlink {
   padding-left: 27px;
   background: transparent url("arrowright.gif") no-repeat;
}

ul {
   list-style-type: none;
   position: relative;
   text-align: left;
}

ul li {
   display: block;
   margin: 20px;
   width: 20em;
}

#weare {
   position: relative;
   left: 30%;
}

#weoffer {
   position: relative;
   left: 60%;
}

#images {
   position: relative;
   left: 15%;
}

#reference {
   position: relative;
   left: 45%;
}

#contact {
   position: relative;
   left: 30%;
}

/*************
 * galleries
 *************/

/* needed for IE to make :active state work first time */
a, a:visited {color:#fff;}

a.gallery, a.gallery:visited {
   display:block;
   display:inline-block;
   color:#000;
   border:1px solid #f60;
   text-decoration:none;
   width:100px;
   height:100px;
   float:left;
   margin:5px;
   z-index:50;
}

a.gallery em, a.gallery span {
   display:none;
}

a.gallery:hover {
   border:1px solid #4a6a9c;
}

/* styling for TOP gallery */
#container_top {
  /* the complete gallery */
  position:relative;
  width:650px;
  height:620px;
  margin:1em auto;
}

#container_top img {
   /* the gallery image to be displayed */
   border: 0;
}

#container_top #thumbs {
   /* the thumbs gallery at the upper border */
   position:absolute;
   left:0;
   top:0;
}

#container_top a.gallery:hover span {
   /* image description, text */
   display:block;
   position:absolute;
   height:50px;
   top:110px;
   left:0px;
   padding:5px;
   font-style:italic;
   color:#fff;
   z-index:100;
}

#container_top a.gallery:hover span:first-line {
   /* image description, title*/
   font-style:normal;
   font-weight:bold;
   color:#fff;
}

#container_top a.gallery:active, #container_top a.gallery:focus {
   /* border around active thumbnail */
   border:1px solid #4a6a9c;
}

#container_top a.gallery:active em, #container_top a.gallery:focus em {
   /* image to be displayed */
   display:block;
   position:absolute;
   width:450px;
   height:450px;
   top:170px;
   left:0px;
   padding:5px;
   z-index:50;
}

#container_top #text {
   clear:both;
   margin:0;
   padding-top:200px;
   text-align:center;
   font-family: sans-serif;
   font-size:x-large;
   font-weight:normal;
   color:#fff;
}

#container_top h1 em {
   font-size:0.6em;
   color:#000;
}


/* normal pages */

.side-img {
   position: absolute;
   left: 20px;
}

.vcard {
   font-size: large;
}

.vcard .org .organization-name {
   font-weight: bold;
   font-variant: small-caps;
   font-size: x-large;
}

.country-name:after {
   content: " -"; 
}

a.add-address {
   background: url('hcard-dl.gif') no-repeat center left;
   padding: 3px 0 5px 34px;
}