body {
    padding: 0;
    margin: 0;
    font-family: Arial;
}

.menubar {
    width: 100%;
    height: 41px;
    background-color: #000;
    position:fixed;
    z-index:999;
    box-shadow:0 0 20px #000000;
}

.menubar-main {
    width: 1024px;
    height: 41px;
    margin: 0 auto;
}

/*.menubar-shadow {
    width: 100%;
    height: 10px;
    background: rgba(0, 0, 0, 0.50);
    margin-bottom: -10px;
    position: relative;
    z-index: 10;
    top:41px;
}*/

.header {
    width: 100%;
    height: 173px;
    background: #536b2b; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #536b2b 0%, #34440f 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#536b2b), color-stop(100%,#34440f)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #536b2b 0%,#34440f 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #536b2b 0%,#34440f 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #536b2b 0%,#34440f 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #536b2b 0%,#34440f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#536b2b', endColorstr='#34440f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding:41px 0 0 0;
}

.header-main {
    width: 1024px;
    height: 173px;
    margin: 0 auto;
}

.logo {
    width: 133px;
    height: 133px;
    margin:15px 15px;
    float:left;
}
.heading {
    width:600px;
    height:100px;
    margin: 25px 0 0 0;
    float:left;
    font-family: 'Raleway', sans-serif;
background-repeat: no-repeat;
	
    text-align:center;
}
    .heading span.top {
        display:block;
        font-size:70px;
        color:#fff;
        font-weight:bold;
        padding:5px 0;
    }
    .heading span.bottom {
        display:block;
        font-size:20px;
        color:#fff;
        background-color:#000;
        font-weight:bold;
        padding:5px 10px;
    }
.contact {
    width:250px;
    height:149px;
    float:right;
}
.social {
    width:250px;
    height:22px;
    border-bottom:#808080 1px solid;
    padding:30px 0 5px 0;
}
    .social span {
        position:relative;
        font-size:14px;
        float:left;
        color:#fff;
        top:3px;
        margin-left:10px;
    }
.social-icon {
    width:22px;
    height:22px;
    float:left;
    margin:0 10px;
}
    .social-icon a img {
        border:none;
    }
.mail {
    width:250px;
    height:22px;
    border-bottom:#808080 1px solid;
    padding:10px 0 5px 0;
}
.mail-icon {
    width:26px;
    height:16px;
    background:url("Images/mail.png");
    float:left;
    margin:3px 10px;
}
.phone {
    width:250px;
    height:22px;
}
.phone-icon {
    width:16px;
    height:18px;
    background:url("Images/call.png");
    float:left;
    margin:2px 10px;
}
.phone span, .mail span {
    float:left;
    color:#fff;
    position:relative;
    top:2px;
    font-size:14px;
}
.header-bottom {
    width: 100%;
    height: 211px;
    background-color: #383838;
}

.banner-frame-top-left {
    width: 1023px;
    height: 25px;
    background: url("Images/leftbanner.png") no-repeat 2px 1px;
    margin: 0 auto -25px auto;
    position: relative;
    top: -25px;
}

.banner-frame-top-right {
    width: 1023px;
    height: 25px;
    background: url("Images/righbanner.png") no-repeat right 1px;
}

.banner-frame {
    width: 981px;
    height: 340px;
    background-color: #5d5d5d;
    margin: 0 auto;
    position: relative;
    top: -24px;
}

.banner-frame-main {
    width: 935px;
    height: 295px;
    position: relative;
    top: 20px;
    left: 23px;
}

.page {
    width: 1024px;
    height: auto;
    margin: 100px auto 0 auto;
    padding: 10px 0;
}

.page-left {
    width: 312px;
    height: auto;
    float: left;
    background-color: #dbd9d1;
    padding: 10px 0;
    margin: 0 0 0 21px;
}

#accordion
	{
		width:312px;
		height:auto;
		margin:0 auto;
		background:#e0e0e0;
	}
	body
	{
		padding:0;
		margin:0;
		font-family:'Segoe UI';
	}
	.title
	{
		margin:0;
		width:334px;
		height:46px;
		background:url("Images/navtitlemain.png");
		margin:0 -11px;
	}
        .title, .title *:hover {
            cursor:pointer;
        }
	.title span
	{
		font-size:16px;
		color:#fff;
		position:relative;
		left:50px;
		font-weight:bold;
		top:5px;
	}
	.nav-content
	{
		width:302px;
		height:180px;




		padding:0 5px 5px 5px;
		font-size:12px;
		text-align:justify;
	}

.page-right {
    width: 668px;
    height: auto;
    float: right;
}

.page_content_text {
    width: 94%;
    height: 40px;
    background-color: #dbd9d1;
    color: #000;
        font-weight: bold;
        font-size: 16px;
        padding-left: 3%;
        position: relative;
       line-height: 35px;
        letter-spacing: 1px;
}

   

.content_details {
    width: 97%;
    height: auto;
    padding: 10px 0;
    text-align: justify;
    font-size: 14px;
}

.auto {
    visibility: hidden;
    clear: both;
}
.image-gallery {
    width:974px;
    height:112px;
    background:#dbd9d1;
    margin:10px 0;
    padding:0 25px;
}
.gallery-frame {
    width:115px;
    height:84px;
    float:left;
    background-color:#fff;
    border:2px solid red;
    margin:12px 10px;
}
.gallery-frame-inner {
	width:895px;
    height:84px;
    margin: 10px 0 0 10px;

    float: left;
	
}
.gal_btn_left {
	height: 26px;
	width: 26px;
	float: left;
	margin: 50px 0 0 0;
background-image: url('images/gallleft.png');
}
.gal_btn_right {
	height: 26px;
	width: 26px;
	float: left;
	margin: 50px 0 0 0;
background-image: url('images/galllright.png');
}
.footer-top {
    width: 100%;
    height: 52px;
    background: url("Images/Footer-top.png") center;
    position: relative;
	top:10px;
margin: 0 0 -10px 0;
}
.footer {
    width: 100%;
    height: 200px;
   background: #536b2b; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #536b2b 0%, #34440f 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#536b2b), color-stop(100%,#34440f)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #536b2b 0%,#34440f 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #536b2b 0%,#34440f 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #536b2b 0%,#34440f 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #536b2b 0%,#34440f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#536b2b', endColorstr='#34440f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.footer-main {
    width: 1024px;
    height: 173px;
    margin: 0 auto;
    padding-top: 25px;
}
.footer-menu {
    width:724px;
    height:153px;
    float:left;
    margin:10px 0;
}
    .footer-menu a {
        text-decoration:none;
        color:#fff;
        display:block;
        margin:2px 6px;
        float:left;
        font-size:16px;
    }
    .footer-menu a:hover {
	color:Red;
}
.footer-map {
    width:296px;
    height:149px;
    background-color:#fff;
    border:2px solid #484848;
    float:right;
    margin:10px 0;
}
.copyright {
    width: 100%;
    height: 30px;
    background-color: #000;
}

.copyright-main {
    width: 1024px;
    height: 30px;
    margin: 0 auto;
}

    .copyright-main span {
        float: left;
        font-size: 14px;
        color: #fff;
        position: relative;
        top: 5px;
    }

        .copyright-main span a {
            color: #fff;
            text-decoration: none;
        }