body {
    background: #999 url("../Images/bg.jpg")fixed center top;
    margin: 0 auto;
    width: 940px;
}

h1 {
    margin: 0;
    padding: 0;
    font-family: 'RawengulkSansRegular';
    font-size: 25px;
    color: white;
    line-height: 25px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

h2 {
    margin: 0;
    padding: 0;
    font-family: 'RawengulkSansRegular';
    font-size: 18px;
    color: white;
    line-height: 25px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

/* fonts
----------------------------------------------------------*/
@font-face {
    font-family: 'BostonTrafficRegular';
    src: url('fonts/boston-webfont.eot');
    src: url('fonts/boston-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/boston-webfont.ttf') format('truetype'), url('fonts/boston-webfont.svg#BostonTrafficRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RawengulkSansRegular';
    src: url('fonts/rawengulksans-094-webfont.eot');
    src: url('fonts/rawengulksans-094-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/rawengulksans-094-webfont.ttf') format('truetype'), url('fonts/rawengulksans-094-webfont.svg#RawengulkSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FlorencesansRegular';
    src: url('fonts/florsn01-webfont.eot');
    src: url('fonts/florsn01-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/florsn01-webfont.ttf') format('truetype'), url('fonts/florsn01-webfont.svg#FlorencesansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* main layout
----------------------------------------------------------*/
.wrap {
    margin: 0 auto;
    width: 940px;
}

.header {
    background: url("../Images/header-bg.png") no-repeat;
    height: 101px;
}

.logo {
    background: url("../Images/logo.png") no-repeat;
    width: 248px;
    height: 89px;
    float: left;
}

    .logo > a {
        display: block;
        width: 248px;
        height: 89px;
    }

.phone {
    font-family: 'FlorencesansRegular';
    font-size: 22px;
    color: white;
    width: 208px;
    padding-top: 30px;
    padding-right: 14px;
    float: right;
    text-align: right;
}

.header-text {
    font-family: 'FlorenceSansRegular';
    font-size: 16px;
    color: white;
    width: 460px;
    padding-top: 35px;
    float: right;
    text-transform: uppercase;
}

    .header-text > span {
        display: block;
        padding-left: 125px;
    }

.nav {
    height: 45px;
    margin: 0 auto 6px;
    width: 100%;
}

    .nav > a {
        font-family: 'BostonTrafficRegular';
        color: white;
        text-decoration: none;
    }

        .nav > a:hover {
            color: #475A06;
        }

        .nav > a.active {
            color: #475A06;
        }

        .nav > a > span {
            background: #98BC21;
            font-size: 18px;
            text-transform: uppercase;
            float: left;
            margin: 0 15px;
            padding: 12px 18px 6px;
            border-radius: 4px;
        }

.index-banner {
    height: 430px;
    padding-bottom: 17px;
    background: url(../images/banner-shadow.png) no-repeat bottom left;
    position: relative;
}

.banner {
    height: 120px;
    padding-bottom: 17px;
    background: url(../images/banner-shadow.png) no-repeat bottom left;
    position: relative;
    /*margin: 4px auto;
    width: 940px;*/
}

.banner-title {
    font-family: 'BostonTrafficRegular';
    font-size: 30px;
    color: white;
    text-transform: uppercase;
    position: absolute;
    top: 85px;
    right: 20px;
    letter-spacing: 0.02em;
}

.banner > slideshow {
    width: 940px;
}

.services-boxes {
    margin: 43px auto;
    width: 940px;
    color: black;
    font-family: 'RawengulkSansRegular';
    font-size: 25px;
    text-transform: uppercase;
}

.party-hire-box {
    background: url("../Images/party-hire-img.png") no-repeat;
    width: 302px;
    height: 223px;
    float: left;
    position: relative;
}

    .party-hire-box > span {
        background: url("../Images/services-box-title-bg.png") no-repeat right top;
        height: 40px;
        width: 288px;
        display: block;
        position: absolute;
        bottom: 5px;
        padding-left: 12px;
        padding-top: 5px;
    }

.corporate-hire-box {
    background: url("../Images/corporate-hire-img.png") no-repeat;
    width: 304px;
    height: 224px;
    float: left;
    margin: 0 15px;
    position: relative;
}

    .corporate-hire-box > span {
        background: url("../Images/services-box-title-bg.png") no-repeat right top;
        height: 40px;
        width: 289px;
        display: block;
        position: absolute;
        bottom: 5px;
        padding-left: 12px;
        padding-top: 5px;
        margin-left: 3px;
    }

.event-hire-box {
    background: url("../Images/event-hire-img.png") no-repeat;
    width: 304px;
    height: 224px;
    float: left;
    position: relative;
}

    .event-hire-box > span {
        background: url("../Images/services-box-title-bg.png") no-repeat right top;
        height: 40px;
        width: 288px;
        display: block;
        position: absolute;
        bottom: 5px;
        padding-left: 12px;
        padding-top: 5px;
        margin-left: 4px;
    }

.content {
    margin-top: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: white;
    letter-spacing: 0.02em;
    text-align: justify;
}

.content-left {
    width: 620px;
    float: left;
}

.content-right {
    width: 304px;
    float: right;
}

.read-more {
    float: right;
    margin: 0 10px;
}

    .read-more > a {
        display: block;
        color: white;
        text-decoration: none;
    }

        .read-more > a:hover {
            color: #475A06;
        }

        .read-more > a > span {
            background: #98BC21;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            text-transform: uppercase;
            padding: 10px;
            border-radius: 4px;
        }

.best-hire-box {
    background: url("../Images/best-hire-img.png") no-repeat;
    width: 304px;
    height: 224px;
    position: relative;
}

    .best-hire-box > span {
        background: url("../Images/services-box-title-bg.png") no-repeat right top;
        height: 40px;
        width: 288px;
        display: block;
        position: absolute;
        bottom: 4px;
        padding-left: 12px;
        padding-top: 5px;
        margin-left: 4px;
        color: black;
        font-family: 'RawengulkSansRegular';
        font-size: 25px;
        text-transform: uppercase;
    }

.event-gallery {
    clear: both;
}

.footer-boxes {
    margin-top: 22px;
    clear: both;
}

.get-hire {
    width: 302px;
    float: left;
}

    .get-hire > ul {
        margin: 10px 0 0 5px;
        padding: 0;
    }

        .get-hire > ul > li {
            list-style: square inside url("../Images/get-hire-bullet.png");
            padding-bottom: 2px;
            padding-left: 5px;
        }

            .get-hire > ul > li > a {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 13px;
                color: #fffefe;
                text-transform: uppercase;
                text-decoration: none;
            }

.testimonials {
    width: 302px;
    float: left;
    margin: 0 20px;
}

    .testimonials > h1 {
        margin-bottom: 10px;
    }

    .testimonials > ul {
        margin: 10px 0 0 0;
        padding: 0;
    }

        .testimonials > ul > li {
            list-style: none;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            color: white;
            padding-bottom: 18px;
            text-align: justify;
        }

            .testimonials > ul > li > span {
                display: block;
                text-align: right;
                padding-top: 3px;
            }

.quick-contact {
    width: 280px;
    float: right;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

    .quick-contact > h1 {
        margin-bottom: 10px;
    }

    .quick-contact > form > input {
        width: 260px;
        height: 32px;
        margin: 0 0 7px 0;
        padding: 0 10px;
        border: 0;
        border-radius: 4px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #8c8c8c;
        outline: none;
    }

    .quick-contact > form > textarea {
        width: 260px;
        height: 97px;
        margin: 0;
        padding: 5px 10px;
        border: 0;
        border-radius: 4px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #8c8c8c;
        margin: 0 0 7px 0;
        outline: none;
        resize: none;
    }

    .quick-contact > form > select {
        width: 280px;
        height: 32px;
        margin: 0 0 7px 0;
        padding: 0 8px;
        border: 0;
        border-radius: 4px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #a9a9a9;
        outline: none;
    }

.submit > input {
    margin: 6px 10px 0px;
    padding: 8px;
    border-radius: 4px;
    border-color: #98BC21;
    float: right;
    background: #98BC21;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    color: white;
    cursor: pointer;
}

    .submit > input:hover {
        color: #475A06;
    }

#loading {
    margin: 6px 10px 0px;
    padding: 8px;
    height: 15px;
    border: 2px outset buttonface;
    border-radius: 4px;
    border-color: #98BC21;
    float: right;
    background: #98BC21;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    color: white;
}

#loading > span {
    vertical-align: top;
}

.submit > p {
    margin: 6px 10px 0px;
    padding: 8px;
    clear: both;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    display: block;
    color: white;
    text-align: right;
}

.error-container {
    margin: -3px auto 4px;
    padding-left: 10px;
}

.footer {
    clear: both;
    background: url("../Images/footer-bg.png");
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #475A06;
    padding: 30px 20px 35px;
}

.footer-nav {
    font-size: 14px;
    text-align: center;
    margin-bottom: 15px;
}

    .footer-nav > a {
        text-decoration: none;
        color: #475A06;
        margin: 0 2px;
    }

        .footer-nav > a:hover {
            text-decoration: underline;
        }

.copyright {
    float: left;
    width: 400px;
}

.design-by {
    float: right;
    width: 400px;
    text-align: right;
}

    .design-by > a {
        text-decoration: none;
        color: #475A06;
    }

        .design-by > a:hover {
            text-decoration: underline;
        }


/* inner layout
----------------------------------------------------------*/
#clienle {
    margin: 45px 0 15px;
}

.gallery-box {
    background: url("../Images/gallery.png") no-repeat;
    width: 304px;
    height: 224px;
    float: left;
    position: relative;
    margin-top: 55px;
}

    .gallery-box > a {
        display: block;
        width: 304px;
        height: 224px;
    }

        .gallery-box > a > span {
            background: url("../Images/services-box-title-bg.png") no-repeat right top;
            height: 40px;
            width: 288px;
            display: block;
            position: absolute;
            bottom: 4px;
            padding-left: 12px;
            padding-top: 5px;
            margin-left: 4px;
            color: black;
            font-family: 'RawengulkSansRegular';
            font-size: 25px;
            text-transform: uppercase;
        }

#about-list {
}

    #about-list > ul {
        float: left;
        margin-bottom: 0px;
        margin-right: 90px;
    }

        #about-list > ul > li {
            list-style-type: disc;
        }

.spaced-div {
    margin-top: 28px;
}

.spaced-h1 {
    margin-bottom: 15px;
}

#gamehire {
    line-height: 22px;
    margin-left: 30px;
}

.spaced-h2 {
    margin-bottom: 10px;
}

.img-inline {
    float: left;
    margin-right: 10px;
}

.inner-div {
    margin-bottom: 35px;
}

.client-list {
}

    .client-list > ul {
        float: left;
        margin: 13px 50px 50px 0px;
        padding: 0;
    }

        .client-list > ul > li {
            list-style-type: none;
            margin-bottom: 20px;
        }

            .client-list > ul > li > p {
                margin: 0;
                font-family: Arial,Helvetica,sans-serif;
                font-size: 13px;
                color: #FFFEFE;
                line-height: 18px;
                text-transform: uppercase;
            }

#right-list {
    margin-right: 0px;
}

.contact-details {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: white;
    line-height: 20px;
    margin-left: 20px;
}

    .contact-details > p {
        margin-top: 12px;
        height: 25px;
        line-height: 25px;
        padding-left: 38px;
        margin-bottom: 15px;
    }

#content-address {
    background: url(../Images/contact-address.png) no-repeat;
}

#content-phone {
    background: url(../Images/contact-phone.png) no-repeat;
}

#content-call {
    background: url(../Images/contact-call.png) no-repeat;
}

#content-email {
    background: url(../Images/contact-email.png) no-repeat;
}

    #content-email > a {
        color: white;
        text-decoration: none;
    }

        #content-email > a:hover {
            text-decoration: underline;
        }sib,ot

#contact {
    float: left;
    margin-bottom: 20px;
}

    #contact > h1 {
        width: 290px;
    }