body {
    padding:0;
    margin:0;
    font-family:'Segoe UI';
}
.wrapper {
    width:100%;
    height:auto;
}
.menubar {
    width:100%;
    height:44px;
    background-color:#161616;
}
.menubar-main {
    width:100%;
    height:auto;
    margin:0 auto;
    border-bottom:3px solid #fff;
}
.header {
    width:100%;
    height:128px;
    background-image:url("Images/wapper.png");
}
.header-main {

    width:1024px;
    height:128px;
    margin:0 auto;
}
.contact {
    width:250px;
    height:108px;
    float:left;
    padding:10px 0 0 30px;
}
.social_header {
    width:250px;
    height:40px;
}
.social_icon
{
    width:32px;
    height:32px;
    margin:4px 5px;
    float:left;
}
    .social_icon:hover {
        opacity:0.6;
    }

.social_header span
{
    font-size:18px;
    padding:4px 0 0 0;
    float:left;
    font-family:'Segoe UI';
    color:black;
    font-weight:bold;
}
.phone {
    width:227px;
    height:22px;
    background:url("Images/call.png") no-repeat left;
    padding:0 0 0 23px;
    font-size:16px;
    font-weight:bold;
}
.email {
    width:185px;
    height:20px;
    background:url("Images/mail02.png") no-repeat left;
    padding:0 0 0 30px;
    font-size:16px;
    font-weight:bold;
    margin:10px 0 10px 0;
}
.header-bottom {
    width:100%;
    height:214px;
    background: -moz-linear-gradient(top,  rgba(118,0,0,1) 0%, rgba(119,0,0,0.99) 4%, rgba(202,0,0,0.76) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(118,0,0,1)), color-stop(4%,rgba(119,0,0,0.99)), color-stop(100%,rgba(202,0,0,0.76))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(118,0,0,1) 0%,rgba(119,0,0,0.99) 4%,rgba(202,0,0,0.76) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(118,0,0,1) 0%,rgba(119,0,0,0.99) 4%,rgba(202,0,0,0.76) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(118,0,0,1) 0%,rgba(119,0,0,0.99) 4%,rgba(202,0,0,0.76) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(118,0,0,1) 0%,rgba(119,0,0,0.99) 4%,rgba(202,0,0,0.76) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#760000', endColorstr='#c2ca0000',GradientType=0 ); /* IE6-9 */
}
.header-bottom-main {
    width:1024px;
    height:214px;
    margin:0 auto;
}
.logo {
    width:221px;
    height:182px;
    margin:0 0 0 30px;
    padding:10px 0 0 0;
}
.page {
    width:100%;
    height:auto;
    background-color:#eee3dd;
}
.page-main {
    width:1024px;
    height:auto;
    margin:0 auto;
}
.page-left {
    width:241px;
    height:auto;
    float:left;
    border-left:3px solid transparent;
    border-image:url("Images/h_navigation_strip.png");
    border-image-repeat:round;
    border-image-slice:30;
    border-image-width:0 0 0 3px;
    border-right:0;
}
.nav-box {
    width:241px;
    height:auto;
}
.nav-box-title {
    width:200px;
    height:25px;
    background-color:#fff;
    margin:10px 10px 5px 10px;
    color:#ad0000;
    font-size:16px;
    font-weight:bold;
    padding:0 0 0 10px;
}
.nav-title-bottom {
    width:258px;
    height:3px;
    background-image:url("Images/navigation_title.png");
    margin:0 0 0 -17px;
}
.nav-content {
    width:241px;
    height:180px;
    overflow-y:scroll;
    min-height:150px;
}
.page-right {
    width:740px;
    height:auto;
    float:left;
    box-shadow:0 0 11px #676767;
    margin:11px 11px -335px 29px;
    background-color:#fff;
    position:relative;
    top:-335px;
}
.banner {
    width:712px;
    height:292px;
    background-image:url("Images/banner_frame.jpg");
    margin:14px auto;
}
.page-content {
    width:740px;
    height:auto;
}
.page-title {
    width:300px;
    height:30px;
    border-bottom:1px solid #dbcec8;
    font-size:16px;
    font-weight:bold;
    margin:0 0 0 10px;
}
.page-detail {
    width:730px;
    height:auto;
    min-height:400px;
    text-align:justify;
    font-size:14px;
    padding:5px;
}
.auto-height {
    visibility:hidden;
    clear:both;
}
.footer {
    width:100%;
    height:214px;
    background: -moz-linear-gradient(top,  rgba(118,0,0,1) 0%, rgba(119,0,0,0.99) 4%, rgba(202,0,0,0.76) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(118,0,0,1)), color-stop(4%,rgba(119,0,0,0.99)), color-stop(100%,rgba(202,0,0,0.76))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(118,0,0,1) 0%,rgba(119,0,0,0.99) 4%,rgba(202,0,0,0.76) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(118,0,0,1) 0%,rgba(119,0,0,0.99) 4%,rgba(202,0,0,0.76) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(118,0,0,1) 0%,rgba(119,0,0,0.99) 4%,rgba(202,0,0,0.76) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(118,0,0,1) 0%,rgba(119,0,0,0.99) 4%,rgba(202,0,0,0.76) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#760000', endColorstr='#c2ca0000',GradientType=0 ); /* IE6-9 */
}
.gallery_main {
    width:1024px;
    margin:0 auto;
    position:relative;
    top:1px;
    height:188px;
    background:#fff;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.gallery_title {
    width:994px;
    height:35px;
    margin:0 10px;
    border-bottom:2px dashed #999;
    color:#666;
    padding:5px 0 0 10px;
    font-size:18px;
    font-weight:bold;
}
.gallery-content {
    width:1024px;
    height:146px;
}
.gallery-button {
    width:52px;
    height:53px;
    float:left;
    margin:46px 20px;
}
.gallery_mid_content
{
    width:840px;
    height:146px;
    float:left;
    position:relative;
    z-index:1000;
}
.gallery-frame {
    width:178px;
    height:112px;
    background-color:#5d5d5d;
    float:left;
    margin:17px 16px;
}
.footer-bottom {
    width:100%;
    height:30px;
    background-color:#7c0000;
}
.copyright {
    width:1024px;
    height:21px;
    padding:4px 0 0 0;
    margin:0 auto;
}
.copyright div {
    height:auto;
    float:left;
    padding:0 1% 0 1%;
    font-family:'Segoe UI';
    font-size:12px;
    color:#fff;
}
    .copyright div a 
    {
        color:#eee;
        text-decoration:underline;
        font-family:'Segoe UI';

    }
    .copyright div a:hover
    {
        color: #EEEDD7;
        text-decoration: underline;
        font-family: 'Segoe UI';
    }