body {
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
}

a {
	text-decoration:none;
	border:none;
}

h1 {
	font-size:24px;
	margin-bottom:20px;
}

h2 {
	font-size:20px;
}

#button-up {
	position:fixed;
	bottom:5px;
	left:5px;
	width:40px;
	height:40px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(images/button-up.png);
	display:none;
	cursor:pointer;
}

#submenu {
	visibility:hidden;
	position:fixed;
	left:0px;
	top:30px;
	list-style:none;
	margin-left:-40px;
}

.submenu-item {
	display:block;
	background-color:#6B4E43;
	padding:10px;
	border-bottom:1px solid #EEE;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:medium;
	font-weight:bold;
	color:#FFF;
	z-index:100;
}

.submenu-item:hover {
	background-color:#3C3433;
	color:#FCC169;
}

#button-menu {
	position:fixed;
	left:5px;
	top:5px;
	width:40px;
	height:40px;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(images/menu.png);
	border-radius:5px;
	background-color:#3C3433;
	cursor:pointer;
	z-index:100;
}

#button-menu:hover {
	outline: 1px solid #EEE;
}

#button-up {
	position:fixed;
	bottom:5px;
	left:5px;
	width:36px;
	height:36px;
	background-position:-2px -3px;
	background-repeat:no-repeat;
	background-image:url(images/button-up.png);
	display:none;
	cursor:pointer;
	z-index:100;
}

#name {
	background-color:#3C3433;
	height:50px;
    text-align:right;
	position:fixed;
	width:100%;
	z-index:100;
	margin-top:-50px;
}

#name img {
	padding-right:10px;
	padding-top:2px;
}

#official{
	position:fixed;
	font-size:15px;
	color:#3C3433;
	width:200px;
	right:10px;
	top:50px;
	text-align:right;
	display:none;
}

#music-box {
	margin-top:50px;
	background-image:url(images/music-box.jpg);
	background-position:top right;
    background-size:cover;
	text-align:center;
	padding-right:40%;
	padding-top:10px;
	padding-left:20px;
	color:#FFF;
	text-shadow:#333 2px 2px 3px;
	padding-bottom:40px;
}

#new-album {
	text-align:center;
	vertical-align:top;
}

#new-album img {
	width:47%;
	max-width:500px;
	display:inline-block;
	min-width:140px;
	box-shadow:#333 2px 2px 3px;
	margin-bottom:2%;
	margin-right:2%;
}

#old-albums {
	display:inline-block;
	width:50%;
	min-width:170px;
}

.old-album img{
	width:45%;
	margin-bottom:2%;
	margin-right:2%;
	max-width:250px;
	min-width:100px;
	display:inline-block;
	box-shadow:#333 2px 2px 3px;
}

#music-listen {
	display:block;
	background-color:#e5332f;
	color:#FFF;
	text-shadow:none;
	text-align:center;
	padding-right:20px;
	padding-left:20px;
	width:73%;
	min-width:235px;
	margin-left:12%;
	margin-top:20px;
	box-shadow:#333 2px 2px 3px;
	font-size:20px;
	opacity:0.95;
}

#music-listen:hover {
	opacity:1.0;
}

#music-listen img {
	height:62px;
	display:inline-block;
}

#music-listen-text {
	display:inline-block;
	vertical-align: top;
	padding-top:22px;
	padding-bottom:20px;
}

#transl-box {
	background-image:url(images/transl-box.jpg);
	background-position:center center;
    background-size:cover;
	text-align:center;
	padding-right:40px;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:45px;
	color:#FFF;
	text-shadow:#333 2px 2px 3px;
}

.book-box {
	display:inline-block;
	width:275px;
	height:105px;
	background:#FFF;
	text-shadow:none;
	margin-right:10px;
	margin-bottom:10px;
	box-shadow:#333 2px 2px 3px;
	padding:10px;
	font-size:15px;
	text-align:left;
	color:#933;
	vertical-align:top;
}

.trans-thumb {
	float:right;
	width:60px;
	height:90px;
	margin-left:10px;
	margin-bottom:5px;
	border:1px solid #ECE3CA;
}

#sites-box {
	background-image:url(images/sites-box.jpg);
	background-position:center center;
    background-size:cover;
	text-align:center;
	padding-right:40px;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:45px;
	color:#FFF;
	text-shadow:#333 2px 2px 3px;
}

.gallery {
	width:275px;
	cursor: url(zoomin.cur), pointer;
	margin:2px;
	border:1px solid #EEE;
	padding:2px;
	border-color:#FC6;
}

.gallery:hover {
	text-decoration:none;
	border-color:#933;
}

#design-box {
	/*background-image:url(images/design-box.jpg);
	background-position:center center;
    background-size:cover;*/
	background-color:#FFF;
	text-align:center;
	padding-right:40px;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:45px;
	color:#930;
}

#poetry-box {
	background-image:url(images/poetry-box.jpg);
	background-position:center center;
    background-size:cover;
	text-align:center;
	padding-right:40px;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:45px;
	color:#933;
}

.poem-box {
	display:inline-block;
	min-height:570px;
	background:#FFF;
	text-shadow:none;
	margin-right:10px;
	margin-bottom:10px;
	box-shadow:#333 2px 2px 3px;
	padding:10px;
	font-size:16px;
	text-align:left;
	color:#933;
	vertical-align:top;
}

#contacts-box {
	background-color:#3C3433;
    color:#EEE;
	text-align:center;
	padding:40px;
}

.button {
	width:40px;
	height:40px;
	background-position:0 0;
	background-repeat:no-repeat;
	margin-right:10px;
	display:inline-block;
	border-radius:8px;
}

.button:hover {
	background-position:0 -40px;
}

#button-facebook {
	background-image:url(images/button-facebook.png);
}

#button-linkedin {
	background-image:url(images/button-linkedin.png);
}

#button-mail {
	background-image:url(images/button-mail.png);
}

#button-youtube {
	background-image:url(images/button-youtube.png);
}

