body {
    font-family: Arial, Helvetica, sans-serif;
    color: #717171;
    line-height: 21px;
    font-size: 12px; /*background-image:url(../images/pattern/3.png);*/
}


h1, h2, h3, h4, h6 {
    color: #454545;
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 36px;
    line-height: 36px;
}

h2 {
    font-size: 24px;
    line-height: 28px;
}

h3 {
    font-size: 21px;
    line-height: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
    line-height: 18px;
    color: white;
}

h6 {
    font-size: 12px;
    line-height: 16px;
}

h10 {
    font-size: 19px;
    color: white;
}

h13 {
    font-size: 19px;
    color: white;
}

h11 {
    font-size: 14px;
    color: white;
}

h12 {
    font-size: 14px;
    color: #FFFEFE;
}

/*
colorpicker
------------------*/
#colorSelector {
    position: relative;
    width: 36px;
    height: 36px;
    float: left;
    background: url(images/colorpicker/pick.png) no-repeat;
}

#colorSelector_inner {
    position: relative;
    width: 36px;
    height: 36px;
    float: left;
    background: url(images/colorpicker/pick.png) no-repeat;
}


/*
ShortCodes
--------------------------------------*/
/* img_borders */
.frame {
    padding: 7px;
    background: #fff;
    border: 1px solid #e0e0e0;
}


/* img hover classes */

.zoom {
    display: block;
    background: url(../images/plus.png) center no-repeat;
    position: absolute;
}

.video {
    display: block;
    background: url(../images/video.png) center no-repeat;
    position: absolute;
}

/* dark button*/

.darkbutton a {
    border: 0;
    cursor: pointer;
    padding: 0 20px 0 0;
    text-align: center;
    text-decoration: none;
}

    .darkbutton a span {
        position: relative;
        display: block;
        white-space: nowrap;
        padding: 0 0 0 20px;
    }

a.darkbtn {
    background: url(../images/right-button.png) right no-repeat;
    float: left;
    font-size: 12px;
}

    a.darkbtn span {
        height: 50px;
        line-height: 50px;
        background: url(../images/left-button.png) left no-repeat;
        color: #fff;
    }

    a.darkbtn:hover {
        background: url(../images/right-button-hover.png) right no-repeat;
        float: left;
        font-size: 12px;
    }


        a.darkbtn:hover span {
            height: 50px;
            line-height: 50px;
            background: url(../images/left-button-hover.png) left no-repeat;
            color: #fff;
        }

/*
light buttons
------------------------------------*/

.lightbutton a {
    border: 0;
    cursor: pointer;
    padding: 0 20px 0 0;
    text-align: center;
    text-decoration: none;
}

    .lightbutton a span {
        position: relative;
        display: block;
        white-space: nowrap;
        padding: 0 0 0 20px;
    }

a.lightbtn {
    background: url(../images/light-right.png) right no-repeat;
    float: left;
    font-size: 12px;
}

    a.lightbtn span {
        height: 50px;
        line-height: 50px;
        background: url(../images/light-left.png) left no-repeat;
        color: #777;
    }

    a.lightbtn:hover {
        background: url(../images/light-right-hover.png) right no-repeat;
        float: left;
        font-size: 12px;
    }

        a.lightbtn:hover span {
            height: 50px;
            line-height: 50px;
            background: url(../images/light-left-hover.png) left no-repeat;
            color: #777;
        }


/*
Custom tabs
--------------------------------------*/
.custom_tabs {
    float: left;
    margin-top: 15px;
}

    .custom_tabs ul {
        float: left;
        background: url(../images/tabbg.png) repeat-x;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        height: 39px;
        border-left: 1px solid #ddd;
    }

        .custom_tabs ul li {
            float: left;
            display: inline;
            width: 70px;
            height: 30px;
            text-align: center;
            border-right: 1px solid #ddd;
            border-left: 1px solid #fff;
            padding-top: 10px;
        }


            .custom_tabs ul li.active {
                background: url(../images/tab-hover.png) repeat-x;
                width: 70px;
                height: 30px;
            }

            .custom_tabs ul li a {
                color: #666;
                font-size: 12px;
                text-decoration: none;
            }

.t_content {
    border: 1px solid #ddd;
    margin-left: 2px;
}

    .t_content p {
        padding: 14px;
    }


/*
image alignments
-------------------------------*/
.alignright, img.alignright {
    float: right;
    margin: 0 0 5px 10px;
}

.leftalign, .alignleft, img.aligneft {
    float: left;
    margin: 0 10px 5px 0;
}


/*
Toggles
--------------------------------*/

.toggles {
    clear: both;
    margin-top: 20px;
}

    .toggles a {
        float: left;
        width: 530px;
        border: 1px solid #ddd;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 7px 7px 7px 20px;
        margin-top: 20px;
        text-decoration: none;
        color: #353535;
    }

    .toggles p {
        clear: both;
        padding: 6px;
    }

.toggle_trigger {
    background: url(../images/arrow-right.png) no-repeat 3px 50%;
}

.toggle_active {
    background: url(../images/arrow.png) no-repeat 3px 50%;
}

.toggle_container {
    width: 570px;
    float: left;
}

.services_toggles {
    margin-left: 10px;
}

/*
Drop caps
---------------------------------*/
span.dropcap {
    float: left;
    font-size: 36px;
    line-height: 36px;
    margin-right: 10px;
}

/*
Alerts messages
-----------------------------------*/
.alert_success, .alert_error, .alert_warning, .alert_info {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 15px 0;
    padding: 10px 20px 10px 30px;
}

.alert_success {
    background: url(images/success.png) no-repeat scroll 8px center #E5FFCC;
    border: 1px solid #BBDD99;
    color: #557733;
}

.alert_warning {
    background: url(images/warning.png) no-repeat scroll 8px center #FFFFDD;
    border: 1px solid #DDDDCC;
    color: #666644;
}

.alert_info {
    background: url(images/info.png) no-repeat scroll 8px center #E5EFFF;
    border: 1px solid #BBDDEE;
    color: #446677;
}

.alert_error {
    background: url(images/error.png) no-repeat scroll 8px center #FFCCCC;
    border: 1px solid #DDAAAA;
    color: #774444;
}

/*
blockqutos
-------------------------------*/

blockquote {
    background: url(files/quote.png) no-repeat scroll 0 0 transparent;
    font-size: 13px;
    font-style: italic;
    padding-left: 50px;
    width: 40%;
}
/*
bulltes style
--------------------------------------*/

.bullet ul li {
    background: url(../images/files/bullet.png) no-repeat scroll left 4px transparent;
    padding-left: 25px;
    font-size: 11px;
}

.arrowbullet ul li {
    background: url(../images/files/bullet-check.png) no-repeat scroll left 4px transparent;
    padding-left: 25px;
    font-size: 11px;
}

.arrowbullet2 ul li {
    background: url(../images/files/bullet-arrow.png) no-repeat scroll left 4px transparent;
    padding-left: 25px;
    font-size: 11px;
}


/*
Seprator box 
-------------------------------*/
.bread {
    width: 920px;
    height: 30px;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 10px;
    background: #000;
    opacity: 0.8;
}

    .bread h3 {
        font-style: italic;
        margin: 12px 10px 12px 18px;
        border-right: 1px solid #ddd;
        width: auto;
        float: left;
        padding-right: 10px;
    }

    .bread p {
        float: left;
        margin-top: 14px;
        margin-left: 0px;
    }

.search_box {
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}

input.search_box:focus {
    border-color: #158DB5;
    box-shadow: 0 0 2px #158DB5;
}

.search_box {
    background: url(../images/search-bg.png) no-repeat right center #FFFFFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #C6C6C6;
    padding: 8px;
    width: 160px;
    border: none;
    font-size: 11px;
    border: 1px solid #eee;
}

.searchinput {
    border: 1px solid #ddd;
    width: 160px;
    height: 20px;
}

.search_btn {
    border: none;
    height: 23px;
    text-indent: -99999px;
    width: 30px;
    background: #ddd;
}

/*
header
---------------------------------*/

#header {
    margin-top: 30px;
}

#main_box {
    width: 990px;
    margin: auto; /*background:#fcfcfc;*/
    margin-top: 30px;
    position: relative;
    margin-bottom: 30px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}


.strip {
    width: 992px;
    height: 5px;
    margin-left: auto;
    margin-right: auto; /*background:#353535;*/
}


.info_strip { /*background: none repeat scroll 0 0 #F9F9F9;*/
    /*box-shadow: 0 0 2px #B7B7B7;
    -moz-box-shadow: 0 0 2px #b7b7b7;
    -webkit-box-shadow: 0 0 2px #b7b7b7;*/
    height: 35px;
    width: 100%;
}


.left_info {
    float: left;
    margin-left: 10px;
    padding-top: 10px;
    width: 210px;
}

    .left_info img {
        float: left;
        width: 14px;
        height: 14px;
        margin-right: 5px;
    }

p.email {
    position: relative;
    top: -3px;
    font-size: 11px;
    color: black;
}
p.email a{

  
    font-size: 11px;
    color: white;
    text-decoration:none;
}

.right_info {
    float: right;
    margin-right: 10px;
    padding-top: 10px;
    width: 143px;
}

    .right_info ul li {
        display: inline;
        float: left;
        width: 14px;
        height: 14px;
        margin-left: 5px;
    }

    .right_info p {
        float: right;
        font-size: 10px;
        margin-top: -3px;
    }

    .right_info ul li:last-child {
        border-right: 1px solid #ddd;
        padding-right: 7px;
    }

    .right_info ul li img {
        width: 14px;
        height: 14px;
    }

#logo {
    float: left;
}



#myslidemenu {
    float: right;
    margin-right: 0;
    z-index: 1;
    width: 580px;
}

.jqueryslidemenu {
    font-size: 14px;
    height: auto;
    float: right;
    margin-right: 0;
    margin-top: 16px;
}

    .jqueryslidemenu ul {
        padding: 0;
        list-style-type: none;
    }


        .jqueryslidemenu ul li {
            position: relative;
            display: inline;
            float: left;
            z-index: 1;
        }

            .jqueryslidemenu ul li a {
                display: inline-block;
                color: white;
                text-decoration: none;
                margin-right: 5px;
                padding: 3px 10px;
                font-size: 15px;
                font: bold oblique;
            }



                .jqueryslidemenu ul li a:hover {
                    color: #e0e0e0;
                }

            .jqueryslidemenu ul li ul {
                position: absolute;
                visibility: hidden;
                z-index: 1;
                height: auto;
                width: 163px;
                background: none repeat scroll 0 0 #FFFFFF;
                border: 1px solid #E0E0E0;
                box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
                -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
                -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
            }

                .jqueryslidemenu ul li ul li {
                    display: block;
                    margin: 0;
                    width: 163px;
                    border-bottom: 1px solid #ddd;
                }

                    .jqueryslidemenu ul li ul li a:hover {
                        background: #fbfbfb;
                    }

                    .jqueryslidemenu ul li ul li ul {
                        float: left;
                        margin-left: 5px;
                        background: url(../images/submenu.png) no-repeat;
                        height: 124px;
                        width: 154px;
                    }

                    .jqueryslidemenu ul li ul li a {
                        padding: 7px 0 7px 7px;
                        width: 158px;
                    }

.downarrowclass {
    position: absolute;
    top: 11px;
    right: 7px;
}

.rightarrowclass {
    position: absolute;
    top: 16px;
    right: 5px;
}







/*
thumbnail slider
----------------------------------*/

#slider {
    margin-top: 10px;
    z-index: 888;
    height: 376px;
    position: relative;
    background: url(../images/sliderbg.png) no-repeat;
}




#slides {
    position: relative;
    top: 10px;
    z-index: 100;
    padding-top: 4px;
}


.slides_container {
    width: 908px;
    overflow: hidden;
    position: relative;
    display: none;
    height: 338px;
    top: 2px;
    z-index: 777;
    margin-left: auto;
    margin-right: auto;
}


    .slides_container div.slide {
        width: 914px;
        height: 360px;
        display: block;
    }

#slides .next, #slides .prev {
    position: absolute;
    top: 107px;
    left: -39px;
    width: 24px;
    height: 43px;
    display: block;
    z-index: 101;
}

#slides .next {
    left: 585px;
}

/* slider-caption */

.caption {
    z-index: 500;
    position: absolute;
    height: 30px;
    right: -500px;
    top: 220px;
    padding: 5px 20px 0 20px;
    background: #000;
    width: 410px;
    height: 89px;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70); /* IE6+ */
}

    .caption h5 {
        color: #fff;
        font-size: 18px;
        padding-top: 5px;
        margin-bottom: 1px;
    }

    .caption p {
        padding-top: 5px;
        color: #fff;
        width: 410px;
        font-size: 11px;
        line-height: 16px;
    }

/* slider-thumbs-style */

ul.ts_container {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 270px;
    position: absolute;
    top: 289px;
    left: 58px;
    height: 17px;
    z-index: 99999;
}

    ul.ts_container li {
        float: left;
    }


        ul.ts_container li a {
            display: block;
            width: 28px;
            height: 21px;
            outline: none;
            text-align: center;
            border-right: 1px solid #363b3c;
            padding: 0 3px;
            background: #000;
            opacity: 0.7;
            filter: alpha(opacity=70); /* IE6+ */
            color: #fff;
            text-decoration: none;
        }

            ul.ts_container li a:hover, ul.ts_container li.selected a {
                opacity: 1;
            }

        ul.ts_container li.current {
            opacity: 0.9;
        }

        ul.ts_container li.ts_thumbnails {
            display: none;
            position: absolute;
            text-indent: -9000px;
        }

            ul.ts_container li.ts_thumbnails span {
                background: url(../images/sliderIcons/triangle.png) center top no-repeat transparent;
                width: 15px;
                height: 6px;
                position: absolute;
            }

.ts_preview_wrapper {
    border: 5px solid #fff;
    overflow: hidden;
    position: relative;
}

ul.ts_preview {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    ul.ts_preview li {
        float: left;
    }

        ul.ts_preview li img {
            display: block;
        }

/* stop-button of slider  */

a#stop {
    position: relative;
    top: -55px;
    left: 33px;
    width: 25px;
    height: 24px;
    border-right: 1px solid #363b3c;
    float: left;
    background: url(../images/pause.jpg) no-repeat;
    text-align: center;
    text-decoration: none;
    text-indent: -99999px;
    color: #000;
    z-index: 99999;
}


/* slider shadows */

.slideshadow {
    width: 912px;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/shadow3.png) no-repeat;
    height: 32px;
    position: relative;
    z-index: 333;
    bottom: 0;
    top: -12px;
    z-index: 4;
}



.slideshadow1 {
    width: 912px;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/slideshadow.png) no-repeat;
    height: 32px;
    position: relative;
    z-index: 333;
    bottom: 0;
    top: -12px;
    z-index: 4;
}



.slideshadow2 {
    width: 912px;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/shadow2.png) no-repeat;
    height: 32px;
    position: relative;
    z-index: 333;
    bottom: 0;
    top: -12px;
    z-index: 555;
}

/*
Main-content :Home page
----------------------------------*/

#main_containt {
    height: 100%;
    text-decoration: none;
}

/*
Why transforms :w-slides
---------------------------------*/

/* seprator */

.seprator {
    margin-bottom: 30px;
    margin-left: 10px;
    background: url(../images/sep1.jpg) 180px 15px no-repeat;
    width: 100%;
    padding-right: 16px;
}


.seprator1 {
    margin-bottom: 30px;
    margin-left: 10px;
    background: url(../images/sep1.jpg) 180px 15px no-repeat;
    width: 100%;
    padding-right: 16px;
}



#w_slides-wrap {
    float: left;
    left: 31px;
}

#w_slides, #w_slides h2 {
    float: left;
}

    #w_slides h2 {
        float: left;
    }

.overview {
    float: left;
    margin-top: 10px;
}


#wslider {
    float: left;
    width: 940px;
}

#w_slides ul li img {
    float: left;
}


/* w-slider -navigation */

#navigation {
    float: left;
}

    #navigation ul {
        margin-left: 60px;
    }

        #navigation ul li {
            width: 228px;
            display: block;
            border-bottom: 1px solid #ddd;
            border-top: 1px solid #fff;
            background: url(../images/li-arrow.gif) left center no-repeat;
            z-index: 9;
        }

            #navigation ul li:first-child {
                border-top: 1px solid #ddd;
            }

            #navigation ul li a {
                color: #373737;
                line-height: 35px;
                font-size: 12px;
                text-decoration: none;
                padding-left: 12px;
                height: 35px;
                display: block;
                z-index: 9;
            }


/* w-slide buttons */

.w_slide_btn {
    float: left;
    margin-left: 25px;
    margin-top: 4px;
}

    .w_slide_btn a {
        margin-right: 20px;
    }


/* active-tab */

.wactive {
    background: url(../images/wbg.png) no-repeat;
    z-index: 8;
}


/* w-slider -tab-content-style */

.overview h2 {
    margin-left: 20px;
    margin-top: 15px;
}

.overview p {
    float: left;
    width: 320px;
    margin-left: 10px;
    padding: 10px;
    margin-top: 5px;
}

/* web Designing */

.text-blocks p {
    width: 280px;
    padding-left: 2px;
    float: none;
    padding: 10px;
}

.text-blocks {
    margin-bottom: 5px;
}

.text-block {
    margin-bottom: 20px;
    margin-top: 5px;
    margin-right: 10px;
}

.text-blocks img {
    width: 42px;
    height: 42px;
    margin-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
}


.webdesign img {
    width: 320px;
    height: 219px;
    position: relative;
    left: -20px;
}

.webdesign p, .webdesign h4 {
    position: relative;
    padding-top: 5px;
}



/* Web Development */

.block span {
    float: left;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    padding: 8px;
    background: #dfdfdf;
}

    .block span:hover {
        background: #353535;
        color: #fff;
        cursor: pointer;
    }

.block {
    float: left;
    margin-top: 10px;
    width: 150px;
    height: 30px;
    margin-bottom: 34px;
}

    .block p {
        float: left;
        padding: 0;
        margin-left: 10px;
        margin-top: 10px;
    }

/* ecommerce Section */

.ecommerce > .darkbutton {
    margin-left: 35px;
    margin-top: 10px;
}


.ecommerce h2 {
    background: url(../images/e-commerce.png) no-repeat left 2px;
    padding-left: 30px;
    margin-left: 35px;
    font-size: 22px;
    width: 100%;
    margin-top: 10px;
}

.ecommerce p {
    clear: both;
    float: left;
    width: 90%;
    padding-left: 20px;
    padding-top: 10px;
    margin-left: 15px;
    line-height: 24px;
}


/* video -Section */

.video-frame {
    float: left;
    border: 1px solid #ddd;
    padding: 7px;
    background: #fff;
}
/* Seo -Section */

.seo p {
    float: left;
    width: 280px;
    padding: 3px;
    margin-left: 20px;
    margin-top: 5px;
}

.seo h2 {
    font-size: 19px;
    float: left;
    margin-left: 20px;
    margin-top: 0;
}


.seo div.buttons {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}
/* Get a Quatation */

.qutation p {
    clear: both;
    float: left;
    width: 90%;
    padding-left: 20px;
    padding-top: 10px;
    margin-left: 15px;
    line-height: 24px;
}

.qutation h2 {
    margin-left: 35px;
    font-size: 22px;
}

.qutation > .darkbutton {
    margin-left: 35px;
    margin-top: 10px;
}


/*

Caption:After Slider 
-----------------------------------*/
.middle-caption {
    margin-top: 20px;
    margin-left: 20px;
    float: left;
    width: 940px;
    padding-bottom: 10px;
}
    /* .middle-caption p{
width:680px;
float:left;
font-size:16px;
line-height:25px;
}
 */

    .middle-caption p {
        color: #929292;
        float: left;
        line-height: 24px;
        margin: 13px 0 0 15px;
        width: 670px;
        font-size: 16px;
        line-height: 26px;
    }

        .middle-caption p span {
            color: #363636;
        }

.bigbutton {
    float: right;
    margin-right: 20px;
}

    .bigbutton a {
        text-decoration: none;
        color: #f2f2f2;
        display: block;
        font-size: 22px;
        background: url(../images/bigbutton11.png) no-repeat;
        width: 215px;
        height: 75px;
        text-align: center;
    }

        .bigbutton a:hover {
            background: url(../images/bigbutton11-hover.png) no-repeat;
        }




    .bigbutton span {
        position: relative;
        top: 30px;
    }



/* 
 
 .bigbutton{
float:right;
margin-right:20px;

}

.bigbutton a{
text-decoration:none;
color:#f2f2f2;
display:block;
font-size:20px;
background:#353535;
width:180px;
height:60px;
text-align:center;
border-radius:4px 4px 0 0;
}


.bigbutton span {
position: relative;
top: 20px;
} */




/*
Recent project :carusol
----------------------------------*/


.seprator2 {
    margin-bottom: 30px;
    background: url(../images/sep1.png) center no-repeat;
    width: 100%;
    height: 28px;
    float: left;
    margin-left: 10px;
}

.heading {
    background: black;
    display: inline;
    width: auto;
    float: left;
    opacity: 0.8;
    padding: 5px;
    border-radius: 5px;
}

.heading2 {
    background: black;
    display: inline;
    width: auto;
    float: left;
    opacity: 0.8;
    padding: 5px;
    border-radius: 5px;
}
.seprator2 h2 {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
}

#carusol {
    height: 340px;
}

.recent_post {
    position: relative;
    height: 140px;
}

    .recent_post img {
        padding: 8px;
        background: #fff;
        border: 1px solid #ececec;
    }

.bx-window ul li span {
    position: absolute;
}

.bx-wrapper {
    margin-left: 30px;
    margin-right: 30px;
}

.bx-window ul li span {
    float: right;
    position: absolute;
    z-index: 100000000;
}

li.carusol_block {
    width: 220px;
    height: 260px;
}

.carusol_block p {
    width: 180px;
    padding-top: 6px;
    margin-left: 5px;
}

.carusol_block h6 {
    padding-left: 5px;
    padding-top: 10px;
    text-transform: uppercase;
}

ul.carusol_block {
    margin-left: 18px;
}

.bx-prev {
    float: left;
    background: url(../images/leftarrow.gif) no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50px;
    left: -30px;
    text-indent: -9999px;
    border: none;
}

.bx-next {
    float: right;
    background: url(../images/right-arrrow.gif) no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    text-indent: -9999px;
    top: 48px;
    left: 878px;
    border: none;
}


/*
Testimonial
-------------------------------*/
#testimonial > .bx-wrapper {
    margin-left: 20px;
}

#testimonial {
    float: left;
    width: 480px;
}

    #testimonial .seprator2 {
        margin-bottom: 20px;
    }


.testimonials {
    background: url(../images/hello.png) no-repeat;
    width: 470px;
    float: left;
    position: relative;
    height: 115px;
}

#testimonial ul li {
    height: 160px;
}

    #testimonial ul li span {
        margin-top: 35px;
        margin-left: 300px;
        width: 130px;
        background: #fcfcfc;
    }

        #testimonial ul li span a {
            color: #158db5;
        }

    #testimonial ul li p {
        width: 420px;
        margin-top: 20px;
        font-style: italic;
        margin-left: 20px;
        color: white;
    }

/* /*
Round about
------------------------------
*/
.client_sep {
    background: url(../images/sep1.jpg) 160px 15px no-repeat;
    padding-right: 275px;
}

#clients-wrap {
    float: right;
    top: 20px;
}

.team_pick img {
    float: left;
    width: 130px;
    margin-right: 10px;
}

#clients-wrap span {
    width: 100%;
}

.team_pick {
    float: left;
    overflow: hidden;
    width: 155px;
}

.team_text {
    float: left;
    width: 170px;
}

.ceo > .team_text {
    margin-top: -7px;
    margin-left: 5px;
}

    .ceo > .team_text a img {
        width: 16px;
        height: 16px;
        margin-top: 5px;
        border: none;
    }


.team_text a {
    color: #158DB5;
    text-decoration: none;
    font-size: 14px;
}

a.readmore {
    color: #000;
    text-decoration: none;
    font-size: 11px;
    width: auto;
    height: 18px;
    background: #eee;
    padding: 2px 5px 2px 5px;
    border: 1px solid #ddd;
    float: right;
    color: #777;
}


#clients-menu {
    float: right;
    clear: both;
    position: relative;
    z-index: 999;
    right: 15%;
    top: -25px;
}

    #clients-menu a {
        float: left;
        width: 10px;
        height: 10px;
        margin-right: 10px;
        background: #ddd;
        text-indent: -99999px;
    }

        #clients-menu a:hover {
            width: 8px;
            height: 8px;
            background: #353535;
            border: 1px solid #ddd;
        }

#roundabout {
    height: 255px;
    float: right;
}

    #roundabout ul li img {
    }

#filler {
    position: relative;
    top: 50px;
    z-index: 9999;
    text-align: center;
    height: 30px;
    margin-left: 20px;
    display: block;
}



/*
Round about
------------------------------*/

.client_sep {
    background: url(../images/sep1.jpg) 136px 15px no-repeat;
    padding-right: 275px;
}

#roundabout {
    height: 255px;
    float: right;
}

    #roundabout ul li img {
    }


#featured ul {
    top: 10px;
}

#filler {
    position: relative;
    top: 100px;
    z-index: 9999;
    text-align: center;
    height: 30px;
    margin-left: 20px;
    display: block;
}

/* seprator */

.rounaboutsep {
    margin-top: 35px;
    background: url(../images/client-sep.png) no-repeat;
    width: 170px;
    height: 30px;
    margin-left: 29%;
}


#roundabout_controls {
    float: left;
    width: 300px;
    margin-left: 48px;
    margin-top: -30px;
}

#next {
    float: left;
    background: url(../images/roundabout-left.gif) no-repeat;
    height: 14px;
    margin-left: 40px;
}

#previous {
    float: right;
    background: url(../images/roundabout-right.gif) no-repeat;
    height: 14px;
    margin-top: -1px;
    margin-right: 47px;
}

#roundabout_controls a {
    width: 7px;
}




/* seprator */

.rounaboutsep {
    background: url(../images/roundabout_seprator.png) no-repeat;
    width: 170px;
    height: 30px;
    margin-left: 29%;
}

.roundabout-holder {
    list-style: none;
    width: 255px;
    height: 50px;
    margin: 0 auto;
    margin-top: 54px;
}

.roundabout-moveable-item {
    font-size: 12px !important;
    width: 148px;
    height: 99px;
    cursor: pointer;
    padding: 7px;
    border: 1px solid #ddd;
    background: #fff;
}

    .roundabout-moveable-item img {
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        margin: 0;
    }

.roundabout-in-focus {
    cursor: auto;
    float: left;
}

    .roundabout-in-focus:hover {
        background: #fff;
    }


/*
Blog page 
------------------------------*/

/* breadcrumb */

#breadcrumb {
    float: left;
    margin-top: 10px;
    margin-left: 25px;
    width: 930px;
}

    #breadcrumb p {
        text-transform: uppercase;
        font-size: 10px;
        color: #444;
    }


    #breadcrumb a {
        color: #3399CC;
        text-decoration: none;
    }


/* Posts Wrapper */

#content {
    float: left;
    margin-top: 0px;
    margin-left: 10px;
}

/* Post  */

.post {
    color: #777;
    font-size: 11px;
    margin-top: 5px;
}

    .post a {
        text-decoration: none;
        color: #fff;
    }

    .post ul li {
        float: left;
        border-bottom: 1px solid #ddd;
        margin-bottom: 35px;
        padding-bottom: 40px;
    }



    .post h3 a {
        color: #272727;
        font-size: 20px;
        margin-left: 4px;
    }

.postinfo {
    float: left;
    margin-left: 5px;
    font-size: 11px;
    margin-top: 3px;
}


.post p {
    margin-top: 15px;
    font-size: 11px;
    color: #777;
    margin-left: 10px;
}

.post ul li .small_img {
    margin-top: 15px;
}


/* post image Style */
.postimg {
    background: url(../images/postbg.png) no-repeat;
    width: 573px;
    height: 423px;
    margin-top: 15px;
}

    .postimg img {
        float: left;
        margin-left: 10px;
        margin-top: 9px;
        width: 555px;
        height: 400px;
    }

/* blog post button */

.post_btn {
    float: right;
    margin-top: 7px;
}

/* Comments section */

.comments {
    margin-right: 14px;
    float: right;
    background: url(../images/comment.png) no-repeat center;
    padding-left: 42px;
    margin-top: 2px;
    font-weight: bold;
}


.post_bottom {
    margin-top: 15px;
}
/* tags */

.tags {
    float: left;
    margin-top: 25px;
    background: url(../images/tag.png) no-repeat 5px;
    padding-left: 35px;
}

/* Share button */

.social_tips {
    float: right;
    background: url(../images/share.png) no-repeat;
    width: 26px;
    height: 25px;
    margin-left: 13px;
    margin-top: 20px;
    cursor: pointer;
    display: block;
}


.social {
    float: left;
    position: relative;
    background: url(../images/sharetooltip.png) no-repeat;
    width: 128px;
    height: 42px;
    top: -25px;
    left: 220px;
}

    .social ul li img {
        width: 18px;
        height: 18px;
    }

    .social ul li {
        margin-top: 5px;
        display: inline;
        margin-left: 10px;
        height: 100%;
        border: none;
        padding: 0;
    }


/* pagination */

.pagination {
    float: left;
    width: 380px;
    height: 60px;
    margin-left: 70px;
}

.prev-pagi {
    float: left;
    width: 75px;
    height: 32px;
    background: url(../images/blog-prev.png) no-repeat;
    text-align: center;
    padding-top: 5px;
}

    .prev-pagi a {
        font-size: 13px;
        color: #353535;
        text-decoration: none;
    }


.next-pagi {
    float: right;
    width: 75px;
    height: 32px;
    text-align: center;
    padding-top: 5px;
    background: url(../images/next-pag-bg.png) no-repeat;
}

    .next-pagi a {
        text-decoration: none;
        color: #353535;
        font-size: 13px;
    }

.post_pagi {
    float: left;
    margin-top: 3px;
    margin-left: 10px;
}

    .post_pagi ul {
        background: url(../images/blog-pag-bg.png) repeat-x;
        height: 24px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border: 1px solid #ddd;
    }

        .post_pagi ul li {
            float: left;
            display: inline;
            width: 33px;
            height: 22px;
            border-left: 1px solid #c8c8c8;
            border-right: 1px solid #fff;
            text-align: center;
            padding-top: 2px;
        }

            .post_pagi ul li.active {
                background: url(../images/active-bg.png);
                width: 33px;
                border-right: none;
            }

            .post_pagi ul li a {
                text-decoration: none;
                font-size: 12px;
                text-align: center;
                color: #353535;
            }

            .post_pagi ul li:first-child {
                border: 0;
            }

            .post_pagi ul li:last-child {
                border-right: 0;
            }



/* Sidebar style */

#sidebar {
    float: right;
    width: 320px;
    height: auto;
    background: url(../images/sidebar.png) no-repeat;
    margin-left: 20px;
    margin-bottom: 20px;
}

    #sidebar a {
        text-decoration: none;
    }


/* sidebar content */

#sidecontent {
    float: left;
}

    #sidecontent h4 {
        font-size: 17px;
        color: #393939;
        margin-top: 30px;
    }

/* widget */

#sidebar_widget {
    float: left;
    margin-top: 8px;
}

    #sidebar_widget p {
        font-size: 11px;
        color: #666;
        padding-top: 1px;
        width: 238px;
        height: 107px;
    }

    #sidebar_widget img {
        margin-left: -2px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 30px;
        margin-bottom:;
    }

/* Newsletter */

#newsletter {
    float: left;
}

    #newsletter p {
        font-size: 11px;
        color: #666;
        width: 216px;
        height: 51px;
        padding-top: 7px;
    }

    #newsletter .subscribe {
        background: #f9f9f9;
        width: 170px;
        height: 30px;
        padding-left: 10px;
        color: #999;
        font-size: 11px;
        margin-top: 20px;
        padding-top: 0;
        border: 1px solid #ddd;
        position: absolute;
    }

    #newsletter input {
        border: none;
        background: #454545;
        width: 35px;
        height: 32px;
        color: #fff;
        position: relative;
        float: right;
        margin-top: 20px;
        margin-right: 0px;
    }

.newsletter_text {
    clear: both;
    padding-top: 15px;
}

.link-news-rss {
    background: url(../images/icon_news_rss.gif) no-repeat scroll 0 0 transparent;
    color: #676767;
    font-family: Arial,Helvetica,sans-serif;
    padding-left: 22px;
    padding-top: 2px;
}

    .link-news-rss span {
        color: #008DB5;
    }



/* Sidebar tabs */
#sidebar_tabs {
    float: left;
    margin-left: -23px;
    margin-top: 40px;
}

    #sidebar_tabs ul {
        float: left;
        background: url(../images/tabbg.png) repeat-x;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        height: 39px;
    }

        #sidebar_tabs ul li {
            float: left;
            display: inline;
            width: 70px;
            height: 30px;
            text-align: center;
            border-right: 1px solid #ddd;
            border-left: 1px solid #fff;
            padding-top: 10px;
        }


            #sidebar_tabs ul li.active {
                background: url(../images/tab-hover.png) repeat-x;
                width: 70px;
                height: 30px;
            }

            #sidebar_tabs ul li a {
                color: #666;
                font-size: 12px;
                text-decoration: none;
            }


/* sidebar tabs -content style */

.tab_container {
    float: left;
    position: relative;
    left: -3px;
}


.recent_tab {
    float: left;
}

    .recent_tab h6 {
        float: left;
        margin-left: 10px;
        margin-top: 7px;
        color: #222;
    }

    .recent_tab ul {
        margin-top: 20px;
    }

        .recent_tab ul li {
            clear: both;
            width: 230px;
            height: 68px;
            border-bottom: 1px solid #ddd;
            margin-bottom: 11px;
        }


            .recent_tab ul li p {
                float: left;
                margin-left: 10px;
                margin-top: 3px;
                font-size: 10px;
                color: #999;
            }

            .recent_tab ul li img {
                float: left;
                padding: 5px;
                background: #fff;
                border: 1px solid #ddd;
            }

                .recent_tab ul li img:hover {
                    border: 1px solid #afafaf;
                }

/* comments tab content  */

.comments_tab {
    float: left;
}

    .comments_tab h6 {
        float: left;
        margin-left: 10px;
        margin-top: 7px;
        color: #222;
    }

    .comments_tab ul {
        margin-top: 20px;
    }

        .comments_tab ul li {
            clear: both;
            width: 230px;
            height: 68px;
            border-bottom: 1px solid #ddd;
            margin-bottom: 11px;
        }



            .comments_tab ul li p {
                float: left;
                margin-left: 10px;
                margin-top: 3px;
                font-size: 10px;
                color: #999;
                width: 120px;
            }

            .comments_tab ul li img {
                float: left;
                padding: 5px;
                background: #fff;
                border: 1px solid #ddd;
                width: 48px;
                height: 48px;
            }

                .comments_tab ul li img:hover {
                    border: 1px solid #afafaf;
                }

/* sidbar tabs tags  */


.tags_tab {
    margin-top: 20px;
    width:;
}

    .tags_tab a {
        float: left;
        border: 1px solid #EDEDED;
        border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        -webkit-border-radius: 2px 2px 2px 2px;
        color: #999999;
        display: inline-table;
        font-weight: normal;
        margin: 2px;
        padding: 4px 10px;
        text-decoration: none;
        background: #fbfafc;
    }

        .tags_tab a:hover {
            background: #fff;
        }


/* sidebar ads */

#sidebar_ads {
    border-top: 1px solid #DDDDDD;
    float: left;
    margin-left: -22px;
    margin-top: 20px;
    padding-left: 10px;
    position: relative;
    width: 280px;
}

    #sidebar_ads ul {
        float: left;
        margin-top: 20px;
    }


        #sidebar_ads ul li {
            float: left;
            display: inline;
            margin: 0;
        }


/* Single Blog post styles */

.social_icons {
    float: right;
    width: 160px;
    margin-top: 25px;
    margin-right: -60px;
}

    .social_icons a img {
        width: 20px;
        height: 20px;
    }

/* Comment section start here  */

.commenthead {
    float: left;
    background: url(../images/files/comment-head.png) repeat-x;
    width: 280px;
    height: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

    .commenthead p {
        color: #fff;
        padding-left: 11px;
        padding-top: 5px;
        font-size: 13px;
        text-transform: uppercase;
    }


/* first comment style */

.firstcomment {
    margin-top: 8px;
}

    .firstcomment p {
        font-size: 11px;
        margin-left: 5px;
        margin-top: 5px;
    }

/* reply Comment */

.replycomment {
    margin-left: 35px;
    margin-top: 10px;
    background: #000;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
    height: 165px;
    width: 130px;
    float: left;
    color: white;
    opacity: 1;
}

    .replycomment p {
        font-size: 11px;
        margin-left: 5px;
        margin-top: 5px;
    }

/* comments avtar styles */

.cavatar {
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 10px;
    margin-top: 5px;
    border: 1px solid #ddd;
    margin-left: 4px;
}

    .cavatar img {
        width: 110px;
        height: 110px;
        margin: 5px 0px 0px 5px;
    }

.date {
    font-size: 10px;
    color: #777;
}

.head {
    font-size: 13px;
    color: #333;
    margin-top: 132px;
    margin-left: 10px;
}

a .head h5 {
    margin-top: 20px;
    font-size: 16px;
    text-decoration: none;
}

    a .head h5:hover {
        margin-top: 20px;
        font-size: 16px;
        text-decoration: none;
        color: #F18622;
    }

.says {
    font-size: 11px;
    font-style: italic;
}


/* Comment form  */

#formhead {
    padding: 10px;
}

.border {
    width: 576px;
    height: 2px;
    border-top: 1px solid #ddd;
}


#commentform {
    margin-top: 30px;
    width: 600px;
}

    #commentform input {
        margin-right: 20px;
        width: 158px;
        height: 28px;
        padding-left: 10px;
        background: url(../images/files/inputbg.png) repeat-x;
        border: 1px solid #cbcbcb;
        font-size: 11px;
        color: #aaa;
    }

    #commentform textarea {
        margin-top: 20px;
        width: 556px;
        background: url(../images/files/textbg.png) repeat-x;
        height: 140px;
        border: 1px solid #bebebe;
        margin-bottom: 15px;
        padding-left: 15px;
        padding-top: 10px;
        font-size: 11px;
        color: #aaa;
        overflow: auto;
    }



#commentbtn {
    float: left;
    margin-top: -10px;
    margin-bottom: 50px;
}

    #commentbtn a {
        margin-right: 10px;
    }



/* basic shortcodes page style*/

#informationbox, #blockquotes, #buttons, #dropcap {
    margin-top: 20px;
    float: left;
    margin-left: 10px;
}

.block_setting {
    margin-top: 10px;
    margin-right: 10px;
}

#blockquotes p {
    margin-bottom: 10px;
}

.btnclass {
    float: left;
}

    .btnclass a {
        margin-right: 15px;
    }

#list-style {
    font-size: 11px;
    padding-top: 30px;
    height: 340px;
}

    #list-style > div {
        margin-top: 10px;
    }


/* advance shortcode page s yles */


#stabs {
    margin-top: 15px;
}

#tolltip p {
    margin-top: 10px;
    margin-bottom: 10px;
}


#tolltip {
    margin-top: 20px;
}

    #tolltip a {
        text-decoration: none;
        color: #008DB5;
    }

/* hover images style */


.hover_effect {
    float: left;
    margin-top: 15px;
    position: relative;
}

    .hover_effect a {
        position: relative;
        width: 169px;
        float: left;
    }

    .hover_effect p {
        margin-top: 10px;
        margin-bottom: 15px;
    }


/*###################
Contact Page
#####################*/

.sale_department {
    margin-top: 20px;
}

    .sale_department p {
    }

    .sale_department img {
        float: left;
        margin-bottom: 0;
        padding: 4px;
    }


/* Contact Form */
.content {
    width: 560px;
    float: left;
    margin-top: 20px;
}

#map {
    float: left;
    overflow: hidden;
    position: relative;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    z-index: 888;
    width: 560px;
    height: 200px;
    background: #fff url(../images/loading.gif) 50% 50% no-repeat;
    padding: 7px;
}

#map_canvas {
    overflow: hidden;
    position: absolute;
    z-index: 888;
    width: 560px;
    height: 200px;
}

.shadow {
    position: relative;
    background: url(../images/shadow.png) no-repeat;
    width: 591px;
    height: 40px;
    top: 218px;
    left: 28px;
    z-index: 777;
}

#side_content {
    float: right;
    margin-top: 30px;
    height: auto;
    margin-bottom: 80px;
}

#cf_submit_p {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}


.message_label {
    margin-left: 30px;
    margin-bottom: 10px;
}

.location h3 {
    margin-bottom: 5px;
}

.location {
    color: white;
}

.ceo {
    margin-top: 30px;
}

    .ceo h4 {
        margin-bottom: 10px;
    }

    .ceo img {
        float: left;
        padding: 5px;
        background: #fff;
        border: 1px solid #ddd;
    }

    .ceo p {
        float: left;
        width: 160px;
        margin-left: 10px;
    }

.address {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

    .address p span {
        float: left;
        width: 60px;
        color: white;
        font-size: 12px;
    }




.ceo_social {
    margin-top: 30px;
    margin-left: 10px;
}

    .ceo_social p {
        float: left;
        margin-right: 10px;
        font-size: 14px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 2px;
    }

.ceo_social {
    float: left;
    margin-left: 40px;
}

    .ceo_social img {
        width: 20px;
        height: 20px;
        opacity: 0.7;
    }


#contact_form_holder {
    float: left;
    width: 580px;
    height: 300px;
}

#contact_form {
    margin: 25px 0 0px 20px;
}

    #contact_form p {
        float: left;
    }

    #contact_form label {
        float: left;
        display: block;
        text-transform: uppercase;
        font-size: 10px;
        width: 100px;
        position: relative;
        top: 3px;
    }

    #contact_form input {
        width: 220px;
        padding: 5px;
        float: left;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fbfbfb;
        border: 1px solid #ddd;
        margin-top: 6px;
    }

    #contact_form textarea {
        padding: 5px;
        float: left;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fbfbfb;
        border: 1px solid #ddd;
        overflow: auto;
    }

        #contact_form input:focus, #contact_form input:hover, #contact_form textarea:focus, #contact_form textarea:hover {
            background: #f3f3f3;
        }

    #contact_form textarea {
        height: 130px;
        width: 280px;
        float: right;
        margin-right: -20px;
        position: relative;
    }

    #contact_form .error, #contact_form .success {
        display: none;
        font-style: italic;
        padding-left: 22px;
        float: left;
        margin-left: 10px;
        margin-top: 20px;
    }

    #contact_form .error {
        background: url(../images/error.png) no-repeat 0 center;
        color: #a00;
    }

    #contact_form .success {
        background: url(../images/success.png) no-repeat 0 center;
        color: #467;
    }

    #contact_form #email_error,
    #contact_form #name_error,
    #contact_form #subject_error {
        position: relative;
        float: left;
        padding: 0;
        margin-top: -50px;
        background: transparent;
        margin-left: 70px;
    }

    #contact_form #message_error {
        padding: 0;
        background: transparent;
        float: right;
        position: relative;
        left: -85px;
    }

    #contact_form input#send_message {
        width: 113px !important;
        height: 33px;
        margin-top: 15px;
        position: relative;
        cursor: pointer;
        cursor: hand;
        background: #353535;
        border: 1px solid #ddd;
        color: #fff;
        padding: 0;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }

    #contact_form #message_error {
        background: none repeat scroll 0 0 transparent;
        float: right;
        left: -75px;
        padding: 0;
        position: relative;
        margin-top: 4px;
    }

/*###################
About page
####################*/


/*###################
Services Pgae 
####################*/
.work img.photo {
    float: left;
    width: 135px;
    margin-right: 10px;
    margin-top: 15px;
}

.work {
    float: left;
}

.process {
    margin-top: 10px;
}

.one-half {
    margin-top: 10px;
}

.icon {
    float: left;
    margin-right: 5%;
}

.num {
    float: left;
    margin-right: 5%;
    background: #eee;
    width: 50px;
    height: 45px;
    text-align: center;
}

    .num:hover {
        background: #353535;
        color: #f2f2f2;
        cursor: pointer;
    }

    .num p {
        font-size: 24px;
    }



.services_btn a {
    background: none repeat scroll 0 0 #EEEEEF;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #999999;
    display: inline-table;
    float: left;
    font-size: 12px;
    margin-right: 10px;
    padding: 3px 15px;
    text-decoration: none;
}

.services_btn {
    float: right;
    margin-right: 15px;
    margin-top: 10px;
}

    .services_btn a {
        margin-left: 5px;
    }

.services_tab {
    width: 250px;
    float: left;
}

.tab-content img {
    margin-top: 5px;
}

#tab-menu {
    float: left;
    width: 280px;
    margin: 20px 20px 0 20px;
    list-style: none;
    font-size: 12px;
}

    #tab-menu h3 {
        border-bottom: 1px solid #ddd;
        margin-bottom: 14px;
        margin-left: 10px;
        padding-bottom: 7px;
        margin-top: 20px;
    }

    #tab-menu li {
        cursor: pointer;
        margin-left: 20px;
        color: #fff;
        border-bottom: 1px solid #ddd;
    }


        #tab-menu li a {
            color: #888;
            text-decoration: none;
            display: block;
            padding: 5px;
        }

        #tab-menu li img {
            width: 18px;
            height: 18px;
            padding-top: 3px;
        }

        #tab-menu li a {
            background: url(../images/li-arrow.gif) no-repeat left center;
            padding-left: 10px;
        }


    #tab-menu ul li img {
        vertical-align: middle;
        padding-right: 10px;
    }

/* tab-content divs */

.tab-wrapper {
    width: 960px;
    height: 600px;
}


.tab-content {
    width: 650px;
    float: left;
    height: auto;
    padding: 20px 20px 0 20px;
}

    .tab-content div.tab {
        display: none;
        background: #000;
        z-index: 9999;
        position: relative;
        float: left;
        opacity: 1.0;
        padding: 18px;
        border-radius: 5px;
    }

        .tab-content div.tab h4 {
            z-index: 777;
        }

        .tab-content div.tab.show {
            display: block;
        }

        .tab-content div.tab p {
            width: 900px;
            padding: 0;
            margin: 10px 0 20px 0;
            text-align: justify;
            color:white;
        }

        .tab-content div.tab div p {
            width: 100%;
        }


/* broucher */

.broucher {
    float: left;
    width: 200px;
    margin: 40px 20px 0 20px;
    list-style: none;
    font-size: 12px;
}


    .broucher h3 {
        border-bottom: 1px solid #ddd;
        margin-bottom: 14px;
        margin-left: 10px;
        padding-bottom: 7px;
    }

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

    .broucher p {
        float: left;
        width: 70px;
        margin-left: 10px;
    }


.divider2 {
    float: left;
    width: 100%;
    height: 1px;
    background: #ddd;
    margin: 10px;
    margin-bottom: 20px;
}




/*###################
Portfolio 
#####################*/

#portfolio {
    position: relative;
}

#portfolio-sorting {
    float: left;
    width: 960px;
}

/* Portfolio four colum  */

.port_head {
    float: left;
    margin-top: 20px;
    padding-left: 10px;
}

    .port_head p {
        margin-top: 5px;
        line-height: 20px;
    }

.sort {
}

    .sort p {
        margin-top: 0;
        margin-right: 10px;
    }

.sorting {
    float: right;
    margin-top: 5px;
}


    .sorting a {
        color: #999999;
        display: inline-table;
        float: left;
        font-weight: normal;
        padding: 2px 7px;
        margin-right: 10px;
        text-decoration: none;
        height: 32px;
    }



        .sorting a:hover,
        .sorting a:focus,
        .sorting a.current_link {
            background: url(../images/port-arrow.png) no-repeat bottom;
        }

        .sorting a.current_link {
            color: #FFFEFE;
            font-size: 16px;
        }

.item_content {
    margin-top: 5px;
}

    .item_content p {
        width: 230px;
        padding-left: 5px;
        background: #454545;
    }

    .item_content h5 {
        font-size: 14px;
        color: #fff;
        line-height: 22px;
        padding-left: 5px;
        text-align: center;
    }


.portfolio-grid {
    width: 960px;
    overflow: hidden;
    margin-left: 7px;
    margin-top: 30px;
    margin-left: 0;
}


    .portfolio-grid li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        *float: left;
        *padding: 0 0 0 31px;
        height: 355px;
        margin-bottom: 30px;
        border-radius: 5px;
        background: #000;
        opacity: 1;
    }

        .portfolio-grid li img {
            padding: 7px;
            background: #fff;
            border: 1px solid #e0e0e0;
            opacity: 1.0;
        }

    .portfolio-grid .item_thumb {
        width: 250px;
        height: 320px;
        float: none;
        opacity: 1.0;
    }

    .portfolio-grid .item_content {
        width: 220px;
        float: none;
        opacity: 1.0;
        color: white;
    }



/*
 portfolio One Coloum 
 -----------------------------*/

.portfolio_one {
    margin-left: 10px;
    margin-top: 20px;
}

    .portfolio_one li {
        position: relative;
        display: inline-block;
        vertical-align: top *float:left;
        *padding: 0 0 0 31px;
        clear: both;
        width: 940px;
        height: 310px;
        left: 0;
        right: 0;
    }

        .portfolio_one li img {
            padding: 7px;
            background: #fff;
            width: 520px;
            height: 260px;
            border: 1px solid #e0e0e0;
        }

    .portfolio_one .item_thumb_p1 {
        width: 570px;
        height: 290px;
        float: left;
    }

    .portfolio_one .item_content_p1 {
        width: 350px;
        float: left;
        margin-top: 10px;
        margin-bottom: 30px;
    }



        .portfolio_one .item_content_p1 a {
            text-decoration: none;
        }


        .portfolio_one .item_content_p1 span {
            clear: right;
            float: left;
            font-style: italic;
            margin-top: 5px;
        }

        .portfolio_one .item_content_p1 p {
            float: left;
            margin-top: 5px;
        }

.item_content_p1 > .btn {
    margin-top: 20px;
}


/*###################
footer
#####################*/
.endfoot {
    margin-top: 3px;
}


#footer {
    /*background: url(../images/foot.png) center no-repeat;*/
    background: #000;
    opacity: 0.8;
    height: 43px;
    margin-right: auto;
    width: 100%;
    border-radius: 5px;
}


    #footer a {
        text-decoration: none;
        color: #158DB5;
    }
/* footer headings */

.foothead {
    padding-top: 30px;
    margin-left: -10px;
    margin-bottom: 5px;
}

    .foothead h4 {
        color: #fffefe;
        font-size: 14px;
        margin-top: -1px;
        margin-left: 27px;
    }

    .foothead img {
        float: left;
    }


/* blog links */
#bloglink {
    float: left;
    height: 171px;
    color: #999999;
    font-size: 11px;
    margin-left: 26px;
}

    #bloglink ul {
        margin-top: 10px;
    }

        #bloglink ul li a {
            color: #999;
        }

            #bloglink ul li a:hover {
                color: #f1f1f1;
            }

/* twitter */

#tweet {
    float: left;
    margin-left: 30px;
}

.tweet_roll a {
    color: #158DB5;
}


#tweet p {
    color: #e8e8e8;
}

.tweet_detail {
    float: left;
    color: #c8c8c8;
    margin-bottom: 5px;
}

/* contact Section */

#contact {
    float: left;
    margin-left: 14px;
    width: 420px;
}

/* contact-heading */

#chead {
    padding-top: 28px;
    margin-left: -10px;
    margin-bottom: 10px;
}

    #chead h4 {
        color: #fffefe;
        font-size: 14px;
    }

    #chead img {
        float: left;
        margin-right: 5px;
    }

#contact p {
    color: #c7c7c7;
    height: 15px;
    line-height: 17px;
    margin-top: 5px;
}

/* address section  */
#address img {
    float: left;
    margin-top: 22px;
    margin-left: -8px;
    width: 180px;
    height: 80px;
}

#address ul {
    float: left;
    color: #f1f1f1;
    margin-left: 17px;
    margin-top: 10px;
    line-height: 12px;
}

    #address ul li {
        margin-top: 10px;
        font-size: 11px;
    }

        #address ul li span {
            float: left;
            width: 60px;
        }

/* footer -end copywrite Section */

#copywrite {
    float: left;
    margin-top: 9px;
    margin-left: 25px;
}

    #copywrite p {
        color: #999;
        font-size: 11px;
    }

/* Social tool tip */

#social {
    float: right;
    width: 145px;
    margin-top: 35px;
}

    #social p {
        float: left;
        color: #999;
        font-size: 10px;
    }

    #social ul li {
        display: inline;
        margin-left: 5px;
    }

        #social ul li img {
            width: 16px;
            height: 16px;
        }


/*###################
style Switcher
#####################*/

#demopanel {
    left: 0;
    position: absolute;
    top: 250px;
    z-index: 9999;
}

#panel {
    background: none repeat scroll 0 0 #000000;
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    color: #999999;
    font-size: 10px;
    left: -200px;
    overflow: hidden;
    padding: 15px 12px 15px 13px;
    position: absolute;
    top: -28px;
    width: 125px;
}

    #panel h3 {
        border-bottom: 1px solid #343434;
        color: #9C9C9C;
        margin-bottom: 8px;
        padding-bottom: 4px;
    }

    #panel .headingstyle {
        font-family: Arial,sans-serif;
        font-weight: bold;
        margin-top: 10px;
    }

.panel_button {
    cursor: pointer;
    position: relative;
    width: 48px;
}


#panel .selector ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}


#panel .color li.c1 {
    background-color: #C14507;
    border: 1px solid #ddd;
}

#panel .color li.c2 {
    background-color: #808000;
    border: 1px solid #ddd;
}


#panel .color li.c3 {
    background-color: #E64135;
    border: 1px solid #ddd;
}

#panel .color li.c4 {
    background-color: #7769905;
    border: 1px solid #ddd;
}


#panel .selector ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

    #panel .selector ul li {
        border: 1px solid #888888;
        cursor: pointer;
        float: left;
        height: 15px;
        margin: 3px;
        width: 15px;
    }

.pattern li {
    border: 1px solid #888888;
    cursor: pointer;
    float: left;
    height: 15px;
    margin: 3px;
    width: 15px;
    background-color: #fff;
    list-style: none;
}



.ptn-1 {
    background-image: url(images/pattern/1.png);
}

.ptn-2 {
    background-image: url(images/pattern/2.png);
}


.ptn-3 {
    background-image: url(images/pattern/3.png);
}

.ptn-4 {
    background-image: url(images/pattern/4.png);
}



.ptn-5 {
    background-image: url(images/pattern/5.png);
}


.ptn-6 {
    background-image: url(images/pattern/6.png);
}


.ptn-7 {
    background-image: url(images/pattern/7.gif);
}


.ptn-8 {
    background-image: url(images/pattern/8.png);
}


.ptn-9 {
    background-image: url(images/pattern/9.png);
}


.ptn-10 {
    background-image: url(images/pattern/10.png);
}


.ptn-11 {
    background-image: url(images/pattern/11.png);
}

.ptn-12 {
    background-image: url(images/pattern/12.gif);
}



.ptn-13 {
    background-image: url(images/pattern/13.jpg);
}



.ptn-14 {
    background-image: url(images/pattern/14.gif);
}



.ptn-15 {
    background-image: url(images/pattern/15.gif);
}


.ptn-16 {
    background-image: url(images/pattern/16.png);
}


.ptn-17 {
    background-image: url(images/pattern/17.png);
}


.ptn-18 {
    background-image: url(images/pattern/18.png);
}


.ptn-19 {
    background-image: url(images/pattern/19.png);
}


.ptn-20 {
    background-image: url(images/pattern/20.png);
}



.ptn-21 {
    background-image: url(images/pattern/21.gif);
}

.ptn-22 {
    background-image: url(images/pattern/22.png);
}


.ptn-23 {
    background-image: url(images/pattern/23.png);
}


.ptn-24 {
    background-image: url(images/pattern/24.png);
}


.ptn-25 {
    background-image: url(images/pattern/25.jpg);
}


.ptn-26 {
    background-image: url(images/pattern/26.jpg);
}



.ptn-27 {
    background-image: url(images/pattern/27.png);
}

.scanlines {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: url(../images/tile.png);
}

.headinfo {
    background: #000;
    opacity: 0.8;
    border-radius: 5px;
}