html, body {height:100%;}

body {background:#9aa7a2 url(../images/bg6.jpg) repeat fixed 50% 0;}
body, select, input, label {text-align:left;text-shadow:none;text-decoration:none;text-transform:none;font:normal normal 1em/1.5em "Lucida Sans","Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;*font-size:small;*font:x-small;color:#252928;-webkit-text-size-adjust: none;}

/*
h1, h2, h3, h4, h5, h6 {font:italic normal bold 1em/1.1em Georgia, "Times New Roman", Times, serif;text-rendering:optimizeLegibility;text-shadow:none;text-decoration:none;text-transform:none;color:#4a504e;text-shadow: 0px 1px 1px #fff;}
*/

h1, h2, h3, h4, h5, h6 {font:1em/1.1em "Times New Roman", Times, serif;text-rendering:optimizeLegibility;text-shadow:none;text-decoration:none;text-transform:uppercase;color:#252928;text-shadow: 0px 1px 1px #bdcac6;}

h1 {font-size:26px;padding:0 0 15px;}
h2 {font-size:18px;padding:10px 0;font-weight:bold;font-style:normal;}
h3, h4 {font-size:19px;padding:5px 0;}
h5, h6 {font-size:15px;padding:4px 0;}

p {padding-bottom:15px;text-shadow: 0px 1px 1px #bdcac6;}
a, a:active, a:visited {color:#492a21;}
a:hover {color:#036;}

li {line-height:1em;margin:0.8em 0;}

::-moz-selection {background:#cee9ff;color:#043d0c;text-shadow:none;}
::selection {background:#cee9ff;color:#043d0c;text-shadow:none;}

.left {float:left;}
.right {float:right;}



header, nav, footer, #content {width:90%;max-width:577px;margin:10px auto;padding:0px;}

header {text-align:center;}
header img {max-width:100%;padding:0;margin:0 auto;background-color:none;}
header p {text-transform:uppercase;text-align:center;color:#5c403e;text-decoration:none;letter-spacing:0.1em;font:normal bold 0.9em/0.9em Arial, Helvetica, Geneva, sans-serif;word-spacing:0.8em;margin:10px 0;padding:0;text-shadow:none;}


nav {background-color:#3d484b;margin:40px auto 40px auto;}
nav ul {text-align:center;padding:4px 0;width:100%;}
nav li {display:inline;margin:2%;}
nav a:link,nav a:active, nav a:visited {color:#ddd9d3;text-decoration:none;padding:6px 1px;font:1.1em/1.1px "Lucida Grande", Lucida, Verdana, sans-serif;position:relative;}
nav a:hover {color:#fff;}
nav a.current {color:#fff;}
nav a.current:after {content: ' ';width:0;height:0;position:absolute;border:5px solid transparent;border-top-color:#3d484b;top:100%;left:40%;}

#content {overflow:hidden;}
#content img {max-width:100%;width:29%;padding:0.75%;margin:0.5%;border:solid 1px #999;color:#036;background-color:#fff;-webkit-box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.1);}
#content li {text-shadow: 0px 1px 1px #bdcac6;}

#content .left {margin:0 5% 5% 0;width:33%;}
#content .left img {margin:0 2% 5% 0;width:100%;padding:2.5%;float:left;}
#content .right {margin:0 0 5% 5%;width:33%;}
#content .right img {margin:0 0 5% 2%;width:100%;padding:2.5%;float:right;}

#gallery #content {width:90%;max-width:840px;margin:10px auto;padding:0px;}
#gallery #content h1 {text-align:center;}

.article {overflow:hidden;margin-bottom:20px;overflow-wrap: break-word;}

hr {height:0;border-top:solid 1px #3d484b;border-bottom:solid 1px #bdcac6;}


footer {margin:30px auto;font-size:0.9em;}
footer hr {border-top:solid 3px #3d484b;border-bottom:none;margin:5px 0;padding:0;}
footer p {text-align:center;padding:0;}


@media screen and (max-width: 677px) {
  header h1, header p {font-size:0.6em;}
  nav li {margin:1%;font-size:0.9em;}
}


@media screen and (max-width: 477px) {
  nav li {margin:0%;font-size:0.9em;}
  #content .right, #content .left {float:none;width:100%;}
  .services #content .right, .services #content .left {float:none;width:33%;}
  #content .left img {margin:0 auto;width:42%;padding:0.66%;float:none;}
  #content .right img {margin:0 auto;width:42%;padding:0.66%;float:none;}

}