html {
    min-height: 100%;
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: 'Arial';
    color: #515151;
    background: url('../images/bg-body.png') no-repeat center top #fff;
}

a {
    text-decoration: none;
    color: #22BB22;
    font-size: 11px;
    font-family: 'Arial';
}

a:hover {
    text-decoration: none;
}

p, .text {
    font-size: 12px;
    color: #65726b;
    line-height: 21px;
    font-family: 'Arial';
    margin: 5px 0 5px 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.clear { clear: both; }
.last { margin-right: 0 !important; }
.hide { display: block; }

#header-wrapper {
    position: relative;
    min-width: 960px;
    width: 100%; 
    height: 115px;
    z-index: 10;
    float: left;
}

#header {
    position: relative;
    margin: 0 auto;
    width: 960px; 
    height: 115px;
    z-index: 12;
}

.logo {
    position: absolute;
    top: 12px;
    left: -3px;
    height: 90px; 
    width: 161px;
    background: url('../images/logo.png') no-repeat;
    z-index: 20;
}

.menu { 
    position: absolute;
    top: 40px;
    right: 0;
}

.menu a {
    position: relative;
    float: left;
    color: #02340e;
    font-size: 17px;
    font-family: 'geogrotesque_mdmedium';
    z-index: 50;
    padding: 8px 16px;
    text-transform: uppercase;
    background: url('../images/menu-a.png') no-repeat 0 -100px;
}

.menu a.active { color: #fff;   background-position: 0 0;}
.menu a.active:hover { color: #fff;  }
.menu a:hover { color: #249f24;} 

.slider-wrapper { position: relative; float: left; width: 100%; height: 609px; background: url('../images/bg-slider.png') no-repeat center top;  }
.slider { position: relative; margin: 0 auto; width: 960px; height: 609px; }
.slider-img { position: absolute; top: 5px; left: -81px; height: 450px; width: 851px;  }

.slider-desc { position: absolute; top: 5px; left: -81px; height: 450px; width: 851px;   z-index: 10; overflow: hidden; }
.slider-desc .slide { position: relative; float: left; height: 450px; width: 851px; }
.slider-desc .slide span { position: absolute; text-transform: uppercase; top: 38px; right: 50px;  color: white; font-size: 17px; font-family: 'geogrotesque_mdmedium';  border-bottom: 1px solid #fff; }
.slider-desc .slide label { position: absolute; top: 55px; right: 50px; color: #28b328; font-size: 50px; font-family: 'geogrotesque_lglight';  }
.slider-desc .slide label+label {  top: 125px; color: #066727; font-size: 25px; font-family: 'geogrotesque_mdmedium';  }

.content-wrapper { position: relative; float: left; width: 100%; }
.content { position: relative; margin: 0 auto; width: 960px; min-height: 200px; background-color: #FFFFFF; margin-bottom: 20px; }

#footer-wrapper {
    position: relative;
    min-width: 960px;
    width: 100%; 
    height: 240px;
    z-index: 10;
    float: left;
    background: url('../images/bg-footer.png') no-repeat center top;
}

#footer {
    position: relative;
    margin: 0 auto;
    width: 960px; 
    height: 240px;
    z-index: 12;
}

.contact-box { position: absolute; top: 80px; right: 0; width: 163px; height: 160px; }
.contact-box p { position: relative; float: left; width: 100%; color: #c5ffc5; font-family: 'Arial'; font-size: 12px; margin-top: 18px; line-height: 19px; }
.contact-box a { position: relative; float: left; width: 100%; color: #fff; font-family: 'Arial'; font-size: 12px; font-weight: bold;  }

.phone-a { position: relative; float: left; width: 100%; color: #fff; font-size: 34px; font-family: 'geogrotesque_lglight'; }
.phone-b { position: relative; float: left; width: 100%; color: #053312; font-size: 17px; font-family: 'geogrotesque_mdmedium'; margin-top: -3px; }

h1, h4 { position: relative; float: left; width: 100%; color: #066727; font-size: 30px; font-family: 'geogrotesque_mdmedium'; text-transform: uppercase; margin: 50px 0 25px 0; padding-bottom: 10px; border-bottom: 1px solid #dcdfdd; }
h1 span, h4 span { color: #28b328; font-size: 17px;  }

.box-a { position: relative; float: left; width: 348px; margin: 0 0 0 101px; }
.box-b { position: relative; float: right; width: 354px; margin: 0 88px 0 0; }

.btn-box { position: relative; float: left; width: 282px; height: 36px;  background: url('../images/btn-box.png') no-repeat; margin: 25px 0; }
.btn-box a { position: relative; float: left; width: 100px; height: 36px; width: 117px; }
.btn-box a+a { float: right; width: 125px; }
.btn-box a:hover { background-color: #fff; opacity: 0.1; }

.box-b article { position: relative; float: right; width: 354px; height: 90px; margin-top: 17px; }
.box-b article .date-area { position: relative; float: left; width: 53px; height: 90px; }
.box-b article .date-area span { position: relative; float: left; width: 53px; padding-top: 13px; height: 36px; background-color: #28b328; color: #fff; font-size: 18px; font-family: 'geogrotesque_mdmedium'; text-align: center; }
.box-b article .date-area span+span { position: relative; float: left; width: 53px; padding-top: 6px; height: 16px; background-color: #fff; color: #066727; font-size: 11px; font-family: 'Arial'; text-align: center; }
.box-b article h3 { position: relative; float: right; width: 280px; font-size: 14px; color: #28b328; font-family: 'geogrotesque_mdmedium';  }
.box-b article p { position: relative; float: right; width: 280px; color: #5f5f5f; line-height: 19px; }
.box-b article p a { color: #066727; background: url('../images/point.png') no-repeat right center; padding-right: 15px; } 
.box-b article p a:hover, #project a:hover { text-decoration: underline;  } 

#copyright {
    position: absolute;
    top: 206px;
    left: 16px;
    font-family: 'Arial';
    color: #fff;
    font-size: 12px;
}

#copyright span {
    color: #fff;
    font-family: 'Arial';
    font-size: 12px;
}

#project {
    position: absolute;
    top: 206px;
    right: 16px;
    font-family: 'Arial';
    color: #fff;
    font-size: 12px;
}

#project a {
    color: #fff;
    font-family: 'Arial';
    font-size: 12px;
}

#footer ul { position: absolute; list-style-image: url('../images/li.png'); padding-left: 11px; top: 85px; }
#footer ul.first { left: 496px; }
#footer ul.second { left: 727px; }
#footer ul li { padding: 3px 5px; }
#footer ul li a { color: #fff; font-size: 12px; font-family: 'Arial'; font-weight: bold; }
#footer ul li a:hover { color: #053312; }

.slider-mask { position: absolute; top: 397px; left: -81px; width: 952px; height: 110px; background: url('../images/mask.png') no-repeat; z-index: 11;  }

#box-a {
    position: absolute;
    top: 410px;
    left: 488px;
    height: 155px;
    width: 378px;
}

#box-b {
    position: absolute;
    top: 440px;
    left: 105px;
    height: 155px;
    width: 378px;
}

.title-xa {
    position: absolute;
    top: 25px;
    left: 25px;
    font-family: 'geogrotesque_mdmedium';
    color: #066727;
    font-size: 48px;
    border-bottom: 1px solid #fff;
}

.title-xb {
    position: absolute;
    top: 90px;
    left: 25px;
    font-family: 'geogrotesque_mdmedium';
    color: #28b328;
    font-size: 17px;
}

.link-xc {
    position: absolute;
    top: 120px;
    left: 25px;
    font-family: 'geogrotesque_mdmedium';
    color: #066727;
    font-size: 13px;
}

.link-xc:hover {
    text-decoration: underline;
}

.baner-wrapper { position: relative; float: left; width: 100%; height: 421px; background: url('../images/baner.png') no-repeat center top;  }
.baner { position: relative; margin: 0 auto; width: 960px; height: 421px; }

#c-left { position: relative; float: left; width: 706px; padding: 27px; }
#c-right { position: relative; float: right; width: 180px; margin-right: 10px; }

#c-left h4, #c-left h1 { margin-top:  -40px; }

.li-c-left { position: relative; float: left; margin-bottom: 15px; }

.li-c-left a {
    float: left;
    font-size: 17px;
    color: #066727;
    font-family: 'geogrotesque_mdmedium';
}

.li-c-left a label {
    font-size: 12px;
}

.li-c-left:hover a {
    float: left;
    font-size: 17px;
    color: #28b328;
}

.li-span-a {
    float: left;
    margin-left: 0px;
    font-size: 12px;
    color: #acb2af;
    padding: 8px 0;
}

.li-span-b {
    float: left;
    margin-left: 0px;
    font-size: 12px;
    color: #acb2af;
    margin-top: -4px;
}

.li-span-a label {
    color: #033810;
}

.li-span-b label {
    color: #033810;
}

.article {
    position: relative;
    float: left;
    margin-bottom: 25px;
    width: 705px;
}

.article h3 {
    position: relative;
    float: left;
    width: 100%;
}

.article h3 a {
    position: relative;
    float: left;
    font-size: 15px;
    color: #066727;
    font-family: 'Arial';
    font-weight: bold;
    margin-bottom: 8px;
}

.article h3 span {
    font-size: 11px;
    color: #009f4e;
    font-weight: normal;
    margin-right: 3px;
}

.article .read {
    color: #066727;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 13px;
    margin-top: 5px;
    float: left;
}

.article img { padding: 2px; border: 1px solid #AEAEAE; }

.article .read:hover {
    text-decoration: underline;
}

.clear {
    clear: both;
}


.input {
    width: 463px;
    border: 1px solid #22BB22;
    margin-top: 5px;
    color: #5F6669;
    font-size: 11px;
    height: 25px;
    padding-left: 10px;

}

textarea {
    width: 463px;
    border: 1px solid #22BB22;
    margin-top: 5px;
    min-height: 100px;
    color: #5F6669;
    font-size: 11px;
    padding-left: 10px;
    padding-top: 10px;
    resize: vertical;
}

#contact-b {
    position: relative;
    float: left;
    margin: 35px 0 20px 0;
}

#contact-b label {
    color: #5F6669;
}

#contact-b span {
    color: #FF6666;
}

.msg {
    border: 0px;
    border-style: solid;
    margin-bottom: 10px;
    background-color: #22BB22;
    padding: 12px 5px;
    text-align: center;
    margin-bottom: 15px;
    width: 620px;
    font-size: 12px;
    color: #fff;
}

.msg.error {
    background-color: #A8C53E;
}

#submit-a {
    background-color: #22BB22;
    color: #ffffff;
    padding: 6px 10px;
    border: 0;
    cursor: pointer;
}

#submit-a:hover {
    opacity: 0.9;
}

#box-f {
    position: relative;
    float: left;
    margin-left: 227px;
    width: 348px;
    margin-right: 31px;
    margin-bottom: 30px;
}

#box-g {
    position: relative;
    float: left;
    width: 349px;
    margin-bottom: 30px;
}

.btn-a {
    position: relative;
    float: left;
    background: url('../images/btn-a.png') repeat-x;
    padding: 4px 15px;
    font-size: 11px;
    color: #fff;
    font-family: 'geogrotesque_mdmedium';
    margin: 15px 0;
}

.btn-a:hover {
    opacity: 0.9;
}

.h-a {
    position: relative;
    float: left;
    font-family: 'geogrotesque_mdmedium';
    color: #066727 !important;
    font-size:  17px;
    border-bottom: 1px solid #dcdfdd;
    height: 40px;
    padding: 0;
    margin: 0;
}