body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, tr, td {
    margin: 0;
    padding: 0;
}

html, body {
    font: 13px Arial, Helvetica, sans-serif;
    color: #34342C;
    text-decoration: none;
    line-height: 18px;
}
/* PARAGRAPH STYLES */
H1, H2, H3, H4, H5 {
    font-size: 100%;
    font-weight: normal;
}

H1 {
}

H2 {
}

H3 {
}

H4 {
}

UL, OL {
    list-style: none;
}

li {
    list-style-type: none;
}

A {
    color: #643D8E;
    text-decoration: none;
}
    /*A:visited{ text-decoration:none; color:#;}*/
    A:hover {
        color: #D1BD0E;
        text-decoration: none;
    }
/*A:active { text-decoration:none; color:#;}*/
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.clr {
    clear: both;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */

.lF {
    float: left;
}

.rF {
    float: right;
}
/* extra fonts */
@font-face {
    font-family: 'Frutiger55RomanRoman';
    src: url('../fontface/frutiger55roman.eot');
    src: url('../fontface/frutiger55roman.eot') format('embedded-opentype'), url('../fontface/frutiger55roman.woff') format('woff'), url('../fontface/frutiger55roman.ttf') format('truetype'), url('../fontface/frutiger55roman.svg#Frutiger55RomanRoman') format('svg');
}

@font-face {
    font-family: 'Frutiger45LightLight';
    src: url('../fontface/frutiger45-light.eot');
    src: url('../fontface/frutiger45-light.eot') format('embedded-opentype'), url('../fontface/frutiger45-light.woff') format('woff'), url('../fontface/frutiger45-light.ttf') format('truetype'), url('../fontface/frutiger45-light.svg#Frutiger45LightLight') format('svg');
}

@font-face {
    font-family: 'Calibri-Light';
    src: url('../fontface/calibril.eot');
    src: url('../fontface/calibril.eot?#iefix') format('embedded-opentype'), url('../fontface/calibril.woff') format('woff'), url('../fontface/calibril.ttf') format('truetype'), url('../fontface/calibril.svg#calibril') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CataneoLtBTLight';
    src: url('../fontface/catanltn.eot');
    src: url('../fontface/catanltn.eot') format('embedded-opentype'), url('../fontface/catanltn.woff') format('woff'), url('../fontface/catanltn.ttf') format('truetype'), url('../fontface/catanltn.svg#CataneoLtBTLight') format('svg');
}

@font-face {
    font-family: 'Freehand521BTRegular';
    src: url('../fontface/tt1018m_.eot');
    src: url('../fontface/tt1018m_.eot') format('embedded-opentype'), url('../fontface/tt1018m_.woff') format('woff'), url('../fontface/tt1018m_.ttf') format('truetype'), url('../fontface/tt1018m_.svg#Freehand521BTRegular') format('svg');
}

@font-face {
    font-family: 'FaunaOneRegular';
    src: url('../fontface/faunaone-regular.eot');
    src: url('../fontface/faunaone-regular.eot') format('embedded-opentype'), url('../fontface/faunaone-regular.woff') format('woff'), url('../fontface/faunaone-regular.ttf') format('truetype'), url('../fontface/faunaone-regular.svg#FaunaOneRegular') format('svg');
}
/* extra fonts End */

/*------------FORM CSS TAGS------------*/

form {
    margin: 0 0 0 0;
}

input {
    font-family: Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px;
    color: #f1f1f1;
    background: #555555;
    border: 0px solid #c5c9cc;
    padding: 2px 2px;
}

textarea {
    font-family: Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px;
    color: #f1f1f1;
    background: #555555;
    border: 0px solid #a2a2a2;
}

select {
    font-family: Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px;
    color: #f1f1f1;
    background: none !important;
    background: #e5e5e5;
    border: 1px solid #a2a2a2 !important;
    border: none;
    padding: 0px;
}

radio {
    background: none;
    border: 0px solid #a2a2a2;
}

.input {
    font-family: Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px;
    color: none;
    background: none;
    border: 0px solid #a2a2a2;
}

.input-button {
    font-family: Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 10px;
    color: #333;
    background: #dbdbdb url(../images/buttonBg.gif) top left repeat-x;
    border: 0px solid #bc8d03;
}
/* LAYOUT STYLES */
header {
    width: 100%;
    height: 580px !important;
    margin: 0 auto;
}

    header #top_section {
        width: 100%;
        margin: 0 auto;
        background: url(../images/top_bg.png) left top repeat-x;
        overflow: hidden;
        position: absolute;
        height: 102px;
        display: block !important;
        z-index: 99999999 !important;
    }

#top_section .top_wrapper {
    width: 960px;
    margin: 0 auto;
}

    #top_section .top_wrapper .logo {
        width: 212px;
        float: left;
        height: 60px;
        padding: 10px 0;
        margin: 15px 0 0 0;
        background: url(../images/webappmobi_web_logo.png) left top no-repeat;
    }

        #top_section .top_wrapper .logo a {
            width: 212px;
            height: 60px;
            float: left;
            font-size: 28px;
            color: #06F;
            cursor: pointer;
        }

#top_section .top_wrapper {
    width: 960px;
    margin: 0 auto;
}

    #top_section .top_wrapper .logo {
        width: 212px;
        float: left;
        height: 55px;
        margin: 15px 0 0 0;
        padding: 10px 0;
    }

        #top_section .top_wrapper .logo a {
            width: 212px;
            height: 55px;
            float: left;
            font-size: 28px;
            color: #06F;
            cursor: pointer;
        }

    #top_section .top_wrapper .punchline {
        padding: 0 0 0 10px;
        width: 195px;
        background: none;
        border-left: 1px #ccc solid;
        margin: 0 0 0 10px;
        float: left;
        margin: 20px 0 0 10px;
    }

        #top_section .top_wrapper .punchline aside {
            float: right;
            font-size: 16px;
            margin: 0px;
            width: 175px;
            background: #fff;
            padding: 10px;
            font-family: 'FaunaOneRegular';
            color: #800000;
            -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.4);
            -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.4);
            box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.4);
        }

    #top_section .top_wrapper aside {
        width: 475px;
        float: right;
        margin: 31px 0px;
    }

        #top_section .top_wrapper aside ul {
            float: left;
            list-style: none;
            overflow: hidden;
        }

            #top_section .top_wrapper aside ul li {
                float: left;
                margin: 0px;
                padding: 9px 15px;
                background: url(../images/nav_devider.png) right 12px no-repeat;
                font-family: 'Frutiger55RomanRoman';
            }

                #top_section .top_wrapper aside ul li:last-child {
                    float: left;
                    margin: 0px;
                    padding: 9px 15px;
                    background: none;
                    font-family: 'Frutiger55RomanRoman';
                }

                #top_section .top_wrapper aside ul li a {
                    float: left;
                    color: #454545;
                }

                    #top_section .top_wrapper aside ul li a:hover {
                        float: left;
                        color: #800000;
                    }

                #top_section .top_wrapper aside ul li .active {
                    float: left;
                    color: #800000;
                }

.banner_cont {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

    .banner_cont .cont_box {
        width: 920px;
        float: left;
        margin: 375px 0 0 0;
        background: url(../images/banner_cont_bg.png) left top repeat;
        padding: 20px;
    }

        .banner_cont .cont_box h1 {
            font-size: 20px;
            float: left;
            color: #fff;
            font-family: 'Frutiger55RomanRoman';
        }

        .banner_cont .cont_box p {
            font-size: 16px;
            float: left;
            color: #fff;
            margin: 20px 0 0 0;
            font-family: 'Frutiger55RomanRoman';
        }

.mission_vision_sec {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 10px 0;
    overflow: hidden;
    background: url(../images/line_bg.png) left bottom repeat-x;
}

    .mission_vision_sec .special_text {
        width: 960px;
        color: #ec6e34;
        text-align: left;
        font-size: 16px;
        font-family: 'Frutiger45LightLight';
        margin: 0 auto;
    }



#content_area {
    width: 100%;
    background: #fff;
    min-height: 200px;
    position: relative;
    padding: 0 0 20px 0;
    overflow: hidden;
    display: block !important;
    z-index: 999999 !important;
    background: url(../images/main_contentarea_bg.png) left top repeat;
    background-image: url(../images/content-area-image_new_tr.png), url(../images/main_contentarea_bg.png);
    background-repeat: no-repeat, repeat;
    background-position: right bottom, left top;
}

    #content_area .content_sec {
        width: 960px;
        margin: 0 auto;
        padding: 0 0 10px 0;
        overflow: hidden;
        background: url(../images/line_bg.png) left bottom repeat-x;
    }

        #content_area .content_sec H1 {
            width: 960px;
            color: #23b2e4;
            text-align: left;
            font-size: 24px;
            line-height: 62px;
            font-family: 'Frutiger55RomanRoman';
            font-weight: normal;
            margin: 0 auto;
        }

        #content_area .content_sec .special_text {
            width: 960px;
            color: #ec6e34;
            text-align: left;
            font-size: 14px;
            font-family: 'Frutiger45LightLight';
            margin: 0 auto;
        }

        #content_area .content_sec .read_more {
            font-size: 14px;
            padding: 8px 15px;
            line-height: 18px;
            float: right;
            margin: 10px 0 10px 0;
            font-family: 'Frutiger55RomanRoman';
            color: #fff;
            text-align: center;
            background: #0CB0E9;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
        }

            #content_area .content_sec .read_more:hover {
                background: #454545;
                color: #fff;
            }

    #content_area .client_speaks {
        width: 960px;
        margin: 0 auto;
        padding: 0 0 20px 0;
        overflow: hidden;
        font-family: 'CataneoLtBTLight';
        background: url(../images/line_bg.png) left bottom repeat-x;
    }

        #content_area .client_speaks H1 {
            width: 960px;
            color: #23b2e4;
            text-align: left;
            font-size: 24px;
            line-height: 62px;
            font-family: 'Frutiger55RomanRoman';
            font-weight: normal;
            margin: 0 auto;
        }

        #content_area .client_speaks .client_sec {
            float: left;
            font-size: 14px;
            background: url(../images/services_bg.png) left top repeat;
            border: 1px solid #F1F1F1;
            padding: 10px 10px;
            margin: 10px 0 0 0;
        }

            #content_area .client_speaks .client_sec img {
                float: left;
                width: 90px;
                margin: 0 20px 0 0;
            }

            #content_area .client_speaks .client_sec span {
                width: 795px;
                float: left;
                font-size: 20px;
                color: #0cb0e9;
                padding: 0 0 0 30px;
                background: url(../images/client_quote_left.png) left top no-repeat;
            }

                #content_area .client_speaks .client_sec span p {
                    width: 765px;
                    float: left;
                    font-size: 20px;
                    color: #0cb0e9;
                    line-height: 22px;
                    padding: 0 30px 0 0;
                    background: url(../images/client_quote_right.png) right bottom no-repeat;
                }


        #content_area .client_speaks .read_more {
            font-size: 14px;
            padding: 8px 15px;
            line-height: 18px;
            float: right;
            margin: 10px 0 10px 0;
            font-family: 'Frutiger55RomanRoman';
            color: #fff;
            text-align: center;
            background: #0CB0E9;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
        }

            #content_area .client_speaks .read_more:hover {
                background: #454545;
                color: #fff;
            }

        #content_area .client_speaks .client_sec h4 {
            float: right;
            width: 100%;
            line-height: 30px;
            text-align: right;
            font-size: 24px;
            color: #454545;
            margin: 20px 0px 0 0;
        }

        #content_area .client_speaks .client_sec h5 {
            float: right;
            font-size: 14px;
            width: 100%;
            font-family: 'Frutiger55RomanRoman';
            text-align: right;
            color: #7d7d7d;
        }

    #content_area .content_sec ul {
        list-style: none;
        float: left;
    }

        #content_area .content_sec ul li {
            float: left;
            width: 430px;
            padding: 20px;
            border: 1px #f1f1f1 solid;
            background: url(../images/services_bg.png) left top repeat;
        }

            #content_area .content_sec ul li img {
                width: 80px;
                float: left;
            }

            #content_area .content_sec ul li h2 a {
                font-size: 20px;
                float: left;
                color: #000;
                margin: 0 0 0 20px;
                font-family: 'Frutiger55RomanRoman';
            }

                #content_area .content_sec ul li h2 a span {
                    font-family: 'Frutiger45LightLight';
                    color: #656565;
                }

                #content_area .content_sec ul li h2 a:hover {
                    color: #eb611e;
                }

            #content_area .content_sec ul li p {
                float: left;
                width: 330px;
                color: #454545;
                margin: 10px 0 0 20px;
                padding: 10px auto;
            }

            #content_area .content_sec ul li .services_list {
                float: left;
                width: 430px;
                padding: 10px 0px 0px 0px;
                margin: 10px 0 0 0;
                border-top: 1px #ebebeb solid;
            }

                #content_area .content_sec ul li .services_list h5 {
                    width: 215px;
                    float: left;
                    font-family: 'Frutiger45LightLight';
                    font-size: 14px;
                    color: #eb611e;
                    line-height: 26px;
                }

    #content_area .down_sec {
        width: 960px;
        margin: 0 auto;
        overflow: hidden;
    }

        #content_area .down_sec .blog_sec {
            width: 640px;
            float: left;
        }

            #content_area .down_sec .blog_sec H1 {
                width: 660px;
                color: #23b2e4;
                text-align: left;
                font-size: 24px;
                line-height: 62px;
                font-family: 'Frutiger55RomanRoman';
                font-weight: normal;
                float: left;
            }

            #content_area .down_sec .blog_sec article {
                padding: 0 0 20px 0;
                background: url(../images/line_bg.png) left bottom repeat-x;
            }

            #content_area .down_sec .blog_sec .blog_post h2 {
                font-size: 17px;
                float: left;
                color: #000;
                width: 100%;
                line-height: 24px;
                font-weight: normal;
                font-family: 'Frutiger55RomanRoman';
            }

            #content_area .down_sec .blog_sec .blog_post p {
                font-size: 14px;
                font-family: 'Frutiger55RomanRoman';
            }

            #content_area .down_sec .blog_sec .blog_post .read_more {
                font-size: 14px;
                padding: 8px 30px 7px 15px;
                line-height: 18px;
                float: left;
                margin: 10px 0 10px 0;
                font-family: 'Frutiger55RomanRoman';
                color: #454545;
                background: url(../images/read_more_btn.png) left top no-repeat;
            }

                #content_area .down_sec .blog_sec .blog_post .read_more:hover {
                    color: #fff;
                    background: url(../images/read_more_btn.png) left -33px no-repeat;
                }

            #content_area .down_sec .blog_sec .blog_post .read_more {
                font-size: 14px;
                padding: 8px 15px;
                line-height: 18px;
                float: right;
                margin: 10px 0 10px 0;
                font-family: 'Frutiger55RomanRoman';
                color: #fff;
                text-align: center;
                background: #0CB0E9;
                border-radius: 4px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
            }

                #content_area .down_sec .blog_sec .blog_post .read_more:hover {
                    background: #454545;
                    color: #fff;
                }



        #content_area .down_sec .quick_contact {
            width: 280px;
            float: right;
        }

            #content_area .down_sec .quick_contact H1 {
                width: 300px;
                color: #23b2e4;
                text-align: left;
                font-size: 24px;
                line-height: 62px;
                font-family: 'Frutiger55RomanRoman';
                font-weight: normal;
                float: left;
            }

.form_sec {
    width: 300px;
    float: left;
    overflow: hidden;
}

    .form_sec label {
        color: #454545;
        float: left;
        font-family: 'Frutiger55RomanRoman';
        font-size: 13px;
        line-height: 20px;
        width: 220px;
        margin: 10px 0 0 0;
    }

    .form_sec .input_name {
        background: url("../images/input_name.png") no-repeat scroll left top transparent;
        color: #454545;
        float: left;
        font-family: 'Frutiger55RomanRoman';
        font-size: 13px;
        line-height: 18px;
        padding: 9px 0 9px 50px;
        width: 220px;
    }

    .form_sec .input_email {
        background: url("../images/input_email.png") no-repeat scroll left top transparent;
        color: #454545;
        float: left;
        font-family: 'Frutiger55RomanRoman';
        font-size: 13px;
        line-height: 18px;
        padding: 9px 0 9px 50px;
        width: 220px;
    }

    .form_sec .input_phone {
        background: url("../images/input_phone.png") no-repeat scroll left top transparent;
        color: #454545;
        float: left;
        font-family: 'Frutiger55RomanRoman';
        font-size: 13px;
        line-height: 18px;
        padding: 9px 0 9px 50px;
        width: 220px;
    }

    .form_sec .input_web {
        background: url("../images/input_website.png") no-repeat scroll left top transparent;
        color: #454545;
        float: left;
        font-family: 'Frutiger55RomanRoman';
        font-size: 13px;
        line-height: 18px;
        padding: 9px 0 9px 50px;
        width: 220px;
    }

    .form_sec .input_message {
        background: url("../images/input_message.png") no-repeat scroll left top transparent;
        color: #454545;
        float: left;
        font-family: 'Frutiger55RomanRoman';
        font-size: 13px;
        line-height: 18px;
        padding: 9px 5px 9px 50px;
        width: 215px;
        height: 86px;
    }

    .form_sec .submit_btn {
        font-size: 12px;
        padding: 8px 30px 7px 11px;
        line-height: 16px;
        cursor: pointer;
        float: right;
        margin: 10px 25px;
        font-family: 'Frutiger55RomanRoman';
        color: #5f3800;
        background: url(../images/submit_btn.png) left top no-repeat;
    }

        .form_sec .submit_btn:hover {
            color: #fff;
            background: url(../images/submit_btn.png) left -30px no-repeat;
        }

#semi_footer {
    width: 100%;
    background: #fff;
    height: 240px;
    position: relative;
    padding: 0 0 20px 0;
    overflow: hidden;
    display: block !important;
    z-index: 999999 !important;
    background: url(../images/semi_bottom_bg.png) left top repeat;
}

    #semi_footer .semi_footer_content_sec {
        width: 960px;
        margin: 0 auto;
        padding: 0 0 40px 0;
        overflow: hidden;
    }

        #semi_footer .semi_footer_content_sec .home_testi {
            width: 307px;
            float: left;
        }

            #semi_footer .semi_footer_content_sec .home_testi h1 {
                width: 307px;
                color: #23b2e4;
                text-align: left;
                float: left;
                font-size: 24px;
                line-height: 62px;
                font-family: 'Frutiger55RomanRoman';
                font-weight: normal;
                margin: 0 auto;
                background: url(../images/line_bg.png) left bottom repeat-x;
            }

            #semi_footer .semi_footer_content_sec .home_testi p {
                width: 307px;
                float: left;
                font-size: 12px;
                color: #454545;
                text-align: left;
                margin: 8px 0 7px 0;
            }

            #semi_footer .semi_footer_content_sec .home_testi h4 {
                float: left;
                text-align: right;
                width: 307px;
                font-size: 16px;
                font-family: 'Calibri';
                color: #9f8a4e;
            }


            #semi_footer .semi_footer_content_sec .home_testi .view_btn {
                font-size: 14px;
                padding: 8px 15px;
                width: 277px;
                line-height: 18px;
                float: right;
                margin: 10px 0 10px 0;
                font-family: 'Frutiger55RomanRoman';
                color: #fff;
                text-align: center;
                background: #0CB0E9;
                border-radius: 4px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
            }

                #semi_footer .semi_footer_content_sec .home_testi .view_btn:hover {
                    background: #454545;
                    color: #fff;
                }




/*********portfolio****************/
#header_portfolio {
    width: 100%;
    height: 580px !important;
    margin: 0 auto;
    background: url(../images/portfolio_banner.jpg) center top repeat-x
}

.portfolio_sec {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 10px 0;
    overflow: hidden;
    background: url(../images/line_bg.png) left bottom repeat-x;
}

    .portfolio_sec H1 {
        width: 960px;
        color: #23b2e4;
        text-align: left;
        font-size: 24px;
        line-height: 62px;
        font-family: 'Frutiger55RomanRoman';
        font-weight: normal;
        float: left;
        background: url(../images/line_bg.png) left bottom repeat-x;
    }

    .portfolio_sec ul li {
        float: left;
        margin: 9px;
    }

        .portfolio_sec ul li .img {
            background: #fdfdfd;
            border: 1px #e3e3e3 solid;
            padding: 20px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

        .portfolio_sec ul li h2 {
            text-align: center;
            font-family: Frutiger LT 55 Roman;
            font-size: 14px;
            margin: 0 0 10px 0;
        }
/*---------------------------*/

#semi_footer .semi_footer_content_sec .home_port {
    width: 307px;
    float: left;
    margin: 0 0 0 10px;
}

    #semi_footer .semi_footer_content_sec .home_port h1 {
        width: 307px;
        color: #23b2e4;
        text-align: left;
        float: left;
        font-size: 24px;
        line-height: 62px;
        font-family: 'Frutiger55RomanRoman';
        font-weight: normal;
        margin: 0 auto;
        background: url(../images/line_bg.png) left bottom repeat-x;
    }

    #semi_footer .semi_footer_content_sec .home_port img {
        padding: 8px;
        border: 1px #dccea6 solid;
        margin: 10px 0 10px 10px;
        background: #FFF;
    }

    #semi_footer .semi_footer_content_sec .home_port .view_btn {
        font-size: 14px;
        padding: 8px 15px;
        width: 277px;
        line-height: 18px;
        float: right;
        margin: 10px 0 10px 0;
        font-family: 'Frutiger55RomanRoman';
        color: #fff;
        text-align: center;
        background: #0CB0E9;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

        #semi_footer .semi_footer_content_sec .home_port .view_btn:hover {
            background: #454545;
            color: #fff;
        }
/*---------------------------*/

#semi_footer .semi_footer_content_sec .home_clients {
    width: 307px;
    float: left;
    margin: 0 0 0 10px;
}

    #semi_footer .semi_footer_content_sec .home_clients h1 {
        width: 307px;
        color: #23b2e4;
        text-align: left;
        float: left;
        font-size: 24px;
        line-height: 62px;
        font-family: 'Frutiger55RomanRoman';
        font-weight: normal;
        margin: 0 auto;
        background: url(../images/line_bg.png) left bottom repeat-x;
    }

    #semi_footer .semi_footer_content_sec .home_clients img {
        padding: 8px;
        border: 1px #dccea6 solid;
        margin: 10px 0 10px 0px;
        background: #FFF;
    }


    #semi_footer .semi_footer_content_sec .home_clients .view_btn {
        font-size: 14px;
        padding: 8px 15px;
        width: 277px;
        line-height: 18px;
        float: right;
        margin: 6px 0 10px 0;
        font-family: 'Frutiger55RomanRoman';
        color: #fff;
        text-align: center;
        background: #0CB0E9;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

        #semi_footer .semi_footer_content_sec .home_clients .view_btn:hover {
            background: #454545;
            color: #fff;
        }


#footer {
    width: 100%;
    background: #fff;
    height: 260px;
    position: relative;
    padding: 0 0 20px 0;
    overflow: hidden;
    display: block !important;
    z-index: 999999 !important;
    background: url(../images/footer_bg.png) left top repeat;
}

    #footer .footer_sec {
        width: 960px;
        margin: 0 auto;
        padding: 0 0 40px 0;
        overflow: hidden;
    }

        #footer .footer_sec .map_home {
            width: 297px;
            float: left;
            background: #fff;
            padding: 10px;
            margin: 10px 0px;
        }

        #footer .footer_sec .adderss_home {
            width: 270px;
            margin: 10px 0 0 10px;
            float: left;
        }

            #footer .footer_sec .adderss_home h3 {
                float: left;
                width: 100%;
                font-size: 20px;
                font-family: 'Frutiger45LightLight';
                color: #7D6942;
                text-align: left;
            }

            #footer .footer_sec .adderss_home p {
                width: 297px;
                float: left;
                text-align: left;
                font-size: 14px;
                color: #7D6942;
                margin: 10px 0px;
            }

            #footer .footer_sec .adderss_home h5 a {
                color: #7D6942;
            }

            #footer .footer_sec .adderss_home .telephone_footer {
                width: 100%;
                float: left;
                padding: 0 0 0 20px;
                background: url(../images/telephone_icon.png) left 2px no-repeat;
                line-height: 20px;
                color: #7D6942;
            }

            #footer .footer_sec .adderss_home .email_footer {
                margin: 10px 0 0 0;
                width: 100%;
                float: left;
                padding: 0 0 0 20px;
                background: url(../images/email_icon.png) left 6px no-repeat;
                line-height: 20px;
                color: #7D6942;
            }

        #footer .footer_sec .social_sec {
            width: 297px;
            float: left;
            background: none;
            padding: 10px;
            margin: 10px 0px;
        }

            #footer .footer_sec .social_sec .facebook_icon {
                height: 43px;
                width: 42px;
                float: left;
                margin: 0px;
                background: url(../images/social_network_icons.png) left top no-repeat;
            }

                #footer .footer_sec .social_sec .facebook_icon:hover {
                    background: url(../images/social_network_icons.png) left -118px no-repeat;
                }

            #footer .footer_sec .social_sec .twitter_icon {
                height: 43px;
                width: 42px;
                float: left;
                margin: 0px 0 0 20px;
                background: url(../images/social_network_icons.png) -60px top no-repeat;
            }

                #footer .footer_sec .social_sec .twitter_icon:hover {
                    background: url(../images/social_network_icons.png) -60px -118px no-repeat;
                }

            #footer .footer_sec .social_sec .google_plus_icon {
                height: 43px;
                width: 42px;
                float: left;
                margin: 0px 0 0 20px;
                background: url(../images/social_network_icons.png) -120px top no-repeat;
            }

                #footer .footer_sec .social_sec .google_plus_icon:hover {
                    background: url(../images/social_network_icons.png) -120px -118px no-repeat;
                }

            #footer .footer_sec .social_sec .in_icon {
                height: 43px;
                width: 42px;
                float: left;
                margin: 0px 0 0 20px;
                background: url(../images/social_network_icons.png) -180px top no-repeat;
            }

                #footer .footer_sec .social_sec .in_icon:hover {
                    background: url(../images/social_network_icons.png) -180px -118px no-repeat;
                }

            #footer .footer_sec .social_sec .skype_icon {
                height: 43px;
                width: 42px;
                float: left;
                margin: 0px 0 0 20px;
                background: url(../images/social_network_icons.png) -240px top no-repeat;
            }

                #footer .footer_sec .social_sec .skype_icon:hover {
                    background: url(../images/social_network_icons.png) -240px -118px no-repeat;
                }

            #footer .footer_sec .social_sec .viemo_icon {
                height: 43px;
                width: 42px;
                float: left;
                margin: 20px 0 0 0;
                background: url(../images/social_network_icons.png) left -59px no-repeat;
            }

                #footer .footer_sec .social_sec .viemo_icon:hover {
                    background: url(../images/social_network_icons.png) left -179px no-repeat;
                }

            #footer .footer_sec .social_sec .pin_icon {
                height: 43px;
                width: 42px;
                float: left;
                margin: 20px 0 0 20px;
                background: url(../images/social_network_icons.png) -60px -59px no-repeat;
            }

                #footer .footer_sec .social_sec .pin_icon:hover {
                    background: url(../images/social_network_icons.png) -60px -178px no-repeat;
                }

            #footer .footer_sec .social_sec .youtube_icon {
                height: 43px;
                width: 42px;
                float: left;
                margin: 20px 0 0 20px;
                background: url(../images/social_network_icons.png) -120px -59px no-repeat;
            }

                #footer .footer_sec .social_sec .youtube_icon:hover {
                    background: url(../images/social_network_icons.png) -120px -178px no-repeat;
                }

            #footer .footer_sec .social_sec .rss_icon {
                height: 43px;
                width: 42px;
                float: left;
                margin: 20px 0 0 20px;
                background: url(../images/social_network_icons.png) -180px -59px no-repeat;
            }

                #footer .footer_sec .social_sec .rss_icon:hover {
                    background: url(../images/social_network_icons.png) -180px -178px no-repeat;
                }

            #footer .footer_sec .social_sec .wordpress_icon {
                height: 43px;
                width: 42px;
                float: left;
                margin: 20px 0 0 20px;
                background: url(../images/social_network_icons.png) -240px -59px no-repeat;
            }

                #footer .footer_sec .social_sec .wordpress_icon:hover {
                    background: url(../images/social_network_icons.png) -240px -178px no-repeat;
                }

            #footer .footer_sec .social_sec p {
                width: 307px;
                text-align: center;
                color: #7D6942;
                margin: 10px 0 0 0;
                float: left;
            }

        #footer .footer_sec .footer_nav {
            float: left;
            width: 960px;
            margin: 10px auto;
            background: url(../images/line_bg.png) left top repeat-x;
        }

            #footer .footer_sec .footer_nav a {
                float: left;
                margin: 20px 0 0 40px;
                font-size: 14px;
                color: #7d6942;
                line-height: 20px;
            }

                #footer .footer_sec .footer_nav a:hover {
                    color: #fff;
                }

            #footer .footer_sec .footer_nav .act {
                float: left;
                margin: 20px 0 0 40px;
                font-size: 14px;
                color: #fff;
                line-height: 20px;
            }
/*--------------------Home Page--------------------------------*/

#header_company {
    width: 100%;
    height: 580px !important;
    margin: 0 auto;
    background: url(../images/company_banner_new.png) center top repeat-x
}

#header_partners {
    width: 100%;
    height: 580px !important;
    margin: 0 auto;
    background: url(../images/partners_banner_new.png) center top repeat-x
}

#header_services {
    width: 100%;
    height: 580px !important;
    margin: 0 auto;
    background: url(../images/services_banner_new.png) center top repeat-x
}
/*#header_company {
	width: 100%;
	height: 580px !important;
	margin: 0 auto;
	background: url(../images/company_banner_new.jpg) center top repeat-x
}*/
#header_contact {
    width: 100%;
    height: auto !important;
    margin: 0 auto;
}


.mission_vision_sec p {
    width: 960px;
    color: #454545;
    text-align: left;
    font-size: 14px;
    font-family: 'Frutiger45LightLight';
    margin: 10px auto;
}

.mission_vision_sec H1 {
    width: 960px;
    color: #23b2e4;
    text-align: left;
    font-size: 24px;
    line-height: 62px;
    font-family: 'Frutiger55RomanRoman';
    font-weight: normal;
    float: left;
}

.mission_vision_sec ul {
    float: left;
    width: 940px;
    overflow: hidden;
    list-style: none;
}

    .mission_vision_sec ul li {
        float: left;
        width: 100%;
        font-size: 14px;
        font-family: 'Frutiger55RomanRoman';
        line-height: 36px;
        color: #000;
        padding: 0 0 0 30px;
        background: url(../images/bullet_point.png) left 13px no-repeat;
    }

#content_area .services_top {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    overflow: hidden;
    background: url(../images/line_bg.png) left bottom repeat-x;
}

    #content_area .services_top H1 {
        width: 960px;
        color: #23b2e4;
        text-align: left;
        font-size: 24px;
        line-height: 62px;
        font-family: 'Frutiger55RomanRoman';
        font-weight: normal;
        margin: 0 auto;
    }

    #content_area .services_top .special_text {
        font-size: 30px;
        font-family: 'Freehand521BTRegular';
        float: left;
        color: #24b9ed;
        margin: 0 0 20px 0;
    }

        #content_area .services_top .special_text span {
            color: #eb611e;
        }

    #content_area .services_top ul {
        float: left;
        list-style: none;
        width: 960px;
    }

        #content_area .services_top ul li {
            width: 293px;
            padding: 0 10px;
            float: left;
        }

            #content_area .services_top ul li img {
                margin: 0 0 0 87px;
                width: 120px;
                height: 80px;
            }

            #content_area .services_top ul li h2 {
                margin: 0 auto;
                text-align: center;
                font-size: 18px;
                color: #24b9ed;
                font-family: 'Frutiger55RomanRoman';
                line-height: 36px;
            }

                #content_area .services_top ul li h2 span {
                    color: #454545;
                }

            #content_area .services_top ul li p {
                margin: 10px 0 0 0;
                height: 80px;
                float: left;
                width: 100%;
                text-align: center;
                color: #454545;
            }

            #content_area .services_top ul li .btn {
                padding: 11px 0;
                margin: 20px 0 0 0;
                width: 293px;
                float: left;
                text-align: center;
                background: #ccc;
                color: #fff;
                border-radius: 4px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
            }

                #content_area .services_top ul li .btn:hover {
                    background: #454545;
                    color: #fff;
                }


            #content_area .services_top ul li .services_sub {
                float: right;
                width: 840px;
                overflow: hidden;
                margin: 10px 0px;
            }

                #content_area .services_top ul li .services_sub h1 {
                    float: left;
                    font-size: 16px;
                    color: #800000;
                    line-height: 22px;
                    font-family: 'Frutiger55RomanRoman';
                }

                #content_area .services_top ul li .services_sub p {
                    float: left;
                    font-size: 14px;
                    color: #454545;
                }


    #content_area .services_top p {
        float: left;
        margin: 20px 0 0 0;
        color: #000;
    }

.partners_sec {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

    .partners_sec H1 {
        width: 960px;
        color: #23b2e4;
        text-align: left;
        font-size: 24px;
        line-height: 62px;
        font-family: 'Frutiger55RomanRoman';
        font-weight: normal;
        float: left;
        background: url(../images/line_bg.png) left bottom repeat-x;
    }

    .partners_sec img {
        padding: 10px;
        height: 50px;
        float: left;
        -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.6);
        -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.6);
        box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.6);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 10px;
        background: #ffffff; /* Old browsers */
    }

.tech_sec {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 10px 0;
    overflow: hidden;
    background: url(../images/line_bg.png) left bottom repeat-x;
}

    .tech_sec H1 {
        width: 960px;
        color: #23b2e4;
        text-align: left;
        font-size: 24px;
        line-height: 62px;
        font-family: 'Frutiger55RomanRoman';
        font-weight: normal;
        float: left;
        background: url(../images/line_bg.png) left bottom repeat-x;
    }

    .tech_sec img {
        float: left;
        border: none;
        margin: 10px 10px;
    }

#content_area .contact_sec {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    overflow: hidden;
}

    #content_area .contact_sec .cont_area {
        width: 307px;
        padding: 10px;
        float: right;
        overflow: hidden;
        margin-top: 120px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.6);
        -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.6);
        box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.6);
        background: url(../images/content_trans_bg.png) left top repeat;
    }

        #content_area .contact_sec .cont_area h1 {
            float: left;
            width: 100%;
            font-size: 18px;
            color: #07b6ff;
        }

        #content_area .contact_sec .cont_area p {
            border-bottom: 1px #ccc dashed;
            padding: 0px 0 10px 0;
            margin: 10px 0px 10px 0;
            float: left;
        }

        #content_area .contact_sec .cont_area ul {
            float: left;
            width: 100%;
            list-style: none;
            overflow: hidden;
        }

            #content_area .contact_sec .cont_area ul li {
                float: left;
                width: 100%;
                margin: 10px 0px 5px 0px;
            }

        #content_area .contact_sec .cont_area .telephone {
            width: 250px;
            float: left;
            padding: 0 0 0 40px;
            font-size: 16px;
            color: #454545;
            background: url(../images/contact_telephone_icon.png) left 3px no-repeat;
        }

        #content_area .contact_sec .cont_area .email {
            width: 250px;
            float: left;
            padding: 0 0 0 40px;
            font-size: 16px;
            color: #454545;
            background: url(../images/contact_email_icon.png) left 5px no-repeat;
        }

    #content_area .contact_sec .quick_contact {
        width: 307px;
        float: right;
    }

        #content_area .contact_sec .quick_contact H1 {
            width: 300px;
            color: #23b2e4;
            text-align: left;
            font-size: 24px;
            line-height: 62px;
            font-family: 'Frutiger55RomanRoman';
            font-weight: normal;
            float: left;
        }

        #content_area .contact_sec .quick_contact .form_sec {
            width: 300px;
            float: left;
            overflow: hidden;
        }

            #content_area .contact_sec .quick_contact .form_sec .input_name {
                background: url("../images/input_name.png") no-repeat scroll left top transparent;
                color: #454545;
                float: left;
                font-family: 'Frutiger55RomanRoman';
                font-size: 13px;
                line-height: 18px;
                padding: 9px 0 9px 50px;
                width: 220px;
            }

            #content_area .contact_sec .quick_contact .form_sec .input_email {
                background: url("../images/input_email.png") no-repeat scroll left top transparent;
                color: #454545;
                float: left;
                font-family: 'Frutiger55RomanRoman';
                font-size: 13px;
                line-height: 18px;
                margin: 10px 0 0 0;
                padding: 9px 0 9px 50px;
                width: 220px;
            }

            #content_area .contact_sec .quick_contact .form_sec .input_phone {
                background: url("../images/input_phone.png") no-repeat scroll left top transparent;
                color: #454545;
                float: left;
                font-family: 'Frutiger55RomanRoman';
                font-size: 13px;
                line-height: 18px;
                margin: 10px 0 0 0;
                padding: 9px 0 9px 50px;
                width: 220px;
            }

            #content_area .contact_sec .quick_contact .form_sec .input_web {
                background: url("../images/input_website.png") no-repeat scroll left top transparent;
                color: #454545;
                float: left;
                font-family: 'Frutiger55RomanRoman';
                font-size: 13px;
                line-height: 18px;
                margin: 10px 0 0 0;
                padding: 9px 0 9px 50px;
                width: 220px;
            }

            #content_area .contact_sec .quick_contact .form_sec .input_message {
                background: url("../images/input_message.png") no-repeat scroll left top transparent;
                color: #454545;
                float: left;
                font-family: 'Frutiger55RomanRoman';
                font-size: 13px;
                line-height: 18px;
                margin: 10px 0 0 0;
                padding: 9px 5px 9px 50px;
                width: 215px;
                height: 86px;
            }

            #content_area .contact_sec .quick_contact .form_sec .submit_btn {
                font-size: 12px;
                padding: 9px 30px 7px 11px;
                line-height: 16px;
                cursor: pointer;
                float: right;
                margin: 10px 20px 0 0;
                font-family: 'Frutiger55RomanRoman';
                color: #5f3800;
                background: url(../images/submit_btn.png) left top no-repeat;
            }

                #content_area .contact_sec .quick_contact .form_sec .submit_btn:hover {
                    color: #fff;
                    background: url(../images/submit_btn.png) left -30px no-repeat;
                }
/*********mobile enterprices*******/
.mobility_enterprise {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    overflow: hidden;
    background: url(../images/line_bg.png) left bottom repeat-x;
}

    .mobility_enterprise H1 {
        width: 960px;
        color: #23b2e4;
        text-align: left;
        font-size: 24px;
        line-height: 62px;
        font-family: 'Frutiger55RomanRoman';
        font-weight: normal;
        margin: 0 auto;
    }

    .mobility_enterprise ul {
        list-style: none;
        float: left;
    }

        .mobility_enterprise ul li {
            float: left;
            width: 918px;
            padding: 20px;
            border: 1px #f1f1f1 solid;
            background: url(../images/services_bg.png) left top repeat;
        }

            .mobility_enterprise ul li img {
                width: 100px;
                float: left;
            }

            .mobility_enterprise ul li .img {
                width: 100px;
                float: right;
            }

            .mobility_enterprise ul li h2 {
                font-size: 20px;
                float: left;
                color: #000;
                margin: 0 0 0 20px;
                font-family: 'Frutiger55RomanRoman';
            }

            .mobility_enterprise ul li p {
                float: left;
                width: 775px;
                color: #454545;
                margin: 10px 0 0 20px;
                padding: 10px auto;
            }

            .mobility_enterprise ul li .p_right {
                float: right;
                width: 797px;
                color: #454545;
            }

            .mobility_enterprise ul li span {
                font-size: 20px;
                color: #0cb0e9;
            }
/*********end mobile enterprices*******/

/*********Web development********/
.web_development {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    overflow: hidden;
    background: url(../images/line_bg.png) left bottom repeat-x;
}

    .web_development H1 {
        width: 960px;
        color: #23b2e4;
        text-align: left;
        font-size: 24px;
        line-height: 62px;
        font-family: 'Frutiger55RomanRoman';
        font-weight: normal;
        margin: 0 auto;
    }

    .web_development ul {
        list-style: none;
        float: left;
    }

        .web_development ul li {
            float: left;
            width: 918px;
            padding: 20px;
            border: 1px #f1f1f1 solid;
            background: url(../images/services_bg.png) left top repeat;
        }

            .web_development ul li img {
                width: 100px;
                float: left;
            }

            .web_development ul li .img {
                width: 100px;
                float: right;
            }

            .web_development ul li h2 {
                font-size: 20px;
                float: left;
                color: #000;
                margin: 0 0 0 20px;
                font-family: 'Frutiger55RomanRoman';
            }

            .web_development ul li p {
                float: left;
                width: 775px;
                color: #454545;
                margin: 10px 0 0 20px;
                padding: 10px auto;
            }

            .web_development ul li .p_right {
                float: right;
                width: 797px;
                color: #454545;
            }

            .web_development ul li span {
                font-size: 20px;
                color: #0cb0e9;
            }
/*********end Web development********/

/**********seo************/
.seo {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    overflow: hidden;
    background: url(../images/line_bg.png) left bottom repeat-x;
}

    .seo H1 {
        width: 960px;
        color: #23b2e4;
        text-align: left;
        font-size: 24px;
        line-height: 62px;
        font-family: 'Frutiger55RomanRoman';
        font-weight: normal;
        margin: 0 auto;
    }

    .seo ul {
        list-style: none;
        float: left;
    }

        .seo ul li {
            float: left;
            width: 918px;
            padding: 20px;
            border: 1px #f1f1f1 solid;
            background: url(../images/services_bg.png) left top repeat;
        }

            .seo ul li img {
                width: 100px;
                float: left;
            }

            .seo ul li .img {
                width: 100px;
                float: right;
            }

            .seo ul li h2 {
                font-size: 20px;
                float: left;
                color: #000;
                margin: 0 0 0 20px;
                font-family: 'Frutiger55RomanRoman';
            }

            .seo ul li p {
                float: left;
                width: 775px;
                color: #454545;
                margin: 10px 0 0 20px;
                padding: 10px auto;
            }

            .seo ul li .p_right {
                float: right;
                width: 797px;
                color: #454545;
            }

            .seo ul li span {
                font-size: 20px;
                color: #0cb0e9;
            }
/**********end seo************/

/**********mobile marketing***********/
.mobile_marketing {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    overflow: hidden;
    background: url(../images/line_bg.png) left bottom repeat-x;
}

    .mobile_marketing H1 {
        width: 960px;
        color: #23b2e4;
        text-align: left;
        font-size: 24px;
        line-height: 62px;
        font-family: 'Frutiger55RomanRoman';
        font-weight: normal;
        margin: 0 auto;
    }

    .mobile_marketing ul {
        list-style: none;
        float: left;
    }

        .mobile_marketing ul li {
            float: left;
            width: 918px;
            padding: 20px;
            border: 1px #f1f1f1 solid;
            background: url(../images/services_bg.png) left top repeat;
        }

            .mobile_marketing ul li img {
                width: 100px;
                float: left;
            }

            .mobile_marketing ul li .img {
                width: 100px;
                float: right;
            }

            .mobile_marketing ul li h2 {
                font-size: 20px;
                float: left;
                color: #000;
                margin: 0 0 0 20px;
                font-family: 'Frutiger55RomanRoman';
            }

            .mobile_marketing ul li p {
                float: left;
                width: 775px;
                color: #454545;
                margin: 10px 0 0 20px;
                padding: 10px auto;
            }

            .mobile_marketing ul li .p_right {
                float: right;
                width: 797px;
                color: #454545;
            }

            .mobile_marketing ul li span {
                font-size: 20px;
                color: #0cb0e9;
            }
/**********end mobile marketing***********/

#content_area .content_sec .about_us_cont H1 {
    width: 960px;
    color: #23b2e4;
    text-align: left;
    font-size: 24px;
    line-height: 62px;
    font-family: 'Frutiger55RomanRoman';
    font-weight: normal;
    margin: 0 auto;
}

#content_area .content_sec .about_us_cont p {
    width: 960px;
    color: #454545;
    text-align: left;
    font-size: 14px;
    font-family: 'Frutiger45LightLight';
    margin: 10px auto;
}

#content_area .content_sec .about_us_cont .special_text {
    width: 960px;
    color: #ec6e34;
    text-align: left;
    font-size: 16px;
    font-family: 'Frutiger45LightLight';
    margin: 0 auto;
}

#content_area .content_sec .about_us_cont ul {
    float: left;
    width: 940px;
    overflow: hidden;
    list-style: none;
}

    #content_area .content_sec .about_us_cont ul li {
        float: left;
        width: 100%;
        font-size: 14px;
        font-family: 'Frutiger55RomanRoman';
        line-height: 36px;
        color: #000;
        padding: 0 0 0 30px;
        background: url(../images/bullet_point.png) left 13px no-repeat;
    }


#content_area .content_sec .seo_section H1 {
    width: 960px;
    color: #23b2e4;
    text-align: left;
    font-size: 24px;
    line-height: 62px;
    font-family: 'Frutiger55RomanRoman';
    font-weight: normal;
    margin: 0 auto;
}

#content_area .content_sec .seo_section p {
    width: 960px;
    color: #454545;
    text-align: left;
    font-size: 14px;
    font-family: 'Frutiger45LightLight';
    margin: 10px auto;
}

#content_area .content_sec .seo_section .special_text {
    width: 960px;
    color: #ec6e34;
    text-align: left;
    font-size: 16px;
    font-family: 'Frutiger45LightLight';
    margin: 0 auto;
}

#content_area .content_sec .seo_section ul {
    float: left;
    width: 940px;
    margin: 10px auto;
    overflow: hidden;
    list-style: none;
}

    #content_area .content_sec .seo_section ul li {
        float: left;
        width: 100%;
        font-size: 14px;
        font-family: 'Frutiger45LightLight';
        line-height: 20px;
        margin: 10px 0 0 0;
        color: #454545;
        border: none;
        padding: 0 0 0 30px;
        background: url(../images/bullet_point.png) left 5px no-repeat;
    }