@charset "iso-8859-1";
/* CSS Document */
html,body{
width:100%;
height:100%;
}
body{
text-align:left;
background-color:#003f5a;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Tahoma, Arial, Sans-Serif;
color:#fff;
}
html,body,p,h1,div,form,input,img,table,tr,td{
margin:0;
padding:0;
border:none;
}
a, a:hover{
color:inherit;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

div#container{
width:780px;
background-color:#e9e9e9;
}

div#header{
background:url(images/header_v.jpg) top left no-repeat;
width:780px;
height:100px;
position:relative;
}
	a#link1{
	text-decoration:none;
	display:block;
	position:absolute;
	width:245px;
	height:57px;
	top:8px;
	left:20px;
	}

/* Contains everything between header and footer */
div#middle{
position:relative;
}

/* the top block Vasya */
div#top_block{
background:#d1e6ff url(images/bg_repeat.gif) top left repeat;
width:762px;
height:347px;
margin-top:7px;
margin-bottom:5px;
position:relative;
border:2px solid #c9c8c8;
top:0px;
left:7px;
font-size:1em;
}
	#top_baby {
	position:absolute;
	background:url(images/baby_top.gif) bottom right no-repeat;
	width:222px;
	height:332px;
	top:15px;
	left:17px;
	color:#000;
	}
	#top_baby h1 { color:#0084ba; font-size:18px; }
	#top_click_here {
	position:absolute;
	background:url(images/gif1.gif) top left no-repeat;
	width:513px;
	height:46px;
	bottom:7px;
	right:7px;
	}
	#top_click_here a {
	position:absolute;
	text-decoration:none;
	display:block;
	position:absolute;
	width:468px;
	height:14px;
	top:17px;
	left:23px;
	} 
	
/* The bottom block Vasya */
div#bottom_block{
background:#d1e6ff url(images/bg_repeat.gif) top left repeat;
width:762px;
height:347px;
margin-bottom:7px;
position:relative;
border:2px solid #c9c8c8;
top:0px;
left:7px;
font-size:1em;
}
	#bottom_baby {
	position:absolute;
	background:url(images/baby.gif) bottom right no-repeat;
	width:221px;
	height:333px;
	bottom:0px;
	right:0px;
	color:#000;
	}
	#bottom_baby h1 { color:#0084ba; font-size:18px; }

	#bottom_block_title {
	position:absolute;
	background:url(images/bottom_block_title.gif) top left no-repeat;
	width:750px;
	height:26px;
	top:5px;
	left:17px;
	}
	#bottom_block_title a {
	position:absolute;
	text-decoration:none;
	display:block;
	position:absolute;
	width:314px;
	height:26px;
	top:0px;
	right:0px;
	}
	#bottom_click_here {
	position:absolute;
	background:url(images/gif2.gif) top left no-repeat;
	width:513px;
	height:46px;
	bottom:7px;
	left:8px;
	}
	#bottom_click_here a {
	position:absolute;
	text-decoration:none;
	display:block;
	position:absolute;
	width:468px;
	height:14px;
	top:17px;
	left:23px;
	} 


/* Picture cells */
#pics ul{
margin:0px;
padding:0;
}
#pics li{
display:inline;
}
#pics a{
}
#pics img{
width:119px;
height:85px;
margin:0 7px 6px 0px;
}

/* Video layer is absolutely positioned and pics ULs free up space for it in the middle */
#video{
position:absolute;
top:90px;
right:10px;
z-index:2;
}
	#video img{
	width:254px;
	height:183px;
	background-position:3px 3px;
	background-repeat:no-repeat;
	}
	#video ul{
	position:absolute;
	right:0px;
	list-style-type:none;
	}
/*  Now moving pics down - 
	to free up space for video div     */
#pics ul.row_1{
z-index:1;
position:absolute;
top:10px;
left:250px;
}
#pics ul.row_2{
z-index:1;
position:absolute;
width:300px;
top:105px;
left:512px;
}
#pics ul.row_3{
z-index:1;
position:absolute;
top:366px;
left:16px;
}
#pics ul.row_4{
z-index:1;
position:absolute;
width:272px;
top:461px;
left:278px;
}
#video ul.row_5 {
position:absolute;
top:4px;
right:268px;
}
#movie1 {
position:absolute;
top:94px;
right:277px;
z-index:2;
}
#movie1 img, #movie2 img {
background-position:5px 1px;
}
#movie2 {
position:absolute;
top:450px;
left:-24px;
z-index:2;
}

/* Footer */
#footer{
background:url(images/footer_v.jpg) top left no-repeat;
width:765px;
height:54px;
position:relative;
font-family:verdana;
font-size:9px;
color:#fff;
padding-right:15px;
padding-top:30px;
text-align:right;
}
#footer a#link2{
	text-decoration:none;
	display:block;
	position:absolute;
	width:146px;
	height:36px;
	top:20px;
	left:16px;
}
/* opera8 only */
@media all and (min-width: 0px) {
#pics ul.row_1{
position:absolute;
top:17px;
}
#pics ul.row_2{
position:absolute;
top:112px;
}
#pics ul.row_3{
position:absolute;
top:373px;
}
#pics ul.row_4{
position:absolute;
top:468px;
}
}