/* Circular Content Carousel Style */
@import url(../fonts/droidarabickufi.css);


.headings {
    margin-right: 10px;
color: #0b465b;
font-weight: bold;
font-size: 10pt;
font-family: 'Droid Arabic Kufi', serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 500px) {
    .ca-container {
        font-family: 'Droid Arabic Kufi', serif;
        font-size: 10px;
        line-height: 14px;
        position: relative;
        margin: 25px auto 20px auto;
        width: 225px;
        height: 75px;
    }

    .ca-wrapper {
        width: 225px;
        height: 120px;
        position: relative;
    }


    .ca-item {
        position: relative;
        float: left;
        width: 75px;
        height: 70px;
        text-align: center;
    }

    .ca-more {
        position: absolute;
        bottom: 10px;
        right: 0px;
        padding: 4px 15px;
        font-weight: bold;
        background: #ccbda2;
        text-align: center;
        color: white;
        font-family: "Georgia","Times New Roman",serif;
        font-style: italic;
        text-shadow: 1px 1px 1px #897c63;
    }

    .ca-more_Follow {
        position: absolute;
        bottom: 10px;
        right: 0px;
        padding: 4px 15px;
        font-weight: bold;
        background: #ccbda2;
        text-align: center;
        color: white;
        font-family: "Georgia","Times New Roman",serif;
        font-style: italic;
        text-shadow: 1px 1px 1px #897c63;
    }

    .ca-close {
        position: absolute;
        top: 10px;
        right: 10px;
        background: #fff url(../images/mobile/cross.png) no-repeat center center;
        width: 27px;
        height: 27px;
        text-indent: -9000px;
        outline: none;
        -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        opacity: 0.7;
    }

        .ca-close:hover {
            opacity: 1.0;
        }

    .ca-item-main {
        padding: 5px;
        position: absolute;
        top: 0px;
        left: 5px;
        right: 5px;
        bottom: 0px;
        background: url(../images/mobile/mMainLinksBg.png) no-repeat;
        overflow: hidden;
    }

   

    .ca-item-main .text {
        font-family: 'Droid Arabic Kufi', serif;
        font-size: 11px;
        line-height: 14px;
    }

   

    .ca-item-main .text a {
        text-decoration: none;
        color: #006e39;
    }

   

    .ca-item-main2 {
        padding: 2px;
        position: absolute;
        top: 0px;
        left: 2px;
        right: 2px;
        bottom: 0px;
        /*background:url(../images/mobile/mMainLinksBg.png) no-repeat;*/
        overflow: hidden;
    }

    .ca-item h3 {
        font-family: 'Coustard', sans-serif;
        text-transform: uppercase;
        font-size: 30px;
        color: #000;
        margin-bottom: 20px;
        height: 85px;
        text-align: center;
        text-shadow: 0px 1px 1px #e4ebe9;
    }

    .ca-item h4 {
        font-family: "Georgia","Times New Roman",serif;
        font-style: italic;
        font-size: 12px;
        text-align: left;
        border-left: 10px solid #b0ccc6;
        padding-left: 10px;
        line-height: 24px;
        margin: 10px;
        position: relative;
    }

        .ca-item h4 span {
            text-indent: 40px;
            display: block;
        }

            .ca-item h4 span.ca-quote {
                color: #f4eee3;
                font-size: 100px;
                position: absolute;
                top: 20px;
                left: 0px;
                text-indent: 0px;
            }

    .ca-content-wrapper {
        background: #b0ccc6;
        position: absolute;
        width: 0px; /* expands to width of the wrapper minus 1 element */
        height: 440px;
        top: 5px;
        text-align: left;
        z-index: 10000;
        overflow: hidden;
    }

    .ca-content {
        width: 660px;
        overflow: hidden;
    }

    .ca-content-text {
        font-size: 14px;
        font-style: italic;
        font-family: "Georgia","Times New Roman",serif;
        margin: 10px 20px;
        padding: 10px 20px;
        line-height: 24px;
    }

        .ca-content-text p {
            padding-bottom: 5px;
        }

    .ca-content h6 {
        margin: 25px 20px 0px 35px;
        font-size: 32px;
        padding-bottom: 5px;
        color: #000;
        font-family: 'Coustard', sans-serif;
        color: #60817a;
        border-bottom: 2px solid #99bcb4;
        text-shadow: 1px 1px 1px #99BCB4;
    }

    .ca-content ul {
        margin: 20px 35px;
        height: 30px;
    }

        .ca-content ul li {
            float: left;
            margin: 0px 2px;
        }

            .ca-content ul li a {
                color: #fff;
                background: #000;
                padding: 3px 6px;
                font-size: 14px;
                font-family: "Georgia","Times New Roman",serif;
                font-style: italic;
            }

                .ca-content ul li a:hover {
                    background: #fff;
                    color: #000;
                    text-shadow: none;
                }

    .ca-nav span {
        width: 25px;
        height: 38px;
        background: transparent url(../images/mobile/arrows.png) no-repeat top left;
        position: absolute;
        top: 30px;
        margin-top: -19px;
        left: -30px;
        text-indent: -9000px;
        opacity: 0.7;
        cursor: pointer;
        z-index: 100;
    }

        .ca-nav span.ca-nav-next {
            background-position: top right;
            left: auto;
            right: -30px;
        }

        .ca-nav span:hover {
            opacity: 1.0;
        }



    /*Mobile Index Page Starts here*/
    .mPageHeadings {
        font-size: 16px;
        font-family: 'Droid Arabic Kufi',serif;
        color: #fff;
    }

    .mProjectsMenu {
        margin: 70px 0px 0px 0px;
        padding: 0px;
    }

        .mProjectsMenu ul {
            margin: 0px;
            padding: 0px;
        }

            .mProjectsMenu ul li {
                list-style-type: none;
                margin-top: 5px;
                padding: 0px;
            }

    .mNewsItem {
        position: relative;
        margin-top: 67px;
        color: #fff;
        font-family: 'Droid Arabic Kufi',serif;
    }

    .mNewsImageDim {
        width: 60px;
        height: 60px;
        border: 1px solid #fff;
        padding: 1px;
    }
    /*Ends here*/
}

@media only screen and (min-width: 501px) {
    .ca-container {
        font-family: 'Droid Arabic Kufi', serif;
        font-size: 10px;
        line-height: 14px;
        position: relative;
        margin: 0px auto 0px auto;
        width: 400px;
        height: 90px;

    }

    .ca-container_Follow {
        font-family: 'Droid Arabic Kufi', serif;
        font-size: 10px;
        line-height: 14px;
        position: relative;
        /*margin: 0px auto 0px auto;*/
        width: 450px;
        height: 181px;
        background:url(../images/visitorFollowSliderBg.png) no-repeat bottom center;
        clear:both;
    }



    .ca-wrapper {
        width: 420px;
        height: 119px;
        position: relative;
    }

    .ca-wrapper_Follow {
        width: 400px;
        height: 164px;
        position: relative;
        margin-left:22px;
        
    }


    .ca-item {
        position: relative;
        float: left;
        width: 60px;
        height: 75px;
        text-align: center;
    }

    .ca-item_Follow {
        position: relative;
        float: left;
        width: 80px;
        height: 145px;
        text-align: center;
        margin-top:20px;
      
    }



    .ca-more {
        position: absolute;
        bottom: 10px;
        right: 0px;
        padding: 4px 15px;
        font-weight: bold;
        background: #ccbda2;
        text-align: center;
        color: white;
        font-family: "Georgia","Times New Roman",serif;
        font-style: italic;
        text-shadow: 1px 1px 1px #897c63;
    }

      .ca-more_Follow {
        position: absolute;
        bottom: 10px;
        right: 0px;
        padding: 4px 15px;
        font-weight: bold;
        background: #ccbda2;
        text-align: center;
        color: white;
        font-family: "Georgia","Times New Roman",serif;
        font-style: italic;
        text-shadow: 1px 1px 1px #897c63;
    }


    .ca-close {
        position: absolute;
        top: 10px;
        right: 10px;
        background: #fff url(../images/mobile/cross.png) no-repeat center center;
        width: 27px;
        height: 27px;
        text-indent: -9000px;
        outline: none;
        -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        opacity: 0.7;
    }

     .ca-close_Follow {
        position: absolute;
        top: 10px;
        right: 10px;
        background: #fff url(../images/mobile/cross.png) no-repeat center center;
        width: 27px;
        height: 27px;
        text-indent: -9000px;
        outline: none;
        -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        opacity: 0.7;
    }

        .ca-close:hover {
            opacity: 1.0;
        }

           .ca-close_Follow:hover {
            opacity: 1.0;
        }


    .ca-item-main {
        padding: 0px;
        position: absolute;
        top: 0px;
        left: 2px;
        right: 2px;
        bottom: 0px;
        /*background: url(../images/mobile/mMainLinksBg.png) no-repeat;*/
        overflow: hidden;
    }

     .ca-item-main_Follow {
        padding: 0px;
        position: absolute;
        top: 0px;
        left: 2px;
        right: 2px;
        bottom: 0px;
        /*background: url(../images/mobile/mMainLinksBg.png) no-repeat;*/
        overflow: hidden;
    }


        .ca-item-main .text {
            font-family: 'Droid Arabic Kufi', serif;
            font-size: 11px;
            line-height: 14px;
        }
        .text a img:hover{transition:all 0.9s ease;}
        .text a img:hover{box-shadow:inset 0 0 0 5px #99bcb4}

         .ca-item-main_Follow .text {
            font-family: 'Droid Arabic Kufi', serif;
            font-size: 11px;
            line-height: 14px;
        }

            .ca-item-main .text a {
                text-decoration: none;
                color: #006e39;
            }

             .ca-item-main_Follow .text a {
                text-decoration: none;
                color: #006e39;
            }

    .ca-item-main2 {
        padding: 2px;
        position: absolute;
        top: 0px;
        left: 2px;
        right: 2px;
        bottom: 0px;
        /*background:url(../images/mobile/mMainLinksBg.png) no-repeat;*/
        overflow: hidden;
    }

    .ca-item h3 {
        font-family: 'Coustard', sans-serif;
        text-transform: uppercase;
        font-size: 30px;
        color: #000;
        margin-bottom: 20px;
        height: 85px;
        text-align: center;
        text-shadow: 0px 1px 1px #e4ebe9;
    }

    .ca-item_Follow h3 {
        font-family: 'Coustard', sans-serif;
        text-transform: uppercase;
        font-size: 30px;
        color: #000;
        margin-bottom: 20px;
        height: 85px;
        text-align: center;
        text-shadow: 0px 1px 1px #e4ebe9;
    }


    .ca-item h4 {
        font-family: "Georgia","Times New Roman",serif;
        font-style: italic;
        font-size: 12px;
        text-align: left;
        border-left: 10px solid #b0ccc6;
        padding-left: 10px;
        line-height: 24px;
        margin: 10px;
        position: relative;
    }

     .ca-item_Follow h4 {
        font-family: "Georgia","Times New Roman",serif;
        font-style: italic;
        font-size: 12px;
        text-align: left;
        border-left: 10px solid #b0ccc6;
        padding-left: 10px;
        line-height: 24px;
        margin: 10px;
        position: relative;
    }

        .ca-item h4 span {
            text-indent: 40px;
            display: block;
        }

           .ca-item_Follow h4 span {
            text-indent: 40px;
            display: block;
        }

            .ca-item h4 span.ca-quote {
                color: #f4eee3;
                font-size: 100px;
                position: absolute;
                top: 20px;
                left: 0px;
                text-indent: 0px;
            }

             .ca-item_Follow h4 span.ca-quote {
                color: #f4eee3;
                font-size: 100px;
                position: absolute;
                top: 20px;
                left: 0px;
                text-indent: 0px;
            }


    .ca-content-wrapper {
        background: #b0ccc6;
        position: absolute;
        width: 0px; /* expands to width of the wrapper minus 1 element */
        height: 440px;
        top: 5px;
        text-align: left;
        z-index: 10000;
        overflow: hidden;
    }

    .ca-content-wrapper_Follow {
        background: #b0ccc6;
        position: absolute;
        width: 0px; /* expands to width of the wrapper minus 1 element */
        height: 440px;
        top: 5px;
        text-align: left;
        z-index: 10000;
        overflow: hidden;
    }

    .ca-content {
        width: 660px;
        overflow: hidden;
    }

    .ca-content_Follow {
        width: 660px;
        overflow: hidden;
    }

    .ca-content-text {
        font-size: 14px;
        font-style: italic;
        font-family: "Georgia","Times New Roman",serif;
        margin: 10px 20px;
        padding: 10px 20px;
        line-height: 24px;
    }

     .ca-content-text_Follow {
        font-size: 14px;
        font-style: italic;
        font-family: "Georgia","Times New Roman",serif;
        margin: 10px 20px;
        padding: 10px 20px;
        line-height: 24px;
    }

        .ca-content-text p {
            padding-bottom: 5px;
        }

         .ca-content-text_Follow p {
            padding-bottom: 5px;
        }


    .ca-content h6 {
        margin: 25px 20px 0px 35px;
        font-size: 32px;
        padding-bottom: 5px;
        color: #000;
        font-family: 'Coustard', sans-serif;
        color: #60817a;
        border-bottom: 2px solid #99bcb4;
        text-shadow: 1px 1px 1px #99BCB4;
    }

    .ca-content_Follow h6 {
        margin: 25px 20px 0px 35px;
        font-size: 32px;
        padding-bottom: 5px;
        color: #000;
        font-family: 'Coustard', sans-serif;
        color: #60817a;
        border-bottom: 2px solid #99bcb4;
        text-shadow: 1px 1px 1px #99BCB4;
    }

    .ca-content ul {
        margin: 20px 35px;
        height: 30px;
    }

    .ca-content_Follow ul {
        margin: 20px 35px;
        height: 30px;
    }

        .ca-content ul li {
            float: left;
            margin: 0px 2px;
        }

         .ca-content_Follow ul li {
            float: left;
            margin: 0px 2px;
        }

            .ca-content ul li a {
                color: #fff;
                background: #000;
                padding: 3px 6px;
                font-size: 14px;
                font-family: "Georgia","Times New Roman",serif;
                font-style: italic;
            }

             .ca-content_Follow ul li a {
                color: #fff;
                background: #000;
                padding: 3px 6px;
                font-size: 14px;
                font-family: "Georgia","Times New Roman",serif;
                font-style: italic;
            }

                .ca-content ul li a:hover {
                    background: #fff;
                    color: #000;
                    text-shadow: none;
                }
                 .ca-content_Follow ul li a:hover {
                    background: #fff;
                    color: #000;
                    text-shadow: none;
                }

    .ca-nav span {
        width: 39px;
        height: 39px;
        background: transparent url(../images/arrows1.png) no-repeat top left;
        position: absolute;
        top: 48px;
        margin-top: -32px;
        left: -56px;
        text-indent: -9000px;
        opacity: 0.7;
        cursor: pointer;
        z-index: 100;
    }

    .ca-nav_Follow span {
        width: 39px;
        height: 39px;
        background: transparent url(../images/arrows2.png) no-repeat top left;
        position: absolute;
        top: 48px;
        margin-top: 18px;
        left: -2px;
        text-indent: -9000px;
        opacity: 0.7;
        cursor: pointer;
        z-index: 100;
    }

        .ca-nav span.ca-nav-next {
            background-position: top right;
            left: auto;
            right: -37px;
        }



          .ca-nav_Follow span.ca-nav-next_Follow {
            background-position: top right;
            left: auto;
            right: -4px;
        }

        .ca-nav span:hover {
            opacity: 1.0;
        }

         .ca-nav_Follow span:hover {
            opacity: 1.0;
        }


         .imgUserVisitorProfile {width:50px;height:66px;border:1px solid #ccc; padding:2px}
}