html, body {padding:0; margin:0; outline:0; border:0; min-width:320px; color:#e6e6e6;}
body {background:#3e3e3e url(/home/map.png) no-repeat center center; background-size:cover; }

#container {width:100%; max-width:978px; height:796px;  margin:0px auto; position:relative;}
#container div {position:absolute;}
#container div img.link {display:block; border:1px solid #d7d7d7; width:100%;}

#container div a {font:700 15px/20px 'Lato', arial, sans-serif; color:#d7d7d7; text-decoration:none;}
#container div a:hover {color:#349996; }
#container div a:hover img {border-color:#349996;}

#galleries {left:25px; top:25px; width:311px;}
#logo {right:174px; top:25px; width:380px; text-align:left;}
#logo h1 {padding:10px; margin:0; font:700 20px/25px 'Lato', arial, sans-serif;}
#logo span {position:absolute; left:-9999px;}

#about {right:25px; top:63px; width:73px;}
#recent {right:391px; top:264px; width:152px;}
#travelogues {right:25px; top:215px; width:280px;}
#tips {right:733px; top:635px; width:107px;}
#email {right:653px; top:550px; width:75px;}
#links {right:486px; top:585px; width:140px;}
#products {right:313px; top:437px; width:170px;}
#exhibitions {right:340px; top:634px; width:95px;}
#diaries {right:60px; top:488px; width:205px;}
#language {right:25px; bottom:30px; width:30%; text-align:right;}
#language ul {padding:0; margin:0; list-style:none;}

@media only screen and (max-width:910px) {
#logo {left:350px; right:auto; top:21px; width:340px;}
#recent {left:364px; right:auto; top:284px; width:152px;}
}
@media only screen and (max-width:880px) {
#tips {left:25px; right:auto; top:665px; width:107px;}
#email {left:25px; right:auto; top:550px; width:75px;}
#links {right:486px; left:auto; top:655px; width:140px;}
#products {right:487px; left:auto; top:465px; width:170px;}
#recent {right:305px; left:auto; top:500px; width:152px;}
}
@media only screen and (max-width:810px) {
#email {left:25px; right:auto; top:565px; width:75px;}
#products {left:125px; right:auto; top:480px; width:170px;}
#recent {left:320px; right:auto; top:515px; width:152px;}
#travelogues {right:25px; top:240px; width:280px;}
#exhibitions {right:310px; top:644px; width:95px;}
#diaries {right:25px; top:509px; width:205px;}
#links {right:466px; top:658px; width:140px;}
}
@media only screen and (max-width:780px) {
#about {right:25px; top:20px; width:73px;}
#links {right:436px; top:658px; width:140px;}
}
@media only screen and (max-width:730px) {
#exhibitions {left:318px; right:auto; top:659px; width:95px;}
#logo {left:356px; right:auto; top:36px; width:250px;}
#links {left:150px; right:auto; top:658px; width:140px;}
#products {left:115px; right:auto; top:480px; width:170px;}
#recent {left:300px; right:auto; top:515px; width:152px;}
}
@media only screen and (max-width:700px) {
#container {height:auto; padding:10px 0; text-align:center;}
#container div {position:static; display:inline-block; vertical-align:middle; margin:10px; text-align:left;}
#container #language {height:180px; position:relative; right:0; bottom:0;}
#language ul {position:absolute; right:0; bottom:0; text-align:right;}
#logo img {margin-left:-12px;}
#logo h1 {padding:10px 0;}
}
@media only screen and (max-width:480px) {
#container #language {width:320px; height:100px; text-align:right;}
}