@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
	* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {

	font: 12px/18px 'Roboto', Arial, sans-serif;   
	width: 100%;
	background-color: #626965;
	height: 100%;

}
.middle {
		padding-bottom: 2%;
}
.wrapper {
	min-width: 320px;
	max-width: 1920px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
}

/* Header
-----------------------------------------------------------------------------*/
header {

	height: 300px;

}
#social {
	display: block;
	padding-right: 3%;
}
	
#social  img {
	display: inline;
	float: right;
	width: 38px;
	padding-top: 10px;
	padding-bottom:10px;
	padding-right: 10px;
}

#menu, #menu ul , #menu ul li {
	margin: 0;
	padding: 0;
	z-index: 100;
}
ul#menu li {
	background: #B3B2B2;
	/*opacity: 0.8;*/
}
ul#menu li.topmenulogo {
	opacity: 1;
}
#menu {
	clear: both;
	position: relative;
	display: table;
	width: 100%;
}
#menu  li ul {
	position: absolute;
	left: 0 ;
	top: 100%;
	padding: 0;
	margin: 0;
	display: none;
}
#menu li { 
	display: block; 
	position: relative;
	float:left; 
	width: 14%; 
	height: 50px;
	text-align: center;
	/*text-transform: uppercase;*/
}
#menu li ul>li { 	width: 14%; }

#menu li ul li {
	text-align: left;
	padding-left: 15px;
}
#menu li:hover >ul { display: block; }
#menu li ul li, #menu li ul li a {
	float: none;
	height: 40px;
	min-width: 190px;
	line-height: 40px;
	display: block;
	height: 100%;
	text-transform: lowercase;
	z-index: 101;
}
ul#menu >li>ul>li>ul  {
  	left: 100%;
	top: 0px;
}
#menu li.topmenulogo { display: block; width: 16%; }
.topmenulogo img { 
	margin-top: -35px;
	width: 100%;
}
#menu a  {
	display: block;
	padding: 0;
	color: black;
	text-decoration: none;
	font-size: 120%;
	height: 50px;
	line-height: 50px;
}

#menu li:hover { background: #999999; }


/*-----------------------------------------------------------------------------*/
.content {
    padding: 0 0 70px;

}
div#rotator img { display: block; width: 100%; }
div#rotator {
	position: absolute;
	margin-top: -192px;
	width: 100%;
}

div#rotator ul li { 
	position:absolute; 
	list-style: none;
	width: 72%; 
	padding-left: 14%; 
	padding-right: 14%; 

}

div#rotator ul li.show {z-index:1;}

main.content { display: block; }

/* Footer
-----------------------------------------------------------------------------*/
.footer {
	font: 'Roboto Condensed',Arial, sans-serif;   
	display: block;
	margin: -50px auto 0;
	min-width: 320px;
	max-width: 1920px;
	height: 50px;
	position: relative;
	display: block;
	text-align: center;
	font-size: 90%;
	padding-left: 20%;
	padding-top: 1%;
	padding-bottom: 2%;
	padding-right: 20%;
}

.mainfooter {
	font: 'Roboto Condensed',Arial, sans-serif;   
	display: block;
	min-width: 320px;
	max-width: 1920px;
	height: 70px;
	position: absolute;
	text-align: center;
	font-size: 90%;
	padding-top: 49%;
	padding-left: 20%;
	padding-right: 20%;
	padding-bottom: 2%;
}

footer img {
	height: 25px;
	vertical-align: middle;
	width: 75px;
}
div#rotator img.contacts   {
	display: inline;
	height: 25px;
	vertical-align: middle;
	width: 75px;

}
	
/* Books;
-----------------------------------------------------------------------------*/
ul.books {
	display: block;
	width: 72%;
	padding-left: 14%;
	padding-right: 14%;
	z-index: 0;
	text-align: center;
}
ul.booktetxts{
	display: block;
	padding-top: 4%;
	padding-bottom: 2%;
}
	
.booktetxts h1,p { 
	font-size: 100%; 
	line-height: 1.7;
	color: black;
	text-align: center;
	font-weight: normal;
	
}

.books li{ display: inline; }
.books img { width: 18%;padding-right: 1%;padding-top: 1%;}
.opacity  img {
	opacity: 0;
}
.books img:hover {   opacity: 0.4; }

.opacity  img:hover {   opacity: 0; }
/*-----------------------------------------------------------------------------*/

.gallery h1{
	font:  'Roboto', Arial, sans-serif;   
	font-size:140%;
	text-align:center;
	color: #626965;
	text-shadow:1px 1px 1px #000;
	padding-bottom:10px;
	line-height: 4;
}
.gallery h1 span{
	font-size:10px;
	display:block;
	letter-spacing:2px;
	font-family:  'Roboto', Arial, sans-serif;
	color:#00c6e3;
	line-height:14px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;
}

#gallery1,#gallery2,#gallery3,#gallery4,
#gallery5,#gallery6,#gallery7,#gallery8,
#gallery9,#gallery10,#gallery11,#gallery12,
#gallery13,#gallery14,#gallery15,#gallery16,
#gallery17,#gallery18,#gallery19,#gallery20,
#book1,#book2,#book3,#book4,#book5,
#book6,#book7,#book8,#book9,#book10,
#book11,#book12,#book13,#book14,
#apartment1,#apartment2,#apartment3,
#interior1,#interior2,#interior3,
#interior4,#pet1,#pet2 #pet3 {
	cursor: pointer;
	background: #101010;
	position: fixed;
	top: 0%; 
	left: 0%;
	display: none; 
	opacity: 0.8;
	z-index: 101;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.modalDialog3 {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 100;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}

	.modalDialog3:target {
		display: block;
		pointer-events: auto;
	}

	.modalDialog3 > div {
		width: 840px;
		height: 475px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 5px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

#gallery1:target,#gallery2:target,#gallery3:target,
#gallery4:target,#gallery5:target,#gallery6:target,
#gallery7:target,#gallery8:target,#gallery9:target,
#gallery10:target,#gallery11:target,#gallery12:target,
#gallery13:target,#gallery14:target,#gallery15:target,
#gallery16:target,#gallery17:target,#gallery18:target,
#gallery19:target,#gallery20:target,
#book1:target,#book2:target,#book3:target,
#book4:target,#book5:target,#book6:target,#book7:target,
#book8:target,#book9:target,#book10:target,#book11:target,
#book12:target,#book13:target,#book14:target,#apartment1:target,
#apartment2:target, #apartment3:target,#interior1:target,
#interior2:target,#interior3:target #interior4:target,
#pet1:target,#pet2:target,#pet3:target {
    display: block;
    opacity: 1; 
}
 a.close { 
	text-decoration: none;
	text-align: center;
	line-height: 140%;
	color: white;
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
	font-size:140%;
}

/*-----------------------------------------------------------------------------*/
#contact{
	display: block;
	width: 450px;
	height: 400px;
	background: #B3B2B2;
	position: absolute;
    top: 50%;
    right: 5%;
	background: #B3B2B2;
    text-align: center;
	z-index: 102;
}
#contact li {
	list-style: none;
}


#contact  div {
	display: block;
	margin: 3% 6%;
}

#contact img {
	width: 38px;
	float: left;
	padding-right: 10px;
}

#contact  ul.sixty { 
	display: inline;
	width: 100%;
}
#contact  ul.sixty li {
	position: relative;
	float:left; 
	width: 60%; 
	text-align: center;
	display: inline;
}
#contact  ul.forty { 
	display: inline;
	width: 100%;
}
#contact  ul.forty li {
	position: relative;
	float:left; 
	width: 40%; 
	text-align: center;
	display: inline;
}
#contact p.left { text-align: left; line-height: 3; }
#contact p.bold { font-weight: 900; padding-top: 10px; padding-bottom: 10px;}
#contact p.bold1 { display: block; font-weight: 900; padding-top: 70px; padding-bottom: 10px;}
iframe { 
	display: block;
	width: 100%;
	margin-top: -192px;
	position: relative;
}
.grey a { 	
	color: black;
	text-decoration: none; 
}
/*-----------------------------------------------------------------------------*/

.modalDialog {
		display: block;
		width: 450px;
		height: 50px;
		position: absolute;
		top: 5px;
		right: 8%;
		text-align: center;
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		font-size: 110%;
	}
.modalDialog2 {
		display: block;
		width: 450px;
		height: 50px;
		position: absolute;
		top: 5px;
		right: -7%;
		text-align: center;
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		font-size: 110%;
	}

	.modalDialog:target, .modalDialog2:target {
		display: block;
		pointer-events: auto;
	}

	.modalDialog > div,.modalDialog2 > div  {
		width: 80px;
		position: relative;
		margin: 10% auto;
		padding: 7px 20px 7px 20px;
		border-radius: 10px;
		background: #fbbf43;
	}

	.closei {
		background: #d53d27;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -12px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}
	.closei:hover { background: #00d9ff; }
/*-----------------------------------------------------------------------------*/
#video a.flv{
	width: 640px;
	height: 360px;
	z-index: 9999;
}
#video a { display: block; }
a.window {
	display: block;
	width:854px;
	height:480px;
}