/* TAGS */
* {margin:0;padding:0}
html {min-width:100px} 
body {background:#2f373a;font-family: "Times New Roman", Times, serif;font-size:100%;line-height:1em;color:#000000;min-width:1000px;border-top:10px solid #0c0e0e}
object {vertical-align:top;outline:none}
input, textarea, select {font-family: "Times New Roman", Times, serif;font-size:1em;vertical-align:middle;font-weight:normal}
fieldset {border:0}
p {margin:0;padding:0}
img {border-style: none;
    border-color: inherit;
    border-width: 0;
    vertical-align:top;text-align:left;
    margin-left: 0px;
}
ul, ol {list-style:none}
/* GLOBAL */
#header, #content, #footer {font-size:1.1em;width:1000px;margin:0 auto} 
/* 0.835 */
.col-1, .col-2, .col-3 {float:left}
/* ALIGMENT */
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}

.container {width:100%}
/* TAILING */
.tail-top {background:url(../images/tail-top.gif) left top repeat-x #fff}
.body-bg {background:url(../images/body-bg.jpg) no-repeat center top}
.tail-bottom {background:url(../images/tail-bottom.gif) left bottom repeat-x}
/* FORMS */
#search-form {padding-top:39px}
#search-form span {width:230px;height:52px;display:block;float:left;background:url(input-bg.gif) no-repeat left top}
#search-form input {background:none;border:0;color:#000;margin-left:20px;line-height:1em;vertical-align:top;width:185px;padding:18px 0 10px 0}
#search-form a {float:left}
#contacts-form {clear:right;width:100%;overflow:hidden}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both}
#contacts-form label {float:left;width:106px;line-height:18px;padding-bottom:8px}
#contacts-form input {width:246px;padding:1px 0 1px 3px;border:1px solid #e2e2e2;color:#70635b;background:#fff}
#contacts-form textarea {width:443px;height:403px;padding:1px 0 1px 3px;border:1px solid #e2e2e2;color:#4e4e4e;background:#fff;margin-bottom:15px;overflow:auto}
/* LISTS */
.list {margin-bottom:16px;
    height: auto;font-size: 1.1em;
}
.list li {padding:0 0 11px 98px;min-height:74px;height:auto!important;height:74px;background:url(arrow.gif) no-repeat left top;line-height:1.43em;position:relative}
.list li strong {display:block;font-size:0.86em;padding-bottom:5px}
.list li a {color:#4e4e4e;text-decoration:none}
.list li a:hover {text-decoration:underline}
.list1 {margin-bottom:-20px}
.list1 li {padding:0 0 20px 0;line-height:1.43em;width:100%;overflow:hidden;vertical-align:top}
.list1 li img {float:left;margin:5px 21px 0 0}
.list1 li strong {display:block;font-size:.86em;padding-bottom:5px}
.list1 li a {color:#4e4e4e;text-decoration:none}
.list1 li a:hover {text-decoration:underline}
.list2 {padding-bottom:15px}
.list2 li {padding:0 0 4px 12px;background:url(arrow.gif) no-repeat left 5px}
.list2 li ul {padding-top:4px;margin-bottom:-4px}
/* OTHER */
p {margin-bottom:0px;
line-height:1.43em;font-size: 1em;

}
.p0 {margin-bottom:0}
/* TXT, LINKS, LINES, TITLES */
a {color:#000000;outline:none}
a:hover {text-decoration:none}
h3 {
  font-size: 48px;
  line-height: 1.2em;
  font-weight: bolder;
  color: #1155CC; /* Dark blue */
  letter-spacing: -2px;
  margin-bottom: 7px;
  background-color: #FFFFFF;
  text-decoration: underline; /* Fallback for non-Cufon text */
  position: relative; /* For pseudo-element positioning */
}

h3::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px; /* Adjust position below text */
  width: 100%;
  height: 2px; /* Thickness of underline */
  background-color: #1155CC; /* Match text color */
}

h4 {
  font-size: 35px;
  color: #000000;
  letter-spacing: 1px;
  margin-bottom: 12px;
  font-family: "Impact", "Arial Black", "Helvetica Neue", Arial, sans-serif; /* Prioritize bold fonts */
  font-weight: 900; /* Maximum boldness */
  text-shadow: 0 0 0.5px #000000; /* Sharper shadow for enhanced boldness */
  background-color: #FFFFFF;
  padding-bottom: 4px;
}

/* HEADER */
#header {height:413px; background:url(../images/header-bg.jpg) no-repeat left bottom;position:relative;z-index:2; top: 0px; left: 10px; width: 1020px;}
#header .extra {position:absolute; right:21px; top:182px; height: 234px; width: 999px; margin-top: 0px; margin-bottom: 0;}
#header .row-1 {height:78px;width:100%;overflow:hidden}
#header .row-1 .fleft {padding:24px 0 0 26px}
#header .row-1 .fright {padding:27px 15px 0 0}
#header .row-2 {height:100px; overflow: hidden;} /* Ensure overflow is handled */
#header .row-2 ul {
  width:100%;
  overflow:hidden;
  position:relative;
  z-index:2;
  top: 20px;
  left: -1px;
  height: 90px;
  margin-bottom: 5px;
  display: flex; /* Use flexbox for better control */
  align-items: center; /* Vertically center items */
}
#header .row-2 ul li {
  float:left;
  text-transform:capitalize;
  margin-right: 2px; /* Reduced margin to save space */
  width: auto; /* Remove fixed width to let content dictate size */
  min-width: 0; /* Ensure no minimum width forces wrapping */
}
#header .row-2 ul li a {
  color:#fff;
  text-decoration:none;
  display:block;
  text-align:center;
  padding:28px 0 24px 0;
  background-repeat:no-repeat;
  background-position:0 0;
  white-space: nowrap; /* Prevent text wrapping */
}
/* button1 */
#header .row-2 ul li.m1 a {width:89px;background:url(../images/m1.png)}
#header .row-2 ul li.m1 a:hover, #header .row-2 ul li.m1 a.active {background:url(../images/m1-act.png)}
/* button2 */
#header .row-2 ul li.m2 a {width:95px;background:url(../images/m2.png)}
#header .row-2 ul li.m2 a:hover, #header .row-2 ul li.m2 a.active {background:url(../images/m2-act.png)}
/* button3 */
#header .row-2 ul li.m3 a {width:117px;background:url(../images/m3.png)}
#header .row-2 ul li.m3 a:hover, #header .row-2 ul li.m3 a.active {background:url(../images/m3-act.png)}
/* button4 */
#header .row-2 ul li.m4 a {width:114px;background:url(../images/m4.png)}
#header .row-2 ul li.m4 a:hover, #header .row-2 ul li.m4 a.active {background:url(../images/m4-act.png)}
/* button5 */
#header .row-2 ul li.m5 a {width:123px;background:url(../images/m5.png)}
#header .row-2 ul li.m5 a:hover, #header .row-2 ul li.m5 a.active {background:url(../images/m5-act.png)}
/* button6 */
#header .row-2 ul li.m6 a {width:105px;background:url(../images/m6.png)}
#header .row-2 ul li.m6 a:hover, #header .row-2 ul li.m6 a.active {background:url(../images/m6-act.png)}
/* button7 */
#header .row-2 ul li.m7 a {
  width: 12px;
  background: url(../images/m7.png);
  display: block;
  height: 40px; /* Consistent height */
  text-indent: -9999px; /* Hide text if using image-only buttons */
}
#header .row-2 ul li.m7 a:hover, #header .row-2 ul li.m7 a.active {
  background: url(../images/m7-act.png);
}
#header .row-3 {padding:62px 0 0 77px}

/* CONTENT */
#content {background:url(.jpg) no-repeat left top;position:relative; 
    top: 0px;
    left: 0px;
    width: 1020px;
    height: auto;
}

#content .col-1 {width:1020px;
    height: auto;
}
#content .col-2 {width:290px;padding:94px 0 170px 0}
#content .col-2 ul {padding:0 43px 0 41px}
#content .col-2 ul li {line-height:1.43em;padding-bottom:18px}
#content .col-2 ul li strong {display:block;font-size:.86em;padding-bottom:5px}
#content .col-2 ul li a {text-decoration:none}
#content .col-2 ul li a:hover {color:#000}
.inner_copy, .inner_copy a {border:0;float:right;background:#f00;color:#f00;width:35%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
#content .indent {padding:33px 33px 50px 37px}
#content .indent1 {padding-bottom:33px}
/* FOOTER */
#footer {background:none;height:108px;
color:#fff
}
#footer .indent {padding:47px 34px 0 37px}
#footer a {color:#fff;text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer img {position:relative;top:-4px}

.gallery-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.gallery-grid img {
  width: 100%;
  max-width: 300px;
  height: 200px;
  object-fit: cover;
}

.gallery-grid > div {
  flex: 1 1 calc(33.33% - 40px);
  max-width: 300px;
}