html, body {width: auto !important;height: auto !important;height: 100%;margin: 0 !important;padding: 0 !important;font: 10px/100% verdana;background: #ffffff url(images/background.jpg) no-repeat fixed;color: #96b7c7;text-align: left;}
html>body #wrapper {min-height: 100%;height: auto;margin: 0;height: 100%;}
#wrapper {position: relative;top: 0;left: 0;z-index: 0;width: 100%;}

h1 {font: bold 13px/110% verdana;margin: 0.5em 0 0 0;padding: 0;color: #8cb3d9;}
h2 {font: bold 12px/110% verdana;margin: 0;padding: 0.2em;color: #819fbb;background: #fff;text-align:  center;}
h3 {font: bold 11px/110% verdana;margin: 0;padding: 0;color: #1c90c9;}
h4 {font: bold 9px/110% verdana;margin: 0.5em;padding: 0;color: #8cb3d9;}
h5 {font: bold 8px/110% verdana;margin: 0;padding: 0;color: #888a8b;}

tr {vertical-align: top;}
th {text-align: left;}
img {border: 0;}
img.border {border: 7px solid #d2effd;}
sup {color: #990000;}

#leftpanel {float: left;width: 20em;margin: 0;}
#leftpanel div.logos {margin: 0;padding: 0;}
#leftpanel div.language,div.contact,div.stamp {margin: 2em 0 0 1em;}
#leftpanel div.promo {background: #fff;margin: 5em 0 0 0;padding: 0.5em}
#leftpanel div.promo div {padding: 1em 0 0 0}
#navcontainer ul {margin: 3em 0 0 2em;padding: 0;list-style: none;font: bold 12px/100% verdana;}
#navcontainer li {margin: 0 0 3px 0;}
#navcontainer a {display: block;padding: 7px 7px 7px 24px;border: 1px solid #fff;width: 100px;background: transparent url(images/bullet.gif) 0.3em 0.7em no-repeat;}
#navcontainer a:link, #navlist a:visited {color: #abd9ec;text-decoration: none;}
#navcontainer a:hover {border: 1px solid #fff;background: #fff url(images/bullet.gif) 0.3em 0.7em no-repeat;color: #4ebeeb;}
#active a:link, #active a:visited, #active a:hover {border: 1px solid #fff;background: #fff url(images/bullet.gif) 0.3em 0.7em no-repeat;color: #4ebeeb;}

#listprojects {width: auto;border: 2px solid #e0f2fb;background: #e0f2fb;font: 11px/110% verdana;}
#listprojects div {margin: 0;padding: 0.5em;height: 10em;color: #96b7c7;border-top: 1px dashed #fff;}
#listprojects div img {float: left;width: 99px;border: 1px solid #fff;margin: 0 2em 0 1em;padding: 5px;background: #eff8fd;}
#listprojects div div.description {margin-left: 12em;border: 0;}
#listprojects div#allpr {background: #fff;height: auto;font: bold 13px/110% verdana;text-align: right} 

#rightpanel {float: right;width: 400px;margin: 0 1em 0 0.5em;}
#rightpanel div {margin: 1.5em 1em 2em 1em;padding: 0 1em 0 1em;color: #96b7c7;border: 1px dashed #58bcdf;background: url(images/bg_s.jpg) no-repeat;}
#rightpanel div h1 {border-bottom: 1px dotted #58bcdf;font: bold 11px/130% verdana;}
#rightpanel div ul li {margin: 0.3em 0 0 4em;padding: 0.1em 0 0 0.5em;list-style: url(images/dot.gif) outside none;font: 11px/100% verdana;color: #748D96;font: 12px/110% verdana;}
#rightpanel div div.knife {position: relative;top: 1.4em;left: 0;z-index: 0;background: url(images/knife.gif) top left no-repeat;border: 0;height: 26px;width: 64px;}
#rightpanel div#contact {font: 12px/130% verdana;padding: 0.5em;margin: 1em 0 0 0;width: 600px}
#rightpanel p {font: 12px/130% verdana;}

#allpanel {width: auto;margin: 0 2em}
#allpanel h1 {font: bold 13px/110% verdana;margin-bottom: 0.5em;padding: 0;color: #96b7c7;}
#allpanel img {float: left;border: 1px solid #eff8fd;margin: 0 1em 0 1em;padding: 5px;background: #eff8fd;}
#allpanel table tr td.portfolio {width: auto;font: 12px/130% verdana;margin: 0 0 0.5em 0;padding: 0.5em 0 0.5em 0;color: #748D96;border: 1px dashed #58bcdf;border-bottom: 0;background: #fff url(images/bg_s.jpg) repeat-y;}
#allpanel table tr td.portfolio1 {width: auto;font: 12px/130% verdana;margin: 0 0 0.5em 0;padding: 0.5em;color: #748D96;border: 1px dashed #58bcdf;background: #fff url(images/bg_s.jpg) repeat-y;}
#allpanel table tr td.kroha {width: auto;font: 12px/130% verdana;margin: 0 0 0.5em 0;padding: 0.5em 0 0.5em 1em;color: #748D96;border: 1px dashed #58bcdf;border-bottom: 0;background: #fff url(images/bg_s.jpg) repeat-y;}
#allpanel ul li {font: 11px/120% verdana;padding-bottom: 0.5em;color: #748D96}
#allpanel ul li h2 {font: bold 13px/110% verdana;text-align: left}
#allpanel ul li ol {font: 11px/120% verdana;margin-top: 0.5em;color: #748D96}

#contactpanel {float: right;width: 100%;margin: 0 1em 0 0.5em;}
#contactpanel div {margin: 1.5em 1em 2em 1em;padding: 0 1em 0 1em;color: #96b7c7;border: 1px dashed #58bcdf;background: url(images/bg_s.jpg) no-repeat;}
#contactpanel div h1 {border-bottom: 1px dotted #58bcdf;font: bold 11px/130% verdana;}
#contactpanel div ul li {margin: 0.3em 0 0 4em;padding: 0.1em 0 0 0.5em;list-style: url(images/dot.gif) outside none;font: 11px/100% verdana;color: #748D96;font: 12px/110% verdana;}
#contactpanel div div.knife {position: relative;top: 1.4em;left: 0;z-index: 0;background: url(images/knife.gif) top left no-repeat;border: 0;height: 26px;width: 64px;}
#contactpanel div#contact {font: 12px/130% verdana;padding: 0.5em;margin: 1em 0 0 0;width: 600px}
#contactpanel p {font: 12px/130% verdana;}

#empty {visibility: hidden;height: 5em;}
#footer {bottom: 0;clear: both;color: #000;margin-top: 3em;color: #8cb3d9;text-align: center;}
#footer div {margin-left: 30%;margin-top: 0.5em;}
#footer div.banner {float: left;margin-left: 2em;text-align: center;}

a:link {color: #2aaad5;text-decoration: underline;}
a:visited {color: #2aaad5;text-decoration: underline;}
a:hover {color: #2aaad5;text-decoration: none;}

#preloader {position:absolute;top: 0;left: 0;background: #fff;border: 2px solid #A4D8FF;display:none;text-align:center;width:40px;vertical-align:middle;padding:10px;}
#errorMessage {position: absolute;top: 0;left: 0;display: none;text-align: center;width: 250px;height: 50px;vertical-align: top;padding: 0;margin: 0;background: #fff}
#errorMessage p.close {padding: 0;margin: 0;float: right;background: #fff}
#errorMessage p.close img {position: absolute;top: 2px;right: 3px;cursor: pointer;padding: 0;margin: 0;}
#errorMessage p {padding: 0.8em;margin:0}
#errorMessage p a {font: bold 10px/160% verdana;}