body, html {margin: 0; padding: 0; height: 100%; min-height: 500px;}
html {overflow: hidden;}
body {background: #68CBFF; height: 100%; min-height: 500px; overflow: hidden; min-width: 1000px; -width: expression(document.documentElement.clientWidth > 1000 ? '100%' : '1000px');}
a, img {border:0; display: block; outline: none;}
#bottom {position: relative; width: 100%; height: 124px; background: #FFF;}
#smile {position: absolute; top: 33px; right: 5%; margin-right: 50px; width: 150px; height: 130px; zoom: 1;}
#smile img {width: 150px; height: 130px;}
a {cursor: pointer;}
#icq {position: relative; text-align: center; margin: -172px auto 0; height: 48px; width: 100%; -padding-right: 1px;}
#icq div {width: 80%; margin: 0 auto;}
#icq span {display: block; float: left; width: 14%; text-align: center;}
#icq img {display: block; margin: 0 auto;}
#phone {position: absolute; width: 100%; top: 40%; z-index: 1; text-align: center;}
#phone div {margin: 0 auto; width: 548px;}
#phone img {margin: 0 auto;}

#layout {width: 100%; height: 100%; -height: expression(document.body.clientHeight < 500 ? '500px' : '100%'); position: relative;}
#spylog {bottom: 10px; right: 10px; position: absolute;}
/*
#spylog {filter: alpha(opacity=20); opacity: 20%; -moz-opacity: 20%; position: absolute;}
*/

#contacts {position: absolute; width: 400px; top: 36px; left: 5%; list-style-type: none;}
#contacts li {display: block; float: left; margin: 0 20px 20px 0; background: url(../i/button.gif); width: 111px; height: 111px;}
.clear {display: block; clear: both;}