html, body {padding:0; margin:0; outline:0; border:0; min-width:320px; background:#3e3e3e;}
body {
overflow-y: scroll;
scrollbar-base-color:#777777;
scrollbar-arrow-color:#000; 
scrollbar-shadow-color:#000;
scrollbar-lightshadow-color:#000;
scrollbar-darkshadow-color:#969696;
scrollbar-highlight-color:#b2b2b2;
scrollbar-3dlight-color:#000;
}
body * {padding:0; margin:0; border:0;}

body {color:#e6e6e6; font-family:'Lato', arial, sans-serif;}
h1 { font:700 17px/30px 'Lato', arial, sans-serif; padding-top:3px;}
h2 {font:700 15px/20px 'Lato', arial, sans-serif; color:#eeeeee;}
p {font:400 15px/18px 'Lato', arial, sans-serif;}
ul {font:400 15px/18px 'Lato', arial, sans-serif; margin-right:25px;}
li {font:400 15px/18px 'Lato', arial, sans-serif; color:#e6e6e6;}

header {display:block; height:70px; width:100%;}

.header-inner {width:100%; height:100%; max-width:1118px; margin:0 auto; position:relative; padding-top:5px;}
#about .header-inner {background:#3e3e3e url(/nav_bar/camera-about.gif) no-repeat center 5px;}
#contact .header-inner {background:#3e3e3e url(/nav_bar/camera-contact.gif) no-repeat center 5px;}
#exhibitions .header-inner {background:#3e3e3e url(/nav_bar/camera-exhibitions.gif) no-repeat center 5px;}
#gallery .header-inner {background:#3e3e3e url(/nav_bar/camera-galleries.gif) no-repeat center 5px;}
#links .header-inner {background:#3e3e3e url(/nav_bar/camera-links.gif) no-repeat center 5px;}
#products .header-inner {background:#3e3e3e url(/nav_bar/camera-products.gif) no-repeat center 5px;}
#recent .header-inner {background:#3e3e3e url(/nav_bar/camera-recent.gif) no-repeat center 5px;}
#tips .header-inner {background:#3e3e3e url(/nav_bar/camera-tips.gif) no-repeat center 5px;}
#travelogues .header-inner {background:#3e3e3e url(/nav_bar/camera-travelogues.gif) no-repeat center 5px;}
#diaries .header-inner {background:#3e3e3e url(/nav_bar/camera-diaries.gif) no-repeat center 5px;}

.logo {display:block; float:right; width:160px; height:45px; background:url(/nav_bar/logo-h.gif); margin-top:6px; margin-right:5px;}
.logo span {position:absolute; right:-9999px;}
.logo:after {content:""; display:block; width:100px; height:54px; position:absolute; top:8px; left:50%; margin-left:-50px;}

.language {position:absolute; left:10px; top:15px; text-align:left;}
.language a {display:block; font:400 15px/20px 'Lato', arial, sans-serif; color:#d1d1d1;}

#about .language a:hover {color:#b4975c; text-decoration:none;}
#contact .language a:hover {color:#aa81a1; text-decoration:none;}
#exhibitions .language a:hover {color:#d0bd7a; text-decoration:none;}
#gallery .language a:hover {color:#95b0b9; text-decoration:none;}
#links .language a:hover {color:#a0bb5a; text-decoration:none;}
#products .language a:hover {color:#b66666; text-decoration:none;}
#recent .language a:hover {color:#dd9E46; text-decoration:none;}
#tips .language a:hover {color:#6da5bc; text-decoration:none;}
#travelogues .language a:hover {color:#8db089; text-decoration:none;}
#diaries .language a:hover {color:#cb86a8; text-decoration:none;}

.hint {position:fixed; left:0; top:0; width:100%; text-align:center; display:none; z-index:100;}
#about .hint {background:#b4975c;}
#contact .hint {background:#aa81a1;}
#exhibitions .hint {background:#d0bd7a;}
#gallery .hint {background:#95b0b9;}
#links .hint {background:#a0bb5a;}
#products .hint {background:#b66666;}
#recent .hint {background:#dd9E46;}
#tips .hint {background:#6da5bc;}
#travelogues .hint {background:#8db089;}
#diaries .hint {background:#cb86a8;}
.hint h1 {padding:12px 0 12px 0; margin:0; font:400 16px/20px 'Lato', arial, sans-serif; color:#f5f5f5;}

.small {display:none;}
.big {display:none;}
.mobile-only {display:none;}

.fb-like {float:right;}


@media only screen and (max-width:1200px) {
header {height:100px;}
.header-inner {max-width:768px;}
.mobile-only {display:inline-block;}
}

@media only screen and (max-device-width: 640px) {
.small {display:inline-block; font-size:15px;}
.big {display:inline-block; font-size:20px; margin-left:10px;}
}

@media only screen and (max-width:480px) {
header {height:100px;}
.logo:after {display:none;}
#about .header-inner,
#contact .header-inner,
#exhibitions .header-inner,
#gallery .header-inner,
#links .header-inner,
#products .header-inner,
#recent .header-inner,
#tips .header-inner,
#travelogues .header-inner,
#diaries .header-inner {background:#3e3e3e;}

#wrapper {width:90%; margin:0 auto; overflow-x:hidden;}
html, body {background:#3e3e3e;}
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
}