body, div, img, p { padding:0; margin:0; }
body {
	overflow:hidden;
	background:#ddd url(../img/fon_metal.jpg) ;
}

#i1 {
	position:absolute;
	display:table;
	height:100%;
	width:100%;
	background:url(../img/fon_load.png);
	z-index:15;
}
#i2 {
	display:table-cell;
	height:100%;
	width:100%;
	vertical-align:middle;
}
#i3 { 
	position:relative;
	height:200px;
	width: 550px;
	margin:0 auto;
	text-align:center;
	padding-top:320px; 
	background:url(../img/loader.gif) no-repeat 50% 50%;
	z-index:99;
	vertical-align:bottom; 
	color:#555; 
	font:bold 17px arial;
} 

#opacity_photo_album {position:absolute; display:table; height:100%; width:100%; background:url(../img/fon_albom.png) ;  }

.page {position:absolute; cursor: move;}

/* PAGE CARD*/
.card {
	position:absolute;
	width:340px;
	height:213px;
	left:5px;
	top:30px;
	background:url(../img/visitka.png) no-repeat;
	z-index:1;
}
.card .card_name {
	position:absolute; 
	left:24px;
	top:17px;
	width: 183px;
	height:54px;
	background:url(../img/visitka_lucky.png) no-repeat;
} 
.card .card_skype {position:absolute; left:60px; top:130px; width: 195px; text-align:right;} 
.card .card_mobile {position:absolute; left:60px; top:155px; width: 195px; text-align:right;} 
.card .card_mail {position:absolute; left:60px; top:180px; width: 195px; text-align:right;} 
.card .card_skype_name {position:absolute; left:275px; top:130px;} 
.card .card_mobile_name {position:absolute; left:275px; top:155px;} 
.card .card_mail_name {position:absolute; left:275px; top:180px;} 

.card .card_line {
	position:absolute; 
	left:265px;
	top:128px;
	width:1px; 
	height:75px;
	background:#df043a;
}
.card a {
	color:#555;
	font:bold 17px arial;
	text-decoration: none;
}
.card a:hover {
	color:red; 
	text-decoration: none;
}
/* END PAGE CARD */

/* PAGE PALAROID */
.palaroid {
	position:absolute;
	width:370px;
	height:430px;
	top:30px;
	background:url(../img/polaroid.jpg) no-repeat 50% 50%; }
.palaroid img {
	height:267px;
	margin:30px 0px 0px 49px;
	text-align:center;
}
.palaroid p {
	width:280px;
	margin-top:12px;
	margin-left:47px;
	text-align:left;
	font:600 17px arial;
	color:#fff; }
/* END PAGE PALAROID */


/* PAGE PHOTO ALBUM */

.page_photo_album {
	position:absolute;
	left:140px;
	top:30px;
	width:1080px;
	height:625px;
 	cursor: move;
}

img, a {outline: none;}
img {border:0px solid #999;}

a {
	color:#888;
	font:bold 16px arial;
	text-decoration: none;
}
a:hover {
	color:red;
	text-decoration: none;
}

#photos-list {
	position:absolute;
	left:0px;
	display:inline-block;
	width:340px;
	height:410px;
	float:left;
	overflow-x:hidden;
	overflow-y:hidden;
}
#photos-list img {
	border: 1px solid #000;
	width: 70px;
	height: 70px;
}
#photos-list a {
	color: #eee;
	border:0px;
	font-size: 11px;
	width: 70px;
	height: 70px;
	background:#fff;
	margin:0px 13px 13px 0px;
	padding:0px;
	display: block;
	float:left;
}

#box_body {
	position:relative;
	min-width: 650px;
	max-width: 720px;
	height:625px;
	margin:0 auto;
	padding:0px;
	padding-right:352px;
	text-align:center; 
} 
#box_body #content_bg {
	position:absolute;
	top:0px;
	left:89px;
	height:625px;
	width:894px;
	background: url('../img/fon_bg.png') repeat-x 0px 15px; 
}
#box_body #content_left {
	position:relative;
	height:625px;
	width:100%;
	background: url('../img/fon_left.png') no-repeat left 15px;
}
#box_body #content_right {
	position:absolute;
	top:0px;
	right:0px;
	width:362px;
	height:625px;
	background:url('../img/fon_right.png') no-repeat right 15px;
}

#content_left .box_photo_left { 
	position:absolute;
	top:85px;
	left:50px;
	height:460px;
	width:300px;
	z-index:1;
}
#content_left .box_photo_right { 
	position:absolute;
	top:85px;
	left:350px;
	height:460px;
	width:310px; 
	z-index:1;
}
#content_left .box_photo_left a {cursor:url(../img/spacer.cur), pointer; }
#content_left .box_photo_right a {cursor:url(../img/spacer.cur), pointer;}
#cursor {
	position:absolute;
	height:22px;
	width: 20px;
	cursor:url(../img/spacer.cur), pointer;
	z-index:999;
	display:none;
}
.box_photo_cursor {height:460px; width:310px;  }

#content_left #home_menu {
	position:absolute;
	left:9px;
	top:7px;
	width:70px;
	height:15px;
	text-align:left;
	cursor:pointer;
}

#box_photo {
	position:relative;
	display:table;
	height:575px;
	width:100%;
}
#valgin_photo {
	display:table-cell;
	height:100%;
	width:100%;
	vertical-align:middle;
}
#content_photo {
	position:relative;
	margin:0 auto;
	padding-top:53px;
	text-align:center;
	background:transparent url(../img/spacer.gif) no-repeat scroll center center;
}
#photo {
	opacity: 1;
	display: inline;
	border:1px solid #444;
}

#content_right  #line {
	position:absolute;
	left:0px;
	top:39px;
	width:2px;
	height:550px;
	background:#888; 
	opacity: 0.0;
}
#content_right  #menu_album {
	position:absolute;
	left:33px; 
	top:50px;
	width:350px;
	height:50px;
	text-align:center;
	color:#888;
	font:bold 15px arial; 
}
#content_right  #photo_gallery {
	position:absolute;
	display:block;
	left:18px;
	top:140px;
	width:320px;
	height:300px;
	text-align:left;
	border:0px solid #000;
	cursor:pointer;
}

#menu_album a {
	float:left;
	display:block;
	height:40px;
	text-align:center;
	padding-left:17px;
	padding-right:17px; 
	padding-top:10px;  
}
#menu_album span {
	float:left;
	display:block;
	height:40px;
	padding-top:10px;  
}

#photo_gallery #up_gallery {
	position:absolute;
	left:1px;
	top:-38px;
	width:320px;
	height:40px; 
	text-align:center;
	background: transparent url(../img/arrow_gallery.gif) center 10px no-repeat;

}
#photo_gallery #down_gallery {
	position:absolute;
	left:-1px; 
	top:404px; 
	width:320px; 
	height:40px; 
	text-align:center;
	background: transparent url(../img/arrow_gallery.gif) center -40px no-repeat;
}

#photo_text {display:none;}

/* END PAGE PHOTO ALBUM */

.copyright {
	position:fixed;
	bottom:0px;
	right:90px;
	height:50px;
	width:230px;
	background:#444;
	color:#fff;
	font-size: 20px;
}
.copyright .copyright2 {
	position:absolute;
	top:14px;
	left:35px;
}


