body {
	 font-family: Arial;
	 background-color: #3f3534; }
#main {
     position: relative;
	 width: 726px; height: 490px;
	  margin: auto; }
/* X -==-=-=-=-=-=-=-=-=-==- */
#txt, #puzzle, #xsearch, #xcont, #ximg, #xinfo {
	 position:absolute;
	 margin:0; padding:0; }
#xsearch, #xcont, #ximg, #xinfo {
     background: #221D1C;}		 
#txt {
	 top:10px; left: 540px;
	 color: #AAAAAA;
	 font-size: 70%;
	 font-style:italic;
	 font-weight: bold; }
#puzzle {
	 top:0; left:0;
	 width: 136px; height: 90px;
	 background: url(img/logo.gif);}
#xsearch {
	  width: 384px; height: 64px;
	  top: 0px; left: 144px;}
#xcont {
	  width: 426px; height: 426px;
	  top: 64px; left: 127px; }
#ximg {
	  width: 98px; height: 426px;
	  top: 64px; left: 22px; }	  
#xinfo {
	  width: 159px;  height: 426px;
	  top: 64px; left: 560px; }
/* uuz -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */	  
.uuz {position: relative;
	  width: 100%;
	  height: 100%; }
/* u -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#us, #uz, #ui, #uinfo, #uc {
	  position:absolute; }
#us { top: 8px; left: 8px;
	  border: #545859 solid 1px;
      border-bottom: 0;
	  width: 366px; height: 54px; }
#uz { top:40px; left: 100px;
	  font-weight:bold;
	  color: white;
	  width: 100%; height: 100%; }	 
#ui { position: absolute;
	  top: 7px; left: 9px;
	  width: 77px; height: 409px; }	  
#uinfo { 
	  top: 8px; left: 8px;
	  border: #545859 solid 1px;
	  width: 141px;height: 408px; }
#uc { top: 8px; left: 8px;
	  border: #545859 solid 1px;
	  width: 408px; height: 408px;  }
/* inside =--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=  */	 
#sr, #cont, #imgcont, #info {
	  position: relative; } 
#sr { width: 366px;
	  height: 44px;
	  margin-top: 7px;
	  color: #AAAAAA;
	  text-align: center;}
#sr span {
	  font-style: italic;
	  font-size: 80%;
	  display:block;
	  margin: 3px 0 0 20px;
	  font-weight:bold;
	  text-align: left;}	  
#txtQuery {
	  width: 250px;
	  border:0;
	  padding-left: 3px;
	  margin:0; }
.notext {
	  font-style: italic;
	  font-weight: bold;
	  color:#888888;}	  
#btnSearch {
	  width: 70px;
	  margin: 0 0 0 5px;
	  padding:0;
	  border-width: 1px;
	  font-size: 80%;
	  color: #FFFFFF;
	  cursor: pointer;
      background: #7F6B69; }
.b1, .b2, .b3, .b4, .ib2, .ib4, .inb2, .inb4, .sb2
    { position: absolute;
	  top:0; left:0;
	  width: 9px;  height: 9px;
	  background: url(img/b1.gif) no-repeat; }
.b2,.ib2,.inb2,.sb2
    { left: 417px;
      background: url(img/b2.gif) no-repeat; }
.b3 { top: 417px;
      background: url(img/b3.gif) no-repeat; }
.b4, .ib4,.inb4
    { top: 417px; left: 417px;
      background: url(img/b4.gif) no-repeat; }	  	  	  
.ib2 { left: 89px; }
.ib4 { left: 89px; }
.inb2 { left: 150px; }
.inb4 { left: 150px; }
.sb2 { left: 375px; }
#cont {
	  background: #EEEEEE;
	  width: 408px;
	  height: 408px;
	  float:right;
	  margin: auto; }
#preloader {
	  display:none; }	  
#search {
	  margin:20px auto;
	  width: 350px; }
#imgcont {
	  width: 77px;
	  height: 409px; }
.im { position: absolute;
	  left:0;
	  width: 75px; 
	  height: 75px;
	  background-color: #292222;
	  border: #545859 solid 1px;
	  cursor:pointer; } 
#img0{ top:0; }	  
#img1{ top:83px; }
#img2{ top:166px; }
#img3{ top:249px; }
#img4{ top:332px; }
.box {position:absolute;
	  border: 0;
	  padding: 0;
	  margin:0;}
.n  { font-size: 75%;
      background: transparent; 
      background: yellow;
      opacity: .5; 
      filter:alpha(opacity=50);
	  color: #000000;
	  width: 14px;
	  border: #000000 solid 1px;
	  text-align: center;
	  padding: 0px;
	  margin:2px 3px; }
#info {
	  width: 136px;
	  background: #292222;
	  padding-left: 5px;
	  margin:0;
	  font-size: 80%;
	  font-family: sans-serif;
	  color: #FFFFFF;
	  height: 392px; }
#info p {
	  margin-bottom: 5px;
	  margin-top: 15px;
	  padding: 0; }
#info a,#info a:visited, #info a:hover {
	  color: #ffffff;
	  font-size: 85%;
	  text-decoration: underline; }
#info a:hover {
	  text-decoration: none; }		   
.powered {
 	  width: 98px;
      height: 50px;
	  margin: auto;
	  margin-top: 12px;
	  padding: 0; }  
/* inside cont -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#start, #preloader {
	  position: absolute;
	  top: 0; left: 0;
	  width: 408px;
	  height: 408px;
	  font-size: 180%;
	  font-weight: bold;
	  color: #FFFFFF;
	  text-align: center;
	  background: #000000;
	  z-index: 3; }
#preloader {
	  display:none; }
.ust {position:absolute;
      top: 170px;
	  left:0;
	  width: 100%;
	  text-align: center;}