﻿body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: Arial;
    color: #111111;
}

#top {
    background: url("../image/default/bg.png") repeat-x scroll;
}

#header-bar {
    background: url("../image/default/top-bg.png") no-repeat scroll top center;
}
    #header-bar .wrapper {
        height: 200px;
        background: url("../image/default/top-bg.png") no-repeat scroll top center;
    }

#menu-bar {
    background: url("../image/default/menu-bg.jpg") no-repeat scroll top center;
}
    #menu-bar .wrapper {
        height: 60px;
        background: url("../image/default/menu-bg.jpg") no-repeat scroll top center;
    }

#banner-bar {
    background: url("../image/default/banner-bg.png") no-repeat scroll top center;
}
    #banner-bar .wrapper {
        background: url("../image/default/banner-bg.png") no-repeat scroll top center;
    }

#sub-banner-bar {
    background: url("../image/banner/banner-repeat-bg.jpg") repeat-x scroll top left;
}
    #sub-banner-bar .banner-bg {
        background: url("../image/banner/banner-bg.jpg") no-repeat scroll top center;
    }
        #sub-banner-bar .banner-bg .wrapper {
            background: url("../image/banner/banner-jpg.png") no-repeat scroll top center;
        }
 
.wrapper {
    width: 980px;
    margin: 0 auto;
}

.logo {
    text-align: center;
    padding-top: 20px;
    position: relative;
    z-index: 100;
}


.running {
    width: 100%;
    overflow-x: hidden;
    position: absolute;
    height: 80px;
    left: 0;
}
.running-tag {
    width: 285px;
    position: absolute;
}
.tagline {
    color: #94422c;
    margin-top: 20px;
    /*margin-left: 695px;*/
}
.counter {
    position: absolute;
    padding-left: 25px;
    background: url("../image/default/visitor.png") no-repeat scroll left 3px;
    margin-left: 850px;
    margin-top: 44px;
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
    .menu ul li {
        float: left;
        margin: 0 10px;
    }
        .menu ul li a {
            display: inline-block;
            height: 60px;
            line-height: 65px;
            font-family: "Bebas Neue";
            text-decoration: none;
            color: #a24c22;
            text-align: center;
            font-size: 30px;
        }
        .menu ul li.home a {
            width: 170px;
        }
        .menu ul li.about a {
            width: 180px;
        }
        .menu ul li.products a {
            width: 190px;
        }
            .menu ul li.products a span.products {
                margin-right: 10px;
            }
            .menu ul li.products a img.products {
                margin-top: 26px;
                position: absolute;
            }
        .menu ul li.events a {
            width: 170px;
        }
        .menu ul li.contact a {
            width: 170px;
        }
        .menu ul li a:hover,  .menu ul li a.selected, .menu ul li a.hover-2 {
            background: url("../image/menu/selected-bg.png") repeat-x scroll;
        }

        .menu ul li ul.second {
            display: none;
            position: absolute;
            background: url("../image/default/sub-bg.jpg") repeat scroll;
        }
            .menu ul li ul.second li {
                float: none;
                margin: 0;
            }
                .menu ul li ul.second li a {
                    width: 190px;
                    font-size: 24px;
                    line-height: 24px;
                    height: auto;
                    padding: 10px 0 5px;
                    border-bottom: 1px solid #603913;
                }
                    .menu ul li ul.second li a:hover {
                        background: url("../image/menu/selected-bg.png") repeat scroll;
                    }

#content {
    background: #ffffff url("../image/default/line.png") repeat-x scroll top center;
}
    #content .content {
        background: url("../image/default/arrow-line.png") no-repeat scroll top center;
        padding: 15px 0;
    }
        #content .content .title {
            font-size: 36px;
            font-family: Bebas Neue;
            color: #a24c22;
            text-align: center;
        }
        #content .content .subtitle {
            font-size: 18px;
            color: #cd7600;
        }
        #content .content .events {
            padding: 0 80px;
            background: url("../image/default/event-bg.png") no-repeat scroll center 20px;
            height: 150px;
        }
            #content .content .events .button {
                margin-top: 5px;
                text-align: right;
            }

    #content .about-us {
        background: url("../image/default/aboutus-bg.png") repeat-x scroll bottom left;
    }

    #content .enquiry {
        background: url("../image/default/enquiry-bg.png") no-repeat scroll;
        padding: 35px 140px;
        color: #464646;
        font-size: 18px;
    }
        #content .enquiry .button {
            float: left;
            margin-right: 20px;
            margin-top: -8px;
        }

        

#past-event {
    background: #f4f4f5 url("../image/default/line.png") repeat-x scroll top center;
}
    #past-event .content {
        background: url("../image/default/arrow-line.png") no-repeat scroll top center;
        padding: 15px 25px;
    }
        #past-event .content .title {
            font-size: 36px;
            font-family: Bebas Neue;
            color: #a24c22;
            text-align: center;
        }
        #past-event .content .subtitle {
            font-size: 18px;
            color: #cd7600;
        }

#category {
    background: url("../image/default/category-bg.png") repeat-x scroll;
}
    #category .wrapper {
        background: url("../image/default/category-bg.png") repeat-x scroll;
    }
    #category .category {
        padding: 25px 0;
    }
        #category .category ul {
            margin: 0;
            padding :0;
            list-style: none;
        }
            #category .category ul li {
                display: inline;
                margin: 0 27px;
            }

#footer {
    background: #ffffff;
}
    #footer .footer {
        color: #898989;
        font-size: 12px;
        line-height: 30px;
        height: 30px;
        text-align: center;
    }


.content-padding {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
p {
    text-align: justify;
}
.clear {
    clear: both;
}
img {
    border: none;
}