*:focus{outline: none;}
BODY{
	BORDER: none;
	MARGIN: 0px;
	PADDING: 0px;
	height:100%;
	min-height:768px;
	min-width:1024px;
}

HTML{
	height:100%;
	MARGIN: 0px;
	PADDING: 0px;
}

form{
	MARGIN: 0px;
	PADDING: 0px;
}

IMG{
	BORDER: none;
}

TABLE {
	BORDER-COLLAPSE: collapse;
}

table tr td{
padding:0px;/*!!!!!!!!!!!!!!!!!!!!!!!!*/
border:0px;
}
span a:link{color: #94C5B0; text-decoration: underline;}
span a:active{color: #94C5B0; text-decoration: underline;}
span a:visited{color: #94C5B0; text-decoration: underline;}
span a:hover{color: #94C5B0; text-decoration: none;}
/************index************/
#base{
width:100%;
height:100%;
}
#index{
background:url(../images/bg-index.jpg) 0 130px no-repeat;
}
#wrap{
position:relative;
width:1024px;
height:768px;
margin:0 auto;
border:solid 1px transparent;
}
#phrase{
width:265px;
text-align:right;
font-family:Comic Sans MS;
font-style:italic;
color:#638175;
font-size:16px;
line-height:18px;
margin-top:40px;
margin-left:20px;
}
#phrase span{
position:relative;
top:12px;
//top:-2px;
}
#by{
position:absolute;
top:0;
right:0;
}
#tf{
position:absolute;
top:60px;
right:10px;
}
#bottom-menu{
position:absolute;
bottom:30px;
left:30px;
}
#bottom-menu span{
margin-right:20px;
}
#right-menu{
position:absolute;
bottom:10px;
right:20px;
}
#right-menu div{
margin-top:20px;
}
#right-menu img{
vertical-align:middle;
}
/************end index************/
/************guest1************/
#index-inner{
background:url(../images/bg-inner.jpg) top right no-repeat;
}
#tf-s{
margin-left:40px;
margin-top:40px;
}
#top-menu{
margin-left:60px;
margin-top:25px;
height:50px;
position:relative;
}
#top-menu.about{
top:-14px;
}
#top-menu.guest{
top:-16px;
}
#top-menu.contacts{
top:-17px;
}
#top-menu span{
margin-right:20px;
}
#top-active{
position:relative;
top:16px;
}
#left-bg{
width:368px;
height:342px;
margin-left:40px;
margin-top:30px;
background:url(../images/left-bg.jpg) no-repeat;
}
#left-bg span{
position:relative;
top:65px;
margin-left:65px;
}
#left-bg span img{
border:solid 1px #000;
}
#bot-menu{
position:absolute;
bottom:30px;
right:30px;
}
#bot-menu span{
margin-left:35px;
position:relative;
}
#comments{
position:absolute;
bottom:180px;
right:50px;
width:492px;
height:220px;
overflow:auto;
font-family:Arial Narrow;
}
#comments div span{
position:absolute;
color:#423939;
font-size:16px;
}
.comment{
position:relative;
width:466px;
margin-top:10px;
margin-bottom:10px;
border:solid 1px transparent;
}
.c1{
background:#e2f4ed url(../images/comment1.jpg) no-repeat;
}
.c2{
background:#fcf7f6 url(../images/comment2.jpg) no-repeat;
}
#comments div div{
padding-left:10px;
margin-top:34px;
margin-bottom:5px;
font-size:16px;
}
.c1 div{
background:#e2f4ed;
}
.c2 div{
background:#fcf7f6;
}
.name{
top:-1px;
left:20px;
}
.date{
top:-1px;
right:5px;
}
#leave-comment{
position:absolute;
bottom:140px;
right:75px;
width:162px;
height:24px;
background:url(../images/leave-comment.jpg) no-repeat;
color:#1b1919;
font-family:Arial Narrow;
font-size:16px;
text-align:center;
padding-top:1px;
text-decoration:none;
}
/************end guest1************/
/************guest2************/
#comments.send{
overflow:visible;
}
#leave-comment.fix{
position:static;
border:0;
padding-top:0;
padding-bottom:3px;
cursor:pointer;
margin-top:10px;
margin-left:238px;
}
.f-name{
width:230px;
height:21px;
border:solid 1px #937f7f;
background:#fcf7f6;
color:#1b1919;
font-size:17px;
padding-left:9px;
margin-top:9px;
}
#t-com{
margin-left:9px;
margin-top:3px;
}
#text{
overflow:auto;
width:389px;
height:81px;
margin-top:4px;
}
/************end guest2************/
/************animals************/
#bul-animal{
position:absolute;
margin-top:-25px;
left:70px;
}
#bot-active-animal{
position:relative;
top:-3px;
}
#pish-pish{
position:absolute;
top:288px;
left:350px;
width:640px;
height:340px;
overflow:auto;
}
/************end animals************/
/************contacts************/
#top-active.t-m-cont{
top:22px;
}
#comments.contacts{
bottom:auto;
right:auto;
left:350px;
top:320px;
width:640px;
height:auto;
overflow:visible;
}
.strings{
margin-bottom:30px;
font-family:Comic Sans MS;
color:#35423d;
font-size:16px;
}
#decor-cont{
position:relative;
margin-left:50%;
left:-167px;
margin-top:-20px;
}
/************end contacts************/
/************macro************/
#bot-active-animal.macro{
top:6px;
}
#bul-animal.macro-bul{
left:50px;
}
/************end macro************/
/************about************/
#comments.about{
bottom:auto;
right:auto;
left:350px;
top:390px;
width:660px;
height:auto;
overflow:visible;
}
#comments.about img{
position:relative;
margin-left:50%;
left:-167px;
}
/************end about************/
/************nature************/
#bot-active-animal.nature{
top:7px;
}
#bul-animal.nature-bul{
margin-top:-20px;
}
/************end nature************/
/************misc************/
#bot-active-animal.misc{
top:-2px;
}
#bul-animal.misc-bul{
left:50px;
}
/************end misc************/
/************portrait************/
#bot-active-animal.portrait{
top:5px;
}
#bul-animal.portrait-bul{
margin-top:-20px;
}
#pish-pish div{
float:left;
position:relative;
width:106px;
height:106px;
background:url(../images/portrait-pic-bg.jpg) no-repeat;
margin-left:21px;
margin-top:38px;
}
#pish-pish div a{
position:absolute;
right:5px;
top:5px;
}
#pish-pish div span{
font-family:Comic Sans MS;
color:#1a1515;
font-size:12px;
display:block;
line-height:14px;
position:absolute;
bottom:6px;
left:14px;
}
/************end portrait************/
/************portrait1************/
#comments.portrait1{
bottom:auto;
right:auto;
left:140px;
top:380px;
width:865px;
height:auto;
overflow:visible;
}
#comments.portrait1 span{
margin-left:190px;
}
#portrait1-wrap{
display:block;
position:absolute;
left:80px;
//top:47px;
}
#comments.portrait1 span span{
margin-left:25px;
}
#comments.portrait1 span span.above{
position:relative;
top:-47px;
}
/************end portrait1************/
/************portrait2************/
#pish-pish div.portrait2{
width:108px;
height:123px;
background:#e7dcd8;
margin-left:19px;
margin-top:21px;
text-align:center;
}
#pish-pish div.portrait2 a{
position:relative;
right:0;
top:3px;
}
#pish-pish div.portrait2 span{
color:#2f2d2d;
font-size:9px;
white-space:nowrap;
position:relative;
left:0;
bottom:0;
}
/************end portrait2************/
div#formShow{
display:none;
}
span#textShow{
float:right;
margin:0 25px 0 0;
}
span#back{
float:right;
}