@charset "utf-8";
/*
Template Name: Presentable
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/

@import url("navi.css");

html {
    overflow-y: scroll;
    background-color: #585C3F;
}

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: verdana, Arial, Helvetica, sans-serif;
    background-color: #585C3F;
}

.justify {
    text-align: justify;
}

.bold {
    font-weight: bold;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.nostart {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.clear {
    clear: both;
}

br.clear {
    clear: both;
    margin-top: -15px;
}

a {
    outline: none;
    text-decoration: none;
}

.fl_left, .imgl {
    float: left;
}

.fl_right, .imgr {
    float: right;
}

img {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

.imgl, .imgr {
    border: 1px solid #666666;
    padding: 5px;
}

.imgl {
    margin: 0 8px 8px 0;
    clear: left;
}

.imgr {
    margin: 0 0 8px 8px;
    clear: right;
}

/* ----------------------------------------------Wrapper------------------------------------- */

div.wrapper {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: left;
}

    div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6 {
        /*margin: 0 0 15px 0;
        padding: 0 0 8px 0;
        font-size: 20px;*/
        font-weight: normal;
        font-family: Georgia, "Times New Roman", Times, serif;
        /*border-bottom: 1px dotted #362C20;*/
    }

.col1 {
    color: #FFFFFF;
    background-color: #362C20;
    border-top: 5px solid #362C20;
}

.col2 {
    color: #362C20;
    background: #CBCFB5;
    border-top: 5px solid #ffffff;
}

/*.col2 a {
        color: #FF9900;
        background-color: #362C20;
    }*/

.col3 {
    color: #666666;
    background-color: #585C3F;
}

.col5, .col5 a {
    color: #FFFFFF;
    background-color: #362C20;
    padding: 10px 0px 10px 0px;
}

/* ----------------------------------------------Generalise------------------------------------- */

#header, #intro, #containers, #breadcrumb, #footer, #copyright {
    display: block;
    position: relative;
    width: 95%;
    margin: 0 auto;
}

/* ----------------------------------------------Header------------------------------------- */

#header {
    padding: 7px 0 7px 0;
    z-index: 700;
    color: #444444;
    background-color: #362C20;
}

    #header #logo {
        display: block;
        float: left;
        margin-top: 8px;
    }

    #header h1, #header p {
        margin: 0;
        padding: 0;
    }

    #header h1 {
        margin: 0;
        padding: 0;
        font-size: 20px;
        border: none;
    }

    #header h2 {
        margin: 0;
        padding: 0;
        font-size: 15px;
        border: none;
        color: #CBCFB5;
    }

    #header h1 a {
        color: #ffffff;
        background-color: #362C20;
    }

/* ----------------------------------------------Homepage Intro------------------------------------- */

#intro {
    padding: 30px 0;
}

.wrapper #intro li.last {
    margin: 0;
}

#intro h1, #intro h2, #intro p, #intro ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    border: none;
}

#intro .fl_left {
    display: block;
    float: left;
    width: 480px;
}

    #intro .fl_left h1 {
        margin-bottom: 20px;
        font-size: 42px;
        color: #CBCFB5;
        background: #362C20;
        border: none;
    }

    #intro .fl_left h2 {
        margin: 0 0 10px 0;
        padding: 0 0 8px 0;
        color: #FFFFFF;
        background: #362C20;
        border-bottom: 1px dotted #666666;
    }

    #intro .fl_left li {
        display: block;
        float: left;
        width: 220px;
        margin: 0 25px 0 0;
    }

    #intro .fl_left p {
        margin-bottom: 10px;
        line-height: 1.3em;
    }

        #intro .fl_left p.readmore {
            display: block;
            margin: 25px 0 0 0;
            text-align: right;
            line-height: normal;
        }

#intro .fl_right {
    display: block;
    float: right;
    width: 420px;
    height: 320px;
    padding: 9px;
    border: 1px solid #CBCFB5;
    overflow: hidden;
}

    #intro .fl_right li {
        margin-bottom: 10px;
    }

    #intro .fl_right img {
        display: block;
        width: 420px;
        height: 320px;
    }

/* ----------------------------------------------BreadCrumb------------------------------------- */

#breadcrumb {
    padding: 15px 0;
}

    #breadcrumb ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #breadcrumb ul li {
            display: inline;
        }

            #breadcrumb ul li.current a {
                text-decoration: underline;
            }

/* ----------------------------------------------Container------------------------------------- */

#containers {
    padding: 20px 0;
}

    #containers a {
        color: #FF9900;
        background-color: #FFFFFF;
    }

/* ----------------------------------------------Homepage Latest------------------------------------- */

#latest {
    display: block;
    width: 100%;
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
    border-bottom: 1px dotted #362C20;
}

    #latest ul, #latest p {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline;
    }

    #latest h2 {
        margin: 0 0 15px 0;
        padding: 0 0 8px 0;
        font-size: 14px;
        font-weight: bold;
        border-bottom: 1px dotted #000000;
    }

    #latest li {
        display: block;
        float: left;
        width: 300px;
        margin: 0 30px 0 0;
        padding: 0;
    }

        #latest li.last {
            margin-right: 0;
        }

        #latest li p.imgholder {
            display: block;
            width: 290px;
            height: 100px;
            margin: 0 0 15px 0;
            padding: 4px;
            border: 1px solid #362C20;
        }

    #latest a {
        font-weight: bold;
    }

/* ----------------------------------------------Content------------------------------------- */

#content {
    display: block;
    float: left;
    width: 600px;
}

    #content #latestnews {
        display: block;
        width: 600px;
        margin-bottom: 35px;
    }

        #content #latestnews h2, #content #latestnews p {
            margin: 0;
            padding: 0;
            line-height: 1.6em;
        }

        #content #latestnews h2 {
            margin-bottom: 10px;
        }

        #content #latestnews ul, #content #latestnews li {
            display: block;
            width: 100%;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #content #latestnews li {
            margin: 0 0 15px 0;
            padding: 0 0 15px 0;
            border-bottom: 1px dotted #666666;
        }

        #content #latestnews div.imgholder {
            display: block;
            float: left;
            width: 150px;
            height: 150px;
            margin: 0;
            padding: 4px;
            border: 1px solid #666666;
        }

        #content #latestnews div.latestnews {
            display: block;
            float: right;
            width: 420px;
            margin: 0;
            padding: 0;
        }

        #content #latestnews p.readmore {
            display: block;
            margin-top: 10px;
            text-align: right;
            font-weight: bold;
        }

/* Comments */

#comments {
    margin-bottom: 40px;
}

    #comments .commentlist {
        margin: 0;
        padding: 0;
    }

        #comments .commentlist ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #comments .commentlist li.comment_odd, #comments .commentlist li.comment_even {
            margin: 0 0 10px 0;
            padding: 15px;
            list-style: none;
        }

        #comments .commentlist li.comment_odd {
            color: #666666;
            background-color: #F7F7F7;
        }

            #comments .commentlist li.comment_odd a {
                color: #FF9900;
                background-color: #F7F7F7;
            }

        #comments .commentlist li.comment_even {
            color: #666666;
            background-color: #E8E8E8;
        }

            #comments .commentlist li.comment_even a {
                color: #FF9900;
                background-color: #E8E8E8;
            }

        #comments .commentlist .author .name {
            font-weight: bold;
        }

        #comments .commentlist .submitdate {
            font-size: smaller;
        }

        #comments .commentlist p {
            margin: 10px 5px 10px 0;
            padding: 0;
            font-weight: normal;
            text-transform: none;
        }

        #comments .commentlist li .avatar {
            float: right;
            border: 1px solid #EEEEEE;
            margin: 0 0 0 10px;
        }

/* ----------------------------------------------Right Block------------------------------------- */

#column {
    display: block;
    float: right;
    width: 300px;
}

    #column .holder, #column #featured {
        display: block;
        width: 300px;
        margin-bottom: 40px;
    }

        #column .holder p {
            line-height: 1.6em;
        }

        #column .holder h2.title {
            display: block;
            width: 100%;
            height: 65px;
            margin: 0;
            padding: 15px 0 8px 0;
            font-size: 20px;
            font-weight: normal;
            color: #666666;
            background-color: #FFFFFF;
            line-height: normal;
        }

            #column .holder h2.title img {
                float: left;
                margin: -15px 8px 0 0;
                padding: 5px;
                border: 1px solid #666666;
            }

        #column .holder p.readmore {
            display: block;
            width: 100%;
            font-weight: bold;
            text-align: right;
            line-height: normal;
        }

    #column div.imgholder {
        display: block;
        width: 290px;
        margin: 0 0 10px 0;
        padding: 4px;
        border: 1px solid #666666;
    }

    /* Featured Block */

    #column #featured a {
        color: #FF9900;
        background-color: #F9F9F9;
    }

    #column #featured ul, #column #featured h2, #column #featured p {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #column #featured li {
        display: block;
        width: 250px;
        margin: 0;
        padding: 20px 25px;
        color: #2E271D;
        background-color: #F9F9F9;
    }

        #column #featured li p {
            line-height: 1.6em;
        }

            #column #featured li p.imgholder {
                display: block;
                width: 240px;
                height: 90px;
                margin: 20px 0 15px 0;
                padding: 4px;
                border: 1px solid #666666;
            }

        #column #featured li h2 {
            margin: 0;
            padding: 0 0 14px 0;
            font-size: 20px;
            font-weight: normal;
            font-family: Georgia, "Times New Roman", Times, serif;
            line-height: normal;
        }

    #column #featured p.more {
        display: block;
        width: 100%;
        margin-top: 15px;
        font-weight: bold;
        text-align: right;
        line-height: normal;
    }

.flickrbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flickrbox li {
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    margin: 0 15px 15px 0;
    padding: 4px;
    border: 1px solid #666666;
}

    .flickrbox li.last {
        margin-right: 0;
    }

/* ----------------------------------------------Footer------------------------------------- */

#footer {
    padding: 20px 0;
}

    #footer h2 {
        margin-bottom: 10px;
        border-bottom-color: #98989A;
    }

    #footer p, #footer ul, #footer a {
        margin: 0;
        padding: 0;
        font-weight: normal;
        list-style: none;
        line-height: normal;
    }

    #footer .footbox {
        display: block;
        float: right;
        width: 190px;
        margin: 0 0 0 15px;
        padding: 0;
    }

    #footer li {
        margin-bottom: 3px;
    }

    #footer .last {
        margin: 0;
    }

#newsletter {
    display: block;
    float: left;
    width: 300px;
}

/* ----------------------------------------------Copyright------------------------------------- */

#copyright {
    padding: 10px 0;
}

    #copyright p {
        margin: 0;
        padding: 0;
    }




#containers {
    background: rgb(255, 255, 255);
    margin: 10px auto 10px auto;
    padding: 0px;
    width: 1000px;
    line-height: 16px;
    -moz-box-shadow: 0px 0px 40px 5px #000000;
    -webkit-box-shadow: 0px 0px 40px 5px #000000;
    -box-shadow: 0px 0px 40px 5px #000000;
}

.clear {
    clear: both;
}

#content {
    width: 100%;
    overflow: hidden;
}

#conlft {
    Font-size: 15px;
    font-family: cambria;
    color: #362C20;
    margin: 20px 0px 14px;
    padding: 20px 20px 20px 20px;
    width: 600px;
    height: 330px;
    float: left;
}

#conrgt {
    background-color: #CBCFB5;
    margin: 30px 30px 0px 0px;
    padding: 0px 0px 8px;
    border: 2px solid rgb(217, 217, 222);
    width: 300px;
    float: right;
    height: 300px;
}

    #conrgt h2 {
        background: url(../css/lock.png) no-repeat 2px 0px;
        margin: 10px;
        padding: 10px 0px 10px 10px;
        color: #203954;
        border-bottom-color: rgb(238, 236, 236);
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    #conrgt label {
        padding: 6px 0px;
        width: 100%;
        display: block;
    }

        #conrgt label span {
            padding: 5px 8px 0px 0px;
            width: 111px;
            text-align: right;
            color: rgb(48, 49, 49);
            float: left;
        }

    #conrgt .input_text {
        background: rgb(254, 254, 254);
        border-radius: 5px;
        border: 1px solid #88a5c1;
        width: 193px;
        height: 22px;
    }

    #conrgt .input_textveri {
        background: rgb(254, 254, 254);
        border: 1px solid #88a5c1;
        width: 104px;
        height: 22px;
    }

    #conrgt img {
        background: rgb(254, 254, 254);
        margin: 0px 0px 3px 6px;
        vertical-align: middle;
    }

    #conrgt .button {
        background-color: #585C3F;
        padding: 5px 15px 5px 15px;
        border: 1px solid #336699;
        text-transform: uppercase;
        cursor: pointer;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }

#concenter {
    Font-size: 15px;
    font-family: cambria;
    color: #362C20;
    margin: 20px 0px 14px;
    padding: 20px 20px 20px 20px;
    width: 100%;
    float: left;
}

#landing {
    overflow: hidden;
    min-height: 320px; /*border: 1px solid #4070A0;*/
    box-shadow: 0 10px 20px 3px #D3D3D3;
    padding: 4px 0 0 0;
}

#conrgt_forget h2 {
    padding: 10px 0px 0px 20px;
    color: rgb(52, 52, 52);
}

#conrgt_forget label {
    padding: 8px 0px;
    width: 100%;
    display: block;
}

    #conrgt_forget label span {
        padding: 5px 8px 0px 0px;
        width: 115px;
        text-align: right;
        color: rgb(48, 49, 49);
        float: left;
    }

#conrgt_forget .input_text {
    background: rgb(254, 254, 254);
    border: 1px solid rgb(178, 184, 185);
    width: 193px;
    height: 20px;
}

#conrgt_forget .user_id {
    background: rgb(254, 254, 254);
    border: 1px solid rgb(178, 184, 185);
    width: 150px;
    height: 20px;
}

#conrgt_forget img {
    background: rgb(254, 254, 254);
    margin: 0px 0px 3px 14px;
    border: 1px solid rgb(178, 184, 185);
    vertical-align: middle;
}

#conrgt_forget .button {
    background: url("../images/1.png") repeat-x rgb(62, 105, 154);
    margin: 10px 0px 15px 123px;
    padding: 1px 16px;
    border: 1px solid rgb(62, 105, 154);
    color: rgb(255, 255, 255);
}

#conrgt_forget .close {
    background: url("../images/1.png") repeat-x rgb(62, 105, 154);
    margin: 0px 51px 15px 107px;
    padding: 1px 16px;
    border: 1px solid rgb(60, 91, 80);
    color: rgb(255, 255, 255);
    float: right;
}



.lbl {
    float: right;
    margin: 0 10px 0 10px;
    font-weight: bold;
}

.button {
    padding: 3px 20px 3px 20px;
    border: 1px solid #336699;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    background-color: #585C3F;
    cursor: pointer;
}

.space10 {
    height: 10px;
}

.txt {
    border: 1px solid #333;
    width: 200px;
    height: 22px;
    margin: 5px 7px 5px 7px;
    border-radius: 4px;
}

.dlist {
    border: 1px solid #333;
    background-color: #fff;
    width: 200px;
    height: 25px;
    margin: 4px 0px 4px 0px;
    border-radius: 4px;
}

/* Gridview */
.mGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .mGrid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #717171;
    }

    .mGrid th {
        padding: 10px 2px;
        color: #fff;
        background: #585c3f;
        border: solid 1px #bdc1a4;
        font-size: 1em;
    }

.empty {
    background-color: #ffff00;
    border: 1px solid #000;
    text-align: center;
    font-weight: bold;
    color: #ff0000;
    line-height: 30px;
}

.rdoList input[type="radio"] {
    width: auto;
    float: left;
    margin-left: 10px;
    margin-right: 1px;
    transform: scale(2);
}

.rdoList label {
    width: auto;
    display: inline;
    float: left;
    font-size: 1.5rem;
    color: #0367B2 !important;
    font-style: italic;
    margin-left: 10px;
    margin-right: 1px;
}

/* Home Top1 */

.shape {
    border-style: solid;
    border-width: 0 70px 40px 0;
    float: right;
    height: 0px;
    width: 0px;
    -ms-transform: rotate(360deg); /* IE 9 */
    -o-transform: rotate(360deg); /* Opera 10.5 */
    -webkit-transform: rotate(360deg); /* Safari and Chrome */
    transform: rotate(360deg);
}

.offer {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    margin: 15px 0;
    overflow: hidden;
}

    .offer:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: rotate scale(1.1);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

.shape {
    border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}

.offer-radius {
    border-radius: 7px;
}

.offer-danger {
    border-color: #d9534f;
}

    .offer-danger .shape {
        border-color: transparent #d9534f transparent transparent;
    }

.offer-success {
    border-color: #5cb85c;
}

    .offer-success .shape {
        border-color: transparent #5cb85c transparent transparent;
    }

.offer-default {
    border-color: #999999;
}

    .offer-default .shape {
        border-color: transparent #999999 transparent transparent;
    }

.offer-primary {
    border-color: #428bca;
}

    .offer-primary .shape {
        border-color: transparent #428bca transparent transparent;
    }

.offer-info {
    border-color: #5bc0de;
}

    .offer-info .shape {
        border-color: transparent #5bc0de transparent transparent;
    }

.offer-warning {
    border-color: #f0ad4e;
}

    .offer-warning .shape {
        border-color: transparent #f0ad4e transparent transparent;
    }

.shape-text {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    right: -40px;
    top: 2px;
    white-space: nowrap;
    -ms-transform: rotate(30deg); /* IE 9 */
    -o-transform: rotate(360deg); /* Opera 10.5 */
    -webkit-transform: rotate(30deg); /* Safari and Chrome */
    transform: rotate(30deg);
}

.offer-content {
    padding: 0 20px 10px;
}

@media (min-width: 487px) {
    .container {
        max-width: 750px;
    }

    .col-sm-6 {
        width: 50%;
    }
}

@media (min-width: 900px) {
    .container {
        max-width: 970px;
    }

    .col-md-4 {
        width: 33.33333333333333%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }

    .col-lg-3 {
        width: 25%;
    }
}

/* ==== */