﻿@font-face {
    font-family: 'Swis721 Lt BT';
    src: url("../Fonts/tt0001m_.woff");
}
@font-face {
    font-family: 'raavib';
    src:url("../Fonts/raavib_0.woff")
}
.side-bar {
    width:36px;
    height:auto;
    position:fixed;
    top:148px;
}
.side-button {
    width:30px;
    height:150px;
    background-color:#ffffff;
    margin:5px 0;
    border:3px solid #86920d;
}

body {
    padding:0;
    margin:0;
    font-family:'Segoe UI Light';
    background-color:#eae6d3;
}
.wrapper {
    width:100%;
    height:auto;
}
.header {
    width:100%;
    height:141px;
    border-top:11px solid #333333;
    background-color:#3e3e3e;
}
.header-top {
    width:100%;
    height:80px;
    margin:5px 0 0 0;
}
.header-top-main {
    width:1024px;
    height:80px;
    margin:0 auto;
}
.logo {
    width:77px;
    height:77px;
    float:left;
}
.heading {
    width:775px;
    height:80px;
    float:left;
    padding:0 0 0 20px;
}
.heading-top {
    width:600px;
    height:40px;
    color:#f86060;
    font-family:raavib;
    font-size:40px;
    line-height:100%;
}
.heading-bottom {
    width:500px;
    height:26px;
    border:1px solid rgba(209, 209, 209, 0.80);
    font-family:Arial;
    text-align:center;
    font-size:18px;
    color:White;
    padding:2px 0 0 0;
    letter-spacing:2pt;
}
.contact {
    width:150px;
    height:80px;
    float:left;
}
.social {
    width:150px;
    height:28px;
    padding:5px 0;
    border-bottom:rgba(209, 209, 209, 0.80) solid 2px;
}
.social-icon {
    width:26px;
    height:26px;
    float:left;
    margin:0 11px;
    border:1px solid rgba(178, 178, 178, 0.82);
}
    .social-icon a img {
        margin:4px auto;
        display:block;
    }
.phone {
    width:130px;
    height:24px;
    border-bottom:rgba(209, 209, 209, 0.80) solid 2px;
    background:url("Images/call.png") no-repeat left center;
    padding:6px 0 0 20px;
    color:#f86060;
    font-size:14px;
}
.header-bottom {
    width:100%;
    height:42px;
    background:url("Images/Header-Bottom.PNG") center repeat-x;
    margin:5px 0;
}
.header-bottom-main {
    width:1024px;
    height:42px;
    margin:0 auto;
}
.header-bottom-left {
    width:17px;
    height:17px;
    float:left;
    background-image:url("Images/Header-left.PNG");
    margin:13px -5px 0 0;
    position:relative;
}
.menubar {
    width:998px;
    height:40px;
    float:left;
    background-color:rgb(248, 96, 96);
    border:1px solid rgb(216, 53, 53);
}
.home-button {
    width:21px;
    height:19px;
    float:left;
    padding:10px 19px;
    border-right:1px solid #000;
    background-color:#d83535;
}
    .home-button :hover {
        
    }
.header-bottom-right {
    width:17px;
    height:17px;
    float:left;
    background-image:url("Images/Header-right.PNG");
    margin:13px 0 0 -5px;
    position:relative;
}
.page {
    width:1024px;
    height:auto;
    margin:0 auto;
    padding:10px 0 0 0;
}
.page-left {
    width:693px;
    height:auto;
    float:left;
    border-right:2px solid #808080;
}
.banner {
    width:693px;
    height:271px;
}
.banner-frame {
    width:665px;
    height:253px;
    float:left;
    border:9px solid #fff;
    background-color:#f86060;
}
.banner-bullet {
    width:0px;
    height:0px;
    border-left:10px solid #fff;
    border-top:10px transparent solid;
    border-bottom:10px transparent solid;
    float:left;
    margin:121px 0 0 0;
}
.page-content {
    width:683px;
    height:auto;
    min-height:507px;
    background-color:#fff;
    margin:26px 0 0 0;
}
.page_content_text {
    width:297px;
    height:23px;
    background-color:#788690;
    position:relative;
    top:-13px;
    font-size:16px;
    font-family: 'Swis721 Lt BT';
    padding:3px 0 0 20px;
    color:#fff;
    margin-bottom:-16px;
}
.content_details {
    width:673px;
    height:auto;
    text-align:justify;
    font-size:14px;
    color:#000;
    padding:5px;
}

.page-rigth {
    width:325px;
    height:auto;
    float:left;
}
.nav-box {
    width:325px;
    height:auto;
    margin-bottom:10px;
}
.nav-box-bullet {
    width:0px;
    height:0px;
    border-right:10px solid #fff;
    border-top:10px transparent solid;
    border-bottom:10px transparent solid;
    float:left;
    margin:70px 0 0 0;
}
.nav-box-main {
    width:269px;
    height:200px;
    background-color:#fff;
    border-top:11px solid #f86060;
    float:left;
    padding:0 23px 10px 23px;
}
.nav-box-title {
    width:249px;
    height:23px;
    color:#3b276c;
    font-size:18px;
    font-family: 'Swis721 Lt BT';
    padding:3px 0 0 20px;
}
.nav-box-content {
    width:269px;
    height:164px;
    border-top:1px solid rgba(209, 209, 209, 0.80);
    border-left:1px solid rgba(209, 209, 209, 0.80);
    border-right:1px solid rgba(209, 209, 209, 0.80);
}
.gallery-box {
    width:325px;
    height:auto;
    margin-bottom:10px;
}
.gallery-box-bullet {
    width:0px;
    height:0px;
    border-right:10px solid #3f2142;
    border-top:10px transparent solid;
    border-bottom:10px transparent solid;
    float:left;
    margin:50px 0 0 0;
}
.gallery-box-main {
    width:269px;
    height:100px;
    background-color:#3f2142;
    border-top:11px solid #373f46;
    float:left;
    padding:0 23px 0 23px;
}
.gallery-box-title {
    width:249px;
    height:23px;
    color:#fff;
    font-size:18px;
    font-family: 'Swis721 Lt BT';
    padding:3px 0 0 20px;
}
.gallery-box-content {
    width:269px;
    height:40px;
    border-top:1px solid #a87ad7;
    border-bottom:1px solid #a87ad7;
    padding:5px 0;
}
.gallery-frame {
    width:48px;
    height:40px;
    background-color:#a87ad7;
    float:left;
    margin:0 3px 0 2px;
}
.auto-height {
    visibility:hidden;
    clear:both;
}
.footer-top {
    width:100%;
    height:25px;
    background-color:#ffffff;
}
.footer {
    width:100%;
    height:95px;
    background-color:#3e3e3e;
}
.footer-main {
    width:1024px;
    height:95px;
    margin:0 auto;
}
.visitor {
    width:160px;
    height:95px;
    float:left;
    margin:0 5px;
}
.visitor-title {
    width:160px;
    height:23px;
    font-family:Arial;
    font-size:16px;
    padding:3px 0 0 20px;
    font-weight:bold;
    color:#a87ad7;
}
.visitor-content {
    width:160px;
    height:38px;
    background-color:#283036;
}
.footer-menu {
    width:680px;
    height:95px;
    float:left;
    background-color:#a87ad7;
}
.copyright {
    width:100%;
    height:31px;
    background-color:#333333;
}
.copyright-main {
    width: 1024px;
    height: 25px;
    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: #fff;
            text-decoration: underline;
            font-family: 'Segoe UI';
        }

            .copyright-main div a:hover {
                color: #fff;
                text-decoration: underline;
                font-family: 'Segoe UI';
            }