html, body{
	margin:0;
	padding:0;
	outline:0;
	border:0;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:300;
}
	/*HEADER*/
		header{
			position:relative;
			height:220px;
			width:100%;
			background:url(/images/header_pattern.jpg) repeat-x;
		}
	/*STYLE FOR LOGO*/
		#logo_lv{
			width:244px;
			height:93px;
			background-image:url(/images/logo.png);
			position:absolute;
			left:50%;
			margin-left:-122px;
			margin-top:75px;
		}
		#logo_ru{
			width:244px;
			height:93px;
			background-image:url(/images/logo_ru.png);
			position:absolute;
			left:50%;
			margin-left:-122px;
			margin-top:72px;
		}
		h1{
			-webkit-margin-before: 0.0em;
			-webkit-margin-after: 0.0em;
			margin-top:0;
			margin-bottom:0;
		}
	/*HEADER NAVIGATION*/
	nav {
		height: 1.5em;
		max-width:908px;
		position:relative;
		margin: auto;
		font-size: 1em;
		font-family:'Roboto Condensed', sans-serif;
		text-transform:uppercase;
		font-weight:400;
		padding-top:104px;
	}
	ul{
		-webkit-margin-before: 0.0em;
		-webkit-margin-after: 0.0em;
		-webkit-padding-start: 0px;
		margin:0;
		padding:0;
	}
	li {
		list-style:none;
		display:inline;
		float:left;
		margin:0 20px 0 0;
		color:#7c9eb4;
	}
	.dot{
		width:6px;
		height:6px;
		background-color:#ffffff;
		opacity:0.8;
		margin-top:0.5em;
		margin-right: 20px;
		border-radius: 6px;
	}
	.menu_right{
		float:right;
	}
	/*NO RIGHT MARGIN FOR LV LANGUAGE and GALLERY ITEMS*/
	.no_margin{
		margin-right:0px !important;
	}
	#contact_details{
			clear:both;
			font-weight:300;
			float:right;
			display:none;
	}
	#contacts li:hover #contact_details{
			position:absolute;
			padding-top:1em;
			padding-right:1em;
			clear:both;
			font-weight:300;
			text-transform:none;
			float:right;
			display:block;
			color:#92c4e2;
	}
	/*END OF HEADER*/

/*MAIN CONTENT*/
.content{
	overflow:auto;
	max-width:946px;
	margin: 60px auto 0px auto;
}
.img_menu{
	float:left;
	margin-left:19px;
	margin-right:19px;
}
.menu_links{
	margin: 40px auto 60px auto;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	font-family:'Dosis', sans-serif;
	font-weight:500 !important;
}
#hr1{
	width:908px;
	border-style:solid;
	border-bottom:none;
	border-left:none;
	border-right: none;
	color:#9ec1d8;
	opacity:0.8;
	clear:both;
	display:block;
}
.image{
	height:277px;
	width:277px;
	z-index:10;
}
	/*INTERIOR*/
	#interior{
		background-image: url(/images/interior_blue.png);
	}
	#interior:hover{
		background-image:url(/images/interior.png);
	}
	/*ARTWORKS*/
	#artworks{
		background-image: url(/images/artworks_blue.png);
	}
	#artworks:hover{
		background-image: url(/images/artworks.png);
	}
	/*OTHER SERVICES*/
	#other{
	background-image: url(/images/other_blue.png);
	}
	#other:hover{
		background-image: url(/images/other.png);
	}
	
		/*BODY MENU LINK STYLES*/
		a {
			text-decoration:none;
			color:#7c9eb4;
		}
		a:visited{
			color:#7c9eb4;
		}
		a:hover{
			color:#92c4e2;
		}

/* ABOUT */
#about_author{
	height:auto;
	width:592px;
	margin-top:0px;
	margin-left:19px;
	margin-right:19px;
	float:left;
}
p{
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	font-size:1.2em;
	line-height:2em;
	color:#7c9eb4;
}
/*END OF MAIN CONTENT*/

/*FOOTER*/
.footer {
	height:190px;
	width:100%;
	margin:100px auto 0 auto;
	background: url(/images/header_pattern.jpg) repeat-x;
	overflow:hidden;
}
.footer p{
	font-size:1.1em;
	color:#8fb5cd;
	}
.footer_content{
	width:808px;
	margin: 0px auto;
	padding-top:50px;
}
.footer_about{
	width:50%;
	float:left;
	line-height:2em;
}
.footer_contacts{
	text-align:right;
}
#hr2{
	width:100%;
	border-style:solid;
	border-bottom:none;
	border-left:none;
	border-right: none;
	color:#9ec1d8;
	opacity:0.8;
	clear:both;
	margin-top:100px;
	margin-bottom:0;
}
#copyright{
	clear:both;
	margin:auto;
	text-align:center;
	font-size:0.75em;
}
#copyright p{
	margin-top:0;
	margin-bottom:0;
	}


/*INNER PAGES*/
.inner_content{
	max-width:935px;
	margin:0 auto;
}
.inner_content p{
	text-align:center;
}
.gallery{
	width:935px;
	margin: 60px auto;
	font-size:0;
}
.gallery img{
	border:none;
	border-radius:6px;
	margin:13.5px;
}
.gallery img:hover{
	  box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  -webkit-box-sizing:border-box;
	  border:1px solid #7c9eb4;
}

/*MEDIA QUERIES*/
@media 
	screen and (min-width:920px) {
		.hidden{
			display:none;
		}
	}
@media 
	screen and (max-width:961px) {
		#logo{
			margin-top:40px;
		}
		nav{
			width:606px;
			display:block;
			padding-top:155px;
		}
		.img_menu{
			margin-left:9px;
			margin-right:9px;
		}
		.image{
			width:190px;
			height:190px;
		}
			#interior, #artworks, #other{
		background-size: 190px 190px;
		}
		.content{
			max-width:624px;
			margin-top:50px;
		}
		#hr1{
			width:606px;
		}
		#contacts li:hover #contact_details{
			font-size:1em;
		}
		/*ABOUT SECTION*/
		.about{
			width:606px;
			margin-left:9px;
			margin-right:9px;
		}
			
		.lena_portrait{
			width:606px;
			clear:both;
			margin-top:50px;
		}
		.lena_portrait img{
			display:block;
			margin-left:auto;
			margin-right:auto;
		}
		/*FOOTER*/
		.footer {
			margin-top:80px;
		}
		.footer_content {
			width:560px;
		}
	}
@media 
	screen and (max-width:350px) {
		#logo{
			width:174px;
			height:72px;
			background-image:url(/images/logo.png);
			background-size: 174px 72px;
			position:absolute;
			left:50%;
			margin-left:-87px;
			margin-top:1em;
		}
		nav {
			height:auto;
			max-width:300px;
			position:relative;
			margin: auto;
			font-size: 1em;
			font-family:'Roboto Condensed', sans-serif;
			text-transform:uppercase;
			padding-top:6em;
		}
		.hidden_list{
			display:none;
		}
		.ru{
			display:inline;
			float:left;
		}
		li {
			list-style:none;
			display:block;
			margin:0;
			color:#7c9eb4;
			line-height:2em;
		}
		.menu_right{
			float:none;
		}
}

div.adminarea {
	width: 700px;
	margin-left:auto;
	margin-right:auto;
	min-height: 250px
}

.lighttable table { border-collapse: collapse; border: 2px solid #9ab; clear: left; }
.lighttable td { border: 1px solid #bcc; padding: 2px; color: #333; }
.lighttable th { border: 1px solid #bcc; padding: 2px; color: #333; background: #eef4ff; }
