﻿body {
    padding: 0;
    margin: 0;
    font-family: Arial;
}

.wrapper {
    width: 100%;
    height: auto;
}
.head
{

    background-image: url('../images/top.gif');
    background-size: cover !important;
    height: 300px;
}
.addressbox
{
    background-image: url('../images/addressbox.png');
    background-size: cover !important;
    height: 250px;
}
.slide
{
     background-color: brown;
}
.contact
{
    width: 300px;
    height: 220px;
    float: left;
    padding: 5px 0px 0px 15px;
    text-align:left;
}

.social {
    width: 246px;
    height: 32px;
    padding: 0 0 0 20px;
}

    .social span {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        float: left;
        margin: 8px 0 0 0;
    }

.social-icon {
    width: 37px;
    height: 32px;
    float: right;
    margin: 0 5px;
}

.social-shadow {
    width: 266px;
    height: 22px;
    background-image: url("Images/social_divider.png");
}

.contact-address {
    width: 226px;
    line-height: 150%;
    letter-spacing: 0.5px;
    height: auto;
    font-size: 14px;
    color: #fff;
    text-align: justify;
    padding: 0 20px;
    /*border-top: 2px solid rgba(255, 255, 255, 0.56);*/
    margin: 10px 0 0 0;
}

.phone {
    width: 223px;
    height: 18px;
    color: #fff;
    /*background: url("Images/call.png") no-repeat left center;*/
    padding: 2px 0 0 23px;
    font-size: 14px;
    margin: 5px 0 0 20px;
}

.mail {
    width: 223px;
    height: 18px;
    color: #fff;
    /*background: url("Images/mail2.png") no-repeat left center;*/
    padding: 2px 0 0 23px;
    font-size: 14px;
    margin: 5px 0 0 20px;
}

.top 
{
    width: 100%;
    margin:0px;
    background-color:#432965;
}
.menu {
    background: url(../images/menu_bg.jpg) 0 0 repeat-x #528ac5;
}
    /*width: 100%;
    height: 50px;
    background: -moz-linear-gradient(top, rgba(215,162,104,0.79) 0%, rgba(237,178,114,1) 2%, rgba(215,157,82,1) 6%, rgba(214,156,81,1) 33%, rgba(163,110,48,1) 98%, rgba(168,119,62,1) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,162,104,0.79)), color-stop(2%,rgba(237,178,114,1)), color-stop(6%,rgba(215,157,82,1)), color-stop(33%,rgba(214,156,81,1)), color-stop(98%,rgba(163,110,48,1)), color-stop(100%,rgba(168,119,62,1))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, rgba(215,162,104,0.79) 0%,rgba(237,178,114,1) 2%,rgba(215,157,82,1) 6%,rgba(214,156,81,1) 33%,rgba(163,110,48,1) 98%,rgba(168,119,62,1) 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, rgba(215,162,104,0.79) 0%,rgba(237,178,114,1) 2%,rgba(215,157,82,1) 6%,rgba(214,156,81,1) 33%,rgba(163,110,48,1) 98%,rgba(168,119,62,1) 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top, rgba(215,162,104,0.79) 0%,rgba(237,178,114,1) 2%,rgba(215,157,82,1) 6%,rgba(214,156,81,1) 33%,rgba(163,110,48,1) 98%,rgba(168,119,62,1) 100%); /* IE10+ */
    /*background: linear-gradient(to bottom, rgba(215,162,104,0.79) 0%,rgba(237,178,114,1) 2%,rgba(215,157,82,1) 6%,rgba(214,156,81,1) 33%,rgba(163,110,48,1) 98%,rgba(168,119,62,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9d7a268', endColorstr='#a8773e',GradientType=0 ); /* IE6-9 */
    /*margin: 0 auto;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
/*.header
{
    width: 100%;
    height: auto;
    margin:0px;
    background-image: url('../images/header.gif');
    background-size: cover !important;
    height: 250px;
}

.header-main {
    width: 1024px;
    height: 182px;
    margin: 0 auto;
    padding: 9px 0;
}

.logo {
    width: 273px;
    height: 192px;
    float: left;
    margin: 0 9px;
}
.logo img {
    width: 273px;
    height: 192px;
    float: left;
    margin: 0 9px;
}

.heading
{
    width: 467px;
    height: 192px;
    float: left;
    background: url('../images/heading.gif') no-repeat center;
    margin-top:50px;
    margin-left:-100px;
}

.contact
{
    width: 300px;
    height: 220px;
    float: left;
    padding: 5px 0 0 0;
    background-image: url('../images/addressbox.png');
}

.social {
    width: 246px;
    height: 32px;
    padding: 0 0 0 20px;
}

    .social span {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        float: left;
        margin: 8px 0 0 0;
    }

.social-icon {
    width: 37px;
    height: 32px;
    float: right;
    margin: 0 5px;
}

.social-shadow {
    width: 266px;
    height: 22px;
    background-image: url("Images/social_divider.png");
}

.contact-address {
    width: 226px;
    line-height: 150%;
    letter-spacing: 0.5px;
    height: auto;
    font-size: 14px;
    color: #fff;
    text-align: justify;
    padding: 0 20px;
    /*border-top: 2px solid rgba(255, 255, 255, 0.56);
    margin: 10px 0 0 0;
}

.phone {
    width: 223px;
    height: 18px;
    color: #fff;
    /*background: url("Images/call.png") no-repeat left center;
    padding: 2px 0 0 23px;
    font-size: 14px;
    margin: 5px 0 0 20px;
}

.mail {
    width: 223px;
    height: 18px;
    color: #fff;
    /*background: url("Images/mail2.png") no-repeat left center;
    padding: 2px 0 0 23px;
    font-size: 14px;
    margin: 5px 0 0 20px;
}

.menubar {
    width: 100%;
    height: 50px;
    background: -moz-linear-gradient(top, rgba(215,162,104,0.79) 0%, rgba(237,178,114,1) 2%, rgba(215,157,82,1) 6%, rgba(214,156,81,1) 33%, rgba(163,110,48,1) 98%, rgba(168,119,62,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,162,104,0.79)), color-stop(2%,rgba(237,178,114,1)), color-stop(6%,rgba(215,157,82,1)), color-stop(33%,rgba(214,156,81,1)), color-stop(98%,rgba(163,110,48,1)), color-stop(100%,rgba(168,119,62,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(215,162,104,0.79) 0%,rgba(237,178,114,1) 2%,rgba(215,157,82,1) 6%,rgba(214,156,81,1) 33%,rgba(163,110,48,1) 98%,rgba(168,119,62,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(215,162,104,0.79) 0%,rgba(237,178,114,1) 2%,rgba(215,157,82,1) 6%,rgba(214,156,81,1) 33%,rgba(163,110,48,1) 98%,rgba(168,119,62,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(215,162,104,0.79) 0%,rgba(237,178,114,1) 2%,rgba(215,157,82,1) 6%,rgba(214,156,81,1) 33%,rgba(163,110,48,1) 98%,rgba(168,119,62,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(215,162,104,0.79) 0%,rgba(237,178,114,1) 2%,rgba(215,157,82,1) 6%,rgba(214,156,81,1) 33%,rgba(163,110,48,1) 98%,rgba(168,119,62,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9d7a268', endColorstr='#a8773e',GradientType=0 ); /* IE6-9 */
    margin: 0 auto;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.home-button {
    width:55px;
    height:48px;
    margin:1px 0 0 2px;
    float:left;
    background-image:url("Images/home.png");
}
.menubar-main {
    width:1024px;
    height:auto;
    float:none;
    margin:0 auto;
    padding:4px 0;
    border-top-right-radius:5px;
}

.banner {
    width: 1024px;
    height: 394px;
    margin: 0 auto;
}

.divslider
{
    width: 1024px;
    height: 150px;
    margin: 0 auto;
}

.news-box {
    width:231px;
    height:368px;
    background-color:rgba(255, 255, 255, 0.40);
    position:relative;
    left:773px;
    z-index:10;
    padding:10px;
}
.news-box-title {
    width:231px;
    height:21px;
    background-color:rgba(255, 255, 255, 0.40);
    text-align:center;
    color:#4f2602;
    padding:4px 0 0 0;
}

.news-box-content {
    width:231px;
    height:343px;
}
.news-bar {
    width: 100%;
    height: 38px;
    background-color: #db994b;
    
}

.news-bar-main {
    width: 1024px;
    height: 150px;
    margin: 0 auto;
}

.page {
    width: 1024px;
    height: auto;
    margin: 20px auto 0 auto;
}

.navigation {
    width: 321px;
    height: 273px;
    float: left;
    background-color: #db994b;
    border-radius: 10px;
}

.nav-box {
    width: 321px;
    height: 273px;
}

.nav-box-title {
    width: 311px;
    height: 35px;
    border-bottom: 2px solid #db994b;
    padding: 0 0 0 10px;
}

    .nav-box-title span {
        font-size: 16px;
        color: #4f2602;
        float: left;
        margin: 9px 0 0 0;
    }

.bullet {
    width: 17px;
    height: 17px;
    float: left;
    margin: 9px;
    border-radius: 2px;
}

.nav-box-content {
    width: 321px;
    height: 236px;
}

.page-content {
    width: 691px;
    min-height: 273px;
    height: auto;
    float: left;
    margin: 0 0 0 12px;
    background-color: #e2e2e2;
    border-radius: 10px;
}

.page_content_text {
    width: 671px;
    height: 35px;
    border-bottom: 2px solid #b7b7b7;
    padding:14px 0 0 20px;
}

    .page_content_text span {
        font-size: 16px;
        color: #757574;
        float: left;
        margin: 9px 0 0 0;
    }

.content_details {
    width: 671px;
    min-height: 236px;
    height: auto;
    padding:10px;
}

.auto-height {
    visibility: hidden;
    clear: both;
}

.page-middle {
    width: 1024px;
    height: 73px;
    margin: 20px auto;
}

.page-middle-box {
    width: 301px;
    height: 53px;
    float: left;
    margin: 0 10px;
    border-radius: 10px;
    padding:10px;
}

.page-middle-box-main {
    width: 299px;
    height: 51px;
    border: 1px solid rgba(255, 255, 255, 0.49);
    font-weight:bold;
    font-size:20px;
    text-align:center;
    vertical-align:middle;
    display:table-cell;
    
}
    .page-middle-box-main a {
        text-decoration:none;
        color:#fff;
        
        
    }
.page-bottom {
    width: 1024px;
    height: 238px;
    margin: 0 auto;
}

.page-bottom-box {
    width: 321px;
    height: 238px;
    float: left;
    margin: 0 10px;
    border-radius: 10px;
}

.page-bottom-box-title {
    width: 311px;
    height: 35px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.51);
    padding:0 0 0 10px;
}
    .page-bottom-box-title span {
        font-size: 16px;
        color: #fff;
        float: left;
        margin: 9px 0 0 0;
    }
 .page-bottom-box-content {
    width:321px;
    height:203px;
}

.footer {
    width: 100%;
    height: 148px;
    background-color: #6f5499;
    margin: 20px 0 0 0;
}

.footer-main {
    width: 1024px;
    height: 106px;
    margin: 0 auto;
}
.footer-gallery {
    width:232px;
    height:106px;
    float:left;
    margin:0 20px 0 0;
}
.gallery-frame {
    width:48px;
    height:43px;
    margin:5px;
    background-color:#fff;
    float:left;
}
.visitors {
    width:188px;
    height:64px;
    float:left;
    margin:21px 10px;
    text-align:center;
}
.timer {
    width:188px;
    height:64px;
    float:left;
    margin:21px 10px;
    text-align:center;
}
.footer-menu {
    width:346px;
    height:86px;
    margin:5px 0;
    float:left;
    padding:5px;
}
.footer-menuitem {
    width:115px;
    height:28px;
    float:left;
}
    .footer-menuitem a {
        text-decoration:none;
        color:#fff;
        font-weight:bold;
    }
.copyright {
    width:100%;
    height:40px;
    border-top:2px solid #842136;
}
.copyright-main {
    width:1024px;
    height:35px;
    margin:0 auto;
    padding:5px 0 0 0;
}
.copyright-main div {
        height: auto;
        float: left;
        padding: 0 1% 0 1%;
        font-family: 'Segoe UI';
        font-size: 16px;
        color: #fff;
    }

        .copyright-main div a {
            color: #eee;
            text-decoration: underline;
            font-family: 'Segoe UI';
        }

            .copyright-main div a:hover {
                color: #EEEDD7;
                text-decoration: underline;
                font-family: 'Segoe UI';
            }
