﻿@charset "utf-8";
/* CSS Document
@font-face {
font-family: 'ZapfChanceCItalic';
src: url('http://bumerang-tattoo.ru/ZapfChanceCItalic.ttf');
} */

@font-face {
    font-family: 'ZapfChanceCItalic';
    src: url('http://bumerang-tattoo.ru/zapfchancecitalic-webfont.eot');
    src: url('http://bumerang-tattoo.ru/zapfchancecitalic-webfont.eot?iefix') format('eot'),
         url('http://bumerang-tattoo.ru/zapfchancecitalic-webfont.woff') format('woff'),
         url('http://bumerang-tattoo.ru/zapfchancecitalic-webfont.ttf') format('truetype'),
         url('http://bumerang-tattoo.ru/zapfchancecitalic-webfont.svg#webfonthmxICCrY') format('svg');
    font-weight: normal;
    font-style: normal;
line-height:20px;
}


* {border:0; margin:0; padding:0;}
body {background:#2e2e2c url(../img/body-bg.jpg);font-size: 18px;	color:#000;font-family: ZapfChanceCItalic, Arial;line-height:20px;}
img {border:none; padding:0; margin:0;}
a {text-decoration:none;}
:focus {outline:none;}
h4 {border-bottom:1px dashed #020202;font-size:24px;line-height:30px;}
#wrap {	width:1000px;margin:0 auto;}
.list {padding-left:30px;padding-top:0px;padding-bottom:10px;}
.list li {font-family: ZapfChanceCItalic, Arial;font-size:16px;}
.list li a {font-family: ZapfChanceCItalic, Arial;font-size:16px;}
.left_page {scrollbar-base-color: #f0c97f;
       scrollbar-track-color:#e7b76e; 
       scrollbar-arrow-color:#dbab69;}
.page_right {scrollbar-base-color: #f0c97f;
       scrollbar-track-color:#e7b76e; 
       scrollbar-arrow-color:#dbab69;}

#header {	position:relative;	height:294px;	overflow:hidden;	background:url(../img/dima-tattoo-logo-2.jpg) 0 0 no-repeat;	}
	#logo {position:absolute;display:block;width:395px;height:335px;top:100px;left:320px;text-indent:-9999px;		}
	#menu {position:absolute;display:block;height:39px;line-height:39px;bottom:-4px;left:8px;list-style:none;}
		#menu li {float:left;margin-right:-15px;}
			#menu li a {overflow:hidden;display:block;width:111px;height:39px;padding-top:12px;padding-right:12px;background:url(../img/catergory_button.png) 100% 0 no-repeat;font:bold 14px Arial, Helvetica, sans-serif;color:#311705;text-align:right;}
			#menu li a:hover {overflow:hidden;background-position: 100% -39px;}
				#index {position:absolute;padding-left:20px;background:url(../img/catergory_mainbutton.png) 0 0 !important;text-align:center !important;z-index:89;}
				#index:hover {background-position:0 -39px !important}
				#tattoo {position:absolute; left:98px; z-index:88;}
				#pircing {position:absolute; left:172px; z-index:87;}
				#correct {position:absolute; left:279px; z-index:86;}
				#makeaj {position:absolute; left:383px; z-index:85;}
				#last {position:absolute; left:483px; z-index:84;}
				#contact {width:120px !important;position:absolute;left:270px; text-align:center !important;padding-left:10px !important;}

.vmenu{font:bold 14px Arial;width:620px;height:39px;z-index:100;color:#311705;position:absolute;bottom: -1px; left: 28px;}
.vmenu ul li a, 
.vmenu ul li a:visited{float:left;margin-right:-1px;font:bold 14px Arial;display:block;text-decoration:none;width:auto;height:30px;text-align:center;color:#311705;text-align:left;
padding-top:10px;padding-right:8px;padding-left:8px;overflow:hidden;background:url(http://www.bumerang-tattoo.ru/img/catergory_button.png) 100% 0 no-repeat;}
.vmenu ul li a:hover {overflow:hidden;background-position: 100% -39px;font:bold 14px Arial;}
.vmenu ul{padding:0;margin:0;list-style:none}
.vmenu ul li{float:left;position:relative;}
.vmenu ul li ul{display:none}
.vmenu ul li:hover a {color:#311705;font:bold 14px Arial;}
.vmenu ul li:hover ul {display:block;position:absolute;top: -70px;left:0px;float:left;width:auto}
.vmenu ul li:hover ul li {display:block;float:left;height:35px;}
.vmenu ul li:hover ul li a{display:block;float:left;width:90px;height:35px;font:bold 14px Arial;}
.vmenu ul li:hover ul li a:hover{font:bold 14px Arial;}

/* container ///////////////////////// */
#container {position:relative;overflow:hidden;width:840px;height:492px;margin:0 auto;padding:40px 60px;background: url(../img/book-bg.jpg) 0 0 no-repeat;font-size:18px;font-family: ZapfChanceCItalic, Arial;}
	.page_full {background:url(../img/book-full-bg.jpg) 0 0 no-repeat!important;}
		.page_full p {margin-bottom:5px;text-indent:25px;font-family: ZapfChanceCItalic, Arial;line-height:20px;}
	.left_page {width:390px;height:490px;overflow:auto;}
	.page_right {position:absolute;width:385px;height:500px;top:40px;right:60px;overflow:auto;}
	.more_text {overflow-x:hidden;overflow-y:auto;}
		.more_text a {color:#000000;font: normal 18px;text-decoration:underline;font-family: ZapfChanceCItalic, Arial;line-height:20px;}
		.more_text a:hover {text-decoration:none;}
		.more_text h1 {font-size:24px;border-bottom:1px dashed #020202;width:370px;font-family: ZapfChanceCItalic, Arial;line-height:30px;}
		.more_text p {margin-bottom:8px;text-indent:15px;font-size:18px;width:370px;font-family: ZapfChanceCItalic, Arial;line-height:20px;}
		.info h1 {font-size:1.4em;border-bottom:1px dashed #020202;margin-bottom:20px;font-family: ZapfChanceCItalic, Arial;line-height:20px;}
		.info p {margin-bottom:5px;}
	.gallery {padding-top:0px;text-align:center;overflow:hidden;}
		.gallery .active {display:block !important;}
		.gallery div {display:none;}
			.gallery img {margin:2px;border:solid 2px #681512;}
			.active_button img {border:0px !important;}
	#contact_info {position:absolute;width:437px;height:176px;padding-top:80px;top:95px;left:-15px;background:url(../img/contact_info-bg.jpg) no-repeat;text-align:center;}
		#contact_info h1 {margin-bottom:10px;}
/* footer */
#footer {position:relative;height:5px;text-align:center}
	#copyright {position:absolute;top:0px;right:100px;}
/*updown menu*/

