* {margin:  0;}
body {min-width: 900px;}
.fon {width: 100%; height: 970px;  background:  url('images/fon.jpg') 50% 0;}
.fon1 {width: 100%; height: 970px;  background:  url('images/float.gif') no-repeat 0 0;}
.fon2 {width: 100%; height: 970px;  background:  url('images/baterflay.gif') no-repeat 97% 50px;}
.fon3 {width: 100%; height: 970px;  background:  url('images/baterflay1.gif') no-repeat 100px 500px;}
.fon4 {width: 100%; height: 970px;  background:  url('images/float3.gif') repeat-x 0 700px;}
.fon5 {width: 100%; height: 970px;  background:  url('images/float2.gif') no-repeat -100px 730px;}
.fon6 {width: 100%; height: 970px;  background:  url('images/float2.gif') no-repeat 120% 730px;}
.fon7 {width: 100%; height: 970px;  background:  url('images/title.png') no-repeat 50% 200px;}
.fon8 {width: 100%; height: 970px;  background:  url('images/list.gif') no-repeat 50% 50px;}
.list2{width: 100%; height: 822px;  background:  url('images/list2.gif') no-repeat 50% -565px;/* position: relative; top: 183px;*/ }/*190px*/
#text {opacity: 0.0; filter:alpha(opacity=00); /*display: none ;*/ font-size: 15pt; width: 580px; font-family:Georgia; color: blue}

.link {width: 600px; height: 183px; display: block;}

.gal1{position: relative; bottom: 0px; width: 100%; height: 970px; background:  url('images/gal.gif') repeat-x 50% 100%; }
.gal2{width: 100%; height: 970px; background:  url('images/gal0.gif') no-repeat 50% 100%;  }
.gal3{position: relative; bottom: 0px; margin: 0;}

.close{width: 40px; height: 40px; background:  url('images/close.png') no-repeat 0 0;}
.close a{width: 40px; height: 40px; display: block;}