html {
	min-height: 100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 760px;
	height: 620px;
	min-width: 760px;
	min-height: 620px;
	color: #CCC;
	background-color: black;
	background-image: url(../Images/circle_purple.gif);
	background-position: 134px 0px;
	background-repeat: repeat-y;
/*	overflow: hidden;*/
}
html>body {
	width: 100%;
	height: 100%;
}
div, span {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	background-repeat: no-repeat;
}

#container {
	position: relative;
	width: 100%;
	height: 100%;
}

#site-nav {
	position: absolute;
	left: 42px;
	top: 301px;
	width: 111px;
	height: 136px;
}

#door-nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 288px;
	height: 251px;
	background-image: url(../Images/OksanaK_KZ.gif);
	background-position: top left;
}

#portfolio-nav {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 603px;
	height: 631px;
	background-image: url(../Images/OksanaK_menu.gif);
	background-position: bottom right;
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	text-decoration: none;
	background-repeat: no-repeat;
}
a i { visibility: hidden; display: none; }

#portfolio-nav a {
	height: 39px;
	width: 39px;
}
#portfolio-nav a:hover {
	height: 72px;
	width: 72px;
	margin-left: -17px;
	margin-top: -17px;
}

a#home { left: 28px; top: 1px; height: 21px; width: 84px; background-image: url(../Images/menuNav_home.gif); }
a#about { left: 27px; top: 58px; height: 22px; width: 85px; background-image: url(../Images/menuNav_about.gif); }
a#shop { left: 37px; top: 115px; height: 25px; width: 75px; background-image: url(../Images/menuNav_shop.gif); }
a#contact { left: 9px; top: 174px; height: 19px; width: 102px; background-image: url(../Images/menuNav_contact.gif); }
a#links { left: 42px; top: 229px; height: 20px; width: 70px; background-image: url(../Images/menuNav_links.gif); }
a#home:hover { background-image: url(../Images/menuNav_homeW.gif); }
a#about:hover { background-image: url(../Images/menuNav_aboutW.gif); }
a#shop:hover { background-image: url(../Images/menuNav_shopW.gif); }
a#contact:hover { background-image: url(../Images/menuNav_contactW.gif); }
/*a#links:hover { background-image: url(../Images/menuNav_linksW.gif); }*/

a#Kimazo { left: 60px; top: 47px; width: 105px; height: 108px; }
a#Kimazo:hover { background-image: url(../Images/OK_KZ_hover.gif); }

a#OksanaK_pic1 { left: 530px; top: 80px; }
a#OksanaK_pic2 { left: 456px; top: 30px; }
a#OksanaK_pic3 { left: 358px; top: 55px; }
a#OksanaK_pic4 { left: 505px; top: 178px; }
a#OksanaK_pic5 { left: 408px; top: 154px; }
a#OksanaK_pic6 { left: 210px; top: 374px; }
a#OksanaK_pic7 { left: 63px; top: 569px; }
a#OksanaK_pic8 { left: 88px; top: 373px; }
a#OksanaK_pic9 { left: 39px; top: 447px; }
a#OksanaK_pic10 { left: 285px; top: 104px; }
a#OksanaK_pic11 { left: 113px; top: 202px; }
a#OksanaK_pic12 { left: 260px; top: 178px; }
a#OksanaK_pic13 { left: 162px; top: 128px; }
a#OksanaK_pic14 { left: 113px; top: 276px; }
a#OksanaK_pic15 { left: 187px; top: 301px; }
a#OksanaK_pic16 { left: 383px; top: 228px; }
a#OksanaK_pic17 { left: 285px; top: 301px; }
a#OksanaK_pic18 { left: 308px; top: 397px; }
a#OksanaK_pic19 { left: 260px; top: 472px; }
a#OksanaK_pic20 { left: 187px; top: 228px; }
a#OksanaK_pic21 { left: 336px; top: 154px; }
a#OksanaK_pic22 { left: 187px; top: 423px; }
a#OksanaK_pic23 { left: 285px; top: 228px; }

/*#portfolio-nav a:visited { background-image: url(../Images/circle_purple.gif); }*/

a#OksanaK_pic1:hover { background-image: url(../Images/OK_link_pic1.gif); }
a#OksanaK_pic2:hover { background-image: url(../Images/OK_link_pic2.gif); }
a#OksanaK_pic3:hover { background-image: url(../Images/OK_link_pic3.gif); }
a#OksanaK_pic4:hover { background-image: url(../Images/OK_link_pic4.gif); }
a#OksanaK_pic5:hover { background-image: url(../Images/OK_link_pic5.gif); }
a#OksanaK_pic6:hover { background-image: url(../Images/OK_link_pic6.gif); }
a#OksanaK_pic7:hover { background-image: url(../Images/OK_link_pic7.gif); }
a#OksanaK_pic8:hover { background-image: url(../Images/OK_link_pic8.gif); }
a#OksanaK_pic9:hover { background-image: url(../Images/OK_link_pic9.gif); }
a#OksanaK_pic10:hover { background-image: url(../Images/OK_link_pic10.gif); }
a#OksanaK_pic11:hover { background-image: url(../Images/OK_link_pic11.gif); }
a#OksanaK_pic12:hover { background-image: url(../Images/OK_link_pic12.gif); }
a#OksanaK_pic13:hover { background-image: url(../Images/OK_link_pic13.gif); }
a#OksanaK_pic14:hover { background-image: url(../Images/OK_link_pic14.gif); }
a#OksanaK_pic15:hover { background-image: url(../Images/OK_link_pic15.gif); }
a#OksanaK_pic16:hover { background-image: url(../Images/OK_link_pic16.gif); }
a#OksanaK_pic17:hover { background-image: url(../Images/OK_link_pic17.gif); }
a#OksanaK_pic18:hover { background-image: url(../Images/OK_link_pic18.gif); }
a#OksanaK_pic19:hover { background-image: url(../Images/OK_link_pic19.gif); }
a#OksanaK_pic20:hover { background-image: url(../Images/OK_link_pic20.gif); }
a#OksanaK_pic21:hover { background-image: url(../Images/OK_link_pic21.gif); }
a#OksanaK_pic22:hover { background-image: url(../Images/OK_link_pic22.gif); }
a#OksanaK_pic23:hover { background-image: url(../Images/OK_link_pic23.gif); }