* {
margin: 0;
padding: 0;
list-style: none;
border: 0;
background-repeat: no-repeat;
text-decoration: none;
outline: none;
}

a:link, a:visited, a:hover, a:active {color: #162983; }
.link:hover {text-decoration: underline;}
img {display: block;}
em {font-style: normal; font-weight: bold;}
p {padding-bottom: 0.8em; }
strong {font-weight: normal; color: #000; }

body {background-color: #9e9e9e; background-image:url(../img/bg.gif); background-repeat: repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; }

.clearer { height: 0.1em; clear: both;}

#container {width: 820px; height: 514px; margin: 0 auto;  position: absolute; top: 50%; left: 50%; margin-left: -415px; margin-top: -261px;  }

#real_page {background: #162983; height: 494px; position: relative; overflow: hidden; border: 10px solid #FFF; }

h1 {width: 306px; height: 306px; background-color: #FFF; position: absolute; top: 0; left:494px; }
h1 a {text-indent: -3000px; overflow: hidden; background:url(../img/emotive.gif); display: block; height: 100%; width: 100%;}

#main_menu {width: 306px; height: 188px; position: absolute; top: 306px; left: 494px; padding: 0; background-color: #FFF;}
#main_menu li {padding: 0 0 0px; width: 153px; float: left;}
#main_menu a:link, #main_menu a:visited, #main_menu a:active {display: block; height: 94px; background-position: 0px 0px; text-indent: -3000px; background-repeat: no-repeat;  }
#main_menu a:hover, #main_menu a#hovered:link, #main_menu a#hovered:visited, #main_menu a#hovered:active {background-position: -153px 0px;}
.about {background:url(../img/b_about.gif);}
.what_we_do {background:url(../img/b_what.gif);}
.portfolio {background:url(../img/b_portfolio.gif); background-repeat: no-repeat; background-position: 5px 6px;}
.contact {background:url(../img/b_contact.gif);} 

#contents_wrapper {width: 494px; height: 494px;  position: absolute; overflow: hidden;}
#contents {width: 2470px; height: 100%; position: relative;}
.content {width: 494px;  position: absolute; overflow: hidden; }

#footer { font-size:9px; left:736px; line-height:15px; position:absolute; text-align:right; top:520px; width:82px; }
#footer a { color: #FFF; }

#home {left: 0; top: 0;}

#about {left: 494px; top: 0; background-color: #aeb7bf; background-image:url(../img/about.jpg); padding: 306px 0 0;}
#about .description {background-color: #aeb7bf; height: 188px; padding: 10px 15px 10px 15px; color: #FFF;}

#what_we_do {left: 988px; top: 0; background-color: #aebfc2; background-image:url(../img/what_we_do.jpg); padding: 306px 0 0;}
#what_we_do .description {background-color: #aebfc2; height: 188px; padding: 10px 15px 10px 15px; color: #FFF;}

#portfolio {left: 1482px; top: 0; height: 494px; overflow: hidden;    }
#folio_image_nav {position: absolute; top: 471px; left: 0;  z-index: 250; width: 46; float: left; }
#folio_image_nav li {width: 20px; height: 20px; margin-left: 3px; float: left; }
#folio_image_nav  a {display: block; width: 20px; height: 20px; cursor: pointer; }
#foto_back { background-image:url(../img/up.png); visibility: hidden;}
#foto_forward { background-image:url(../img/down.png);}
#folio_image_wrapper {width: 494px; height: 494px; overflow: hidden; position: absolute; top: 0; left: 0;}
#folio_image {  width: 494px; position: absolute; top: 0; left: 0;  }
#folio_image li { position: relative; left: 0; top: 0; float: left; clear: left; }
#folio_image li img {display: block;}
#folio_image li span {height: 23px; width: 247px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal;  text-indent: 8px; display: block; position: absolute; left: 0; bottom: 0;}

#folio_image_nav2 {position: fixed;  top: 50%; left: 50%; z-index: 200; width: 494px; height: 23px;  margin-left: -400px; margin-top: 225px; visibility: hidden; }
#portfolio:hover #folio_image_nav2 {visibility: visible;} 

#folio_image_nav2 ul {float: right; padding: 0px;}
#folio_image_nav2 li {float: left; padding-right: 3px;}
#folio_image_nav2 li a:link, #folio_image_nav2 li a:visited , #folio_image_nav2 li a:active, #folio_image_nav2 li a#selectat {color: #000; display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; font-family: 'Trebuchet Ms'; background-image:url(../img/nav_bg.png);}
#folio_image_nav2 li a:hover, #folio_image_nav2 li a#selectat { background-color: #162983 !important; color: #FFF !important; background-image: none !important; }
#folio_image_nav2 h4 {height: 26px; width: 494px; background-color: #898989; font-size: 13px; color: #fff; line-height: 26px; font-weight: normal; float: left; text-indent: 8px; position: absolute; left: 0px; bottom: 468px;} 

#contact { left: 1976px;  top: 0; height: 494px; overflow: hidden;}
#formular_contact {position: absolute; left: 0;  top: 0; background-color: #b3a6a6; background-image:url(../img/contact.jpg); padding: 306px 0 0; height: 246px; overflow: hidden; width: 494px; }
#formular_contact .description {background-color: #b3a6a6; height: 188px; color: #FFF;}
#contact_link { background-image:url(../img/map-button.gif); display: block; text-indent: -3000px; overflow: hidden; width: 72px; height: 33px; margin-top: 3px; }
#contact_link:hover {background-position: 0 -33px;}

#contact_div {width: 494px;}
#contact_info {padding: 10px 30px 10px 15px; width: 460px; white-space:normal; }
#contact_info a:link, #contact_info a:visited, #contact_info a:hover, #contact_info a:active {color: #162983; text-decoration: underline; }

#map {position: absolute; left: 0; top: 494px; background-color: #aeb7bf; height: 494px; width: 494px;}
#map img {cursor: pointer;}

.loading {width:370px; display:block; height:120px; background-position:center;}
#about .loading {color:#454545; background-image:url(../img/loader.gif); }
#contact .loading {color:#454545; background-image:url(../img/loader.gif);}
.foto {background-image:url(../img/loader.gif); background-position: center; background-color: #454545;}