body {
        margin:0px auto;
        padding:0px;
        font-family: Verdana,Arial,Tahoma;
        background:url(../images/typeous_16_2.png);
}



/* layouts
-------------------------------------------------------------- */
#con0{
        background:url(../images/typeous_02.png);
        background-repeat: repeat-x;
}

#con00{
        background:url(../images/typeous_04.png);
            background-repeat: repeat-x;
}

#con1{
        background:url(../images/typeous_03.png);
        background-repeat: no-repeat;
        background-position: center;
}

#con2{
        width:941px;
        height:308px;
        text-align:left;
}

#header_left{
        float:left;
        width:496px;
}

#header_right{
        float:right;
        width:445px;
        text-align:left;
}


/*LOGO*/
#logo{
        width:493px;
        height:104px;
        padding-top:55px;
}


#page_left{
        width:650px;
        float:left;
        line-height:22px;
        font-size:11px;
        color:#464646;
        margin-right:10px;
}

#page_right{
        width:281px;
        float:right;
        font-size:10px;
        margin-bottom:10px;
}






/* side bar
-------------------------------------------------------------- */
.page_right_01{
        padding-left:15px;
}

.page_right_02{
        background:url(../images/typeous_69.png);
        background-position: bottom;
        background-repeat: no-repeat;
        padding-bottom:2px;
        width:256px;
}

#sub_menu ul{
        width:256px;
        margin-top:10px;
        text-align:left;
}

#sub_menu li ul{
        width:256px;
        text-align:left;
        border-top:1px solid #d7dee1;
        padding-bottom:2px;
}

#sub_menu li ul li{
        background:#F9FBF9;
        background-position: top;
        background-repeat: repeat-x;
        font-size:11px;
        border-left:1px solid #e5efdf;
        border-right:1px solid #e5efdf;
        border-bottom:1px solid #e5efdf;
        padding-top:4px;
        padding-bottom:6px;
}

#sub_menu li{
        background:url(../images/typeous_66.png);
        background-position: top;
        background-repeat: repeat-x;
        font-size:11px;
        padding-top:10px;
        padding-bottom:10px;
}

/* side menu links*/
#sub_menu  li a{
        margin-left:20px;
        text-decoration:none;
        color:#7CA77C;        padding-left:12px;
        background:url(../images/ok.gif);
        background-position: left;
        background-repeat: no-repeat;
}

#sub_menu  li a:hover{
        text-decoration:none;
        background:transparent;
}

/* side menu links sub links*/
#sub_menu li ul li a{
        margin-left:20px;
        text-decoration:none;
        color:#7CA77C;
        padding-left:12px;
        background:transparent;
}

#sub_menu li ul li a:hover{
        text-decoration:none;
        color:#5A875A;
}


/* right banner box
-------------------------------------------------------------- */
.banner_box{
        background:url(../images/typeous_63.png);
        background-position: top;
        background-repeat: no-repeat;
        width:256px;
        height:96px;
        font-family:"Century Gothic",Arial,Tahoma;
        text-align:left;
        margin-left:15px;
        border:0px solid black;
        margin-top:10px;
}



.banner_box .head1{
        width:48px;
        float:left;
        margin-left:35px;
        padding-top:10px;
}


.banner_box .head{
        padding-top:10px;
        width:168px;
        float:left;
        height:40px;
        font-size:18px;
        color:#7CA77C;
        line-height:48px;
        margin-left:4px;
}


/* right banner head color*/
.banner_box .head_cont{
        padding-top:10px;
        width:168px;
        float:left;
        height:40px;
        font-size:18px;
        color:#7CA77C;
        line-height:48px;
        margin-left:4px;
}

/* right banner text color*/
.banner_box .text{
        font-size:13px;
        color:#7CA77C;
        clear:both;
        text-align:center;
        margin-left:5px;
        margin-right:5px;
        padding-top:6px;
}

/* right banner links*/
.banner_box .text a{
        text-decoration:none;
        color:#99BB99;
}


.banner_box .text a:hover{
        color:#5A875A;
}


/* middle page
-------------------------------------------------------------- */
#page_middle_01{
        background:url(../images/typeous_07.png);
        background-position: top;
        background-repeat: repeat-x;
        background-color:#fff;
}
#page_middle{
        width:941px;
        text-align:left;
}




/* main page boxex
-------------------------------------------------------------- */
#page_middle .main_boxex{
        padding-top:20px;
}

#page_middle .main_box{
        background:url(../images/typeous_24.png);
        background-color:#ecf2ec;
        background-position: top;
        background-repeat: no-repeat;
        float:left;
        margin-right:11px;
        width:300px;
        height:250px;
        text-align:left;
        border:1px solid #FEFEFE;
}

#page_middle .main_box h1{
        color:#637456;
        margin-left:35px;
        margin-top:27px;
        font-size:14px;
        letter-spacing:0;
        font-weight:normal;
        font-family:"Century Gothic",Arial,Tahoma;
}

#page_middle .main_box p{
        color:#768D67;
        margin-left:12px;
        margin-right:12px;
        line-height:16px;
        margin-top:17px;
        font-size:10px;
        letter-spacing:0;
        font-weight:normal;
}


#page_middle .main_box   a{
        text-decoration:none;
        color:#637456;
        border-bottom:1px solid #c6d0bf;
}

#page_middle .main_box  a:hover{
        text-decoration:none;
        color:#c6d0bf;
}


/* lastest news box date*/
#page_middle .main_box .date{
        color:#9BAD8F;
        margin-top:10px;
        font-size:10px;
        letter-spacing:1px;
        clear:both;
        display:block;
        }

/* lastest news box text*/
#page_middle .main_box .text{
        clear:both;
        display:block;
        color:#768D67;
        margin-top:4px;
        }


/* portfolio  boxex
-------------------------------------------------------------- */
#page_middle .portfolio_boxex{
        padding-left:1px;

}

#page_middle .portfolio_box{
        background:url(../images/typeous_26.png);
        background-color:#e0ecd8;
        background-position: top;
        background-repeat: no-repeat;
        float:left;
        margin-right:13px;
        width:300px;
        height:300px;
        text-align:left;
        margin-top:20px;
}

#page_middle .portfolio_box img{
        margin:0px;
        padding:0px;
        float:left;
}

#page_middle .portfolio_box .title{
        color:#7E9670;
        height:50px;
        margin-left:35px;
        line-height:69px;
        font-size:13px;
        letter-spacing:0;
        font-weight:normal;
        font-family:"Century Gothic",Arial,Tahoma;
}

#page_middle .portfolio_box .picarea{
        padding-left:12px;
        padding-right:12px;
        background:url(../images/typeous_31.png);
        height:105px;
        background-repeat: repeat-y;

}

#page_middle .portfolio_box .buttons .button{
        float:left;
        background:url(../images/typeous_35.png);
        margin-left:12px;
        width:132px;
        height:30px;
}

#page_middle .portfolio_box .buttons{
        background:url(../images/typeous_35.png);
        line-height:20px;
        text-align:center;
}

#page_middle .portfolio_box p{
        color:#768D67;
        margin-left:12px;
        margin-right:12px;
        line-height:16px;
        margin-top:17px;
        font-size:10px;
        letter-spacing:0;
        font-weight:normal;
}

#page_middle .portfolio_box   a{
        text-decoration:none;
        color:#637456;
        font-size:10px;
}

#page_middle .portfolio_box  a:hover{
        text-decoration:none;
        color:#c6d0bf;
}


/*
-----------------------------------------------------------
CONTACT US PAGE
-----------------------------------------------------------
*/

.contact_form{
        float:left;
        width:350px;
}

.contact_info{
        float:right;
        width:300px;
        font-size:11px;
}

.contact_info h3{
        font-size:13px;
        color:#637456;
}

.contact_info li a{
        font-size:11px;
        color:#637456;
}

.contact_info li a:hover{
        font-size:11px;
        color:#7E956F;
        text-decoration:none;
}

.contact_info li.title {
        border-bottom:1px dotted #637456;
        font-weight:bold;
        font-size:12px;
        color:#637456;
        padding-top:10px;
}

.contact_form li.title {
        font-weight:bold;
        font-size:12px;
        color:#637456;
        padding-top:10px;
}

.contact_form li{
        font-size:11px;
        color:#ff0000;
}

.contact_form h3{
        font-size:13px;
        color:#637456;
}


/* contact  form*/
        .contact_form textarea,
        select,
        input {
        font-family:verdana;
        font-size:11px;
        color:#637456;
        }

        .contact_form form {
        overflow:hidden;
        }

        .contact_form input {
        border:1px dotted #637456;
        background:transparent;
        width:263px;
        padding:4px;
        display:block;
        }

        .contact_form input.submit_button{
        background:url(../images/typeous_35.png);
        margin-top:12px;
        width:132px;
        height:26px;
        border:0px;
        }

        .contact_form textarea {
        width:264px;
        height:42px;
        border:1px dotted #637456;
        background:transparent;
        padding:2px;
        overflow:auto;
        display:block;
        }



/*
-----------------------------------------------------------
SERVICES PAGE
-----------------------------------------------------------
*/

.services{
        padding-bottom:22px;

}

        /* texts */
        .services p{
                line-height:22px;
                font-size:11px;
                color:#464646;
                margin-right:10px;
                clear:both;
        }


        /* image styles */
        .services img{
                float:left;
        }


        .services p img{
                margin: 5px 10px 10px 0px;
                padding: 12px;
                color:#9F9F9F;
                font-weight:bold;
                border:1px solid #F4F4F4;
                float:left;

        }

        .services h4{
                float:left;
                margin: 10px 0px 0px 0px;
                padding: 12px 15px 15px 40px;
                color:#9F9F9F;
                border-bottom:1px dotted #DFDFDF;
                font-size:15px;
                line-height:12px;
        }

        .border-line{
                clear:both;
                display:block;
                border-top:1px dotted #D4D4D4;
                padding-bottom:20px;
        }


/* site navigation
-------------------------------------------------------------- */
#main_nav {
        list-style: none;
        letter-spacing:0.07em;
        line-height:16px;
        display:block;
        height:52px;
        font-family:"Century Gothic",Arial,Tahoma;
}

#main_nav li a.active{
        display: block;
        color: #fff;
        text-decoration: none;
        text-align: center;
        border:0px;
        font-size:13px;
        font-weight:bold;
        background:url(../images/nav_active.png);
        background-repeat: no-repeat;
        background-position: center top ;
}

/*nav_active.png */

#main_nav li a.active:hover {
        border:0px;

}


#main_nav li {
        float: left;
        padding-right:14px;
}

#main_nav li a {
        display: block;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        border:0px;
        font-size:11px;
        font-weight:bold;
}

#main_nav li a:hover {
        border:0px;
        color: #D2E3CA;
        background:url(../images/nav_active.png);
        background-repeat: no-repeat;
        background-position: center top ;

}



/* sliding images
-------------------------------------------------------------- */
#sliding_images{
        margin-top:46px;
        margin-left:15px;
        border-left:1px solid white;
        width:409px;
        height:209px;
}


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

#arrow img{
        margin-right:3px;
        cursor:pointer;
}

#nav {
        float:right;
        margin-top:10px;
        margin-right:22px;
        z-index:1;
}

.cover{
        float:right;
        margin-top:10px;
        margin-right:22px;
}

.cover img{
        position:relative;
        left:60px;
        width:210px;
        height:21px;
        z-index:2;

}

#nav  img { float:left;margin: 0px;
        background:url(../images/typeous_41.png);
        background-repeat: no-repeat;
        background-position: center;
        width:10px;
        height:21px;
}

#nav img.activeSlide {

        background:url(../images/typeous_39.png);
        background-repeat: no-repeat;
        background-position: center;
        width:10px;
        height:21px;
}
#nav img:focus { outline: none; }



/* sliding texts
-------------------------------------------------------------- */
#sliding_texts{
        font-size:10px;
        width:488px;
}

.sliding_text_title{
        font-size:13px;
        line-height:15px;
        color:#74956A;
        text-align:left;
        margin-top:7px;
}


.sliding_text_text{
        font-size:13px;
        line-height:18px;
        color:#4B7251;
        text-align:left;
        margin-top:6px;

}

.sliding_text_author{
        font-size:11px;
        line-height:18px;
        color:#6A9575;
        text-align:left;
        margin-top:7px;
        font-style:italic;
        text-align:right;
}


/* sliding text links
-------------------------------------------------------------- */

#sliding_texts  a{
        text-decoration:none;        color:#71A473;
        border-bottom:1px solid #9AB196;        line-height:18px;

}

#sliding_texts  a:hover{
        text-decoration:none;
        color:#4A7352;
}


/* footer*/
        #footer{
                height:47px;
                padding-top:46px;
                padding-bottom:6px;
                font-size:10px;
                clear:both;
                background:url(../images/typeous_16.png);
                background-position: top;
                background-repeat: repeat-x;
        }

        /* footer text style*/
        #footer_cont{
                width:941px;
                color:#5E8E65;
                font-size:10px;
                line-height:14px;
                padding-bottom:6px;
        }

        /* footer links*/
        #footer_cont a{
                font-size:10px;
                color:#5E8E65;
                text-decoration:none;
        }

        #footer_cont a:hover{
                color:#96BC9B;
        }

        .float_right{
                float:right;
                padding-right:15px;
        }

        .float_left{
                float:left;
        }




/* image alignments */


.mainrightimage{
        float:right;
        font-size: 12px;
        margin: 5px 0px 10px 10px;
        padding: 12px;
        color:#9F9F9F;
        font-weight:bold;
        border:1px solid #c6d0bf;
}


.maincenterimage{
        float:right;
        font-size: 12px;
        margin: 5px 0px 10px 10px;
        padding-bottom: 13px;
        color:#9F9F9F;
        font-weight:bold;
        border-bottom:1px solid #c6d0bf;
}

.leftimage{
        float:left;
        font-size: 12px;
        margin: 5px 15px 10px 0px;
        padding: 12px;
        color:#9F9F9F;
        font-weight:bold;
        border:1px solid #e0e0e0;
}

.rightimage{
        float:right;
        font-size: 12px;
        margin: 5px 0px 10px 15px;
        padding: 12px;
        color:#9F9F9F;
        font-weight:bold;
        border:1px solid #e0e0e0;
}

.leftimage_2{
        float:left;
        font-size: 12px;
        margin: 2px 12px 0px 0px;
        color:#9F9F9F;
        font-weight:bold;
        border:0px solid #e0e0e0;
}

.rightimage_2{
        float:right;
        font-size: 12px;
        margin: 0px 0px 5px 5px;
        padding: 12px;
        color:#9F9F9F;
        font-weight:bold;
        border:0px solid #e0e0e0;
}

.centerimage{
        display:block;
        margin: 5px 15px 10px 0px;
        padding: 12px;
        color:#9F9F9F;
        font-weight:bold;
        border:1px solid #e0e0e0;
}


.centerimage_2{
        display:block;
        margin: 0px 15px 10px 0px;
        padding: 0px 0px 8px 0px;
        color:#9F9F9F;
        font-weight:bold;
        border-bottom:1px solid #b4c0c6;

}


/*left page links*/
#page_left p {
padding:0px;
margin:0px;
}
#page_left p a{
        color: #696969;
        border-bottom:1px solid #5c717a;
        text-decoration:none;
}

#page_left p a:hover{
        color:#9E9E9E;
        padding:0px;
        text-decoration:none;
        border-bottom:0px solid #6B6B6B;
}

.content_slice{
        background:url(../images/slice_blog.jpg);
        background-repeat:no-repeat;
        height:7px;
        margin-bottom:15px;
}



/* H TAGS */

h1 {
        font-size: 24px;
        color: #637A5C;
        font-weight: normal;
        margin-bottom: 10px;
        margin-top: 10px;
}

h2 {
        font-size: 20px;
        color: #637A5C;
        font-weight: normal;
}

h3  {
        font-size: 16px;
        font-weight: normal;
        color:#5c717a;
}

h4 {        color:#637A5C;
        font-size: 12px;
        font-weight: normal;
}


h5 {
        font-size: 10px;
        font-weight: normal;
        margin: 20px 0px 10px 0px;
}


h6 {
        font-size: 9px;
        font-weight: normal;
        margin: 20px 0px 10px 0px;
}




/* TABLES */

        table{
                border:1px solid #DDDDDD;
                margin: 10px;
        }

        table caption strong{
                text-align:left;
                font-size: 14px;
                color: #414141;
                font-weight: normal;
                line-height:40px;
        }

        table caption{
                text-align:left;
                font-size: 12px;
                color: #414141;
                font-weight: normal;
                padding-bottom: 10px;
                padding-top: 5px;
        }

        table th {
                padding: 13px;
                background: #9B9B9B;
                border: 1px solid #ffffff;
                color: #ffffff;
                font-size: 12px;

        }

        table td {
                font-size: 11px;
                padding: 10px;
                text-align: left;
                border-left:1px solid #DDDDDD;
                border-bottom:1px solid #DDDDDD;
                background: #fcfcfc;
        }







/* Lists */
        .list_general ul {
                list-style: disc outside;
                margin: 2px 10px 10px 10px;
                padding: 4px 20px 20px 20px ;
                color:#464646;
                font-size:12px;
        }

        .list_general ul li {
                line-height: 25px;
        }


        .list_general ol {
                list-style-position: inside;
                margin: 2px 10px 10px 10px;
                padding: 4px 20px 20px 20px ;
                color:#464646;
                font-size:12px;
        }

        .list_general ol li {
                line-height: 20px;
        }




        /*         quote */
        .quote{
                line-height:21px;
                text-align:justify;
                font-size:12px;

                margin: 20px;
                padding-left: 20px;
                border-left:1px solid #CFCFCF;
                color:#999999;
        }




        /* content list type */
        .list_arrow{
                font-size: 12px;
                margin-top:10px;
        }

         .list_arrow ul {
                color: #74aecc;
                text-decoration: none;
                list-style-type: none;
        }

        .list_arrow li {
                padding: 0px 0px 4px 10px;
                background:url(../images/ok.gif);
                background-repeat: no-repeat;
                background-position: 0px;
        }



        /* content list links*/

        .list_arrow a{
                color: #333333;
                border-bottom:1px solid #C4C4C4;
                text-decoration:none;
                line-height:16px;
                font-size:12px;
        }

        .list_arrow a:hover{
                color:#9E9E9E;
                padding:0px;
                text-decoration:none;
                border-bottom:0px solid #6B6B6B;
                line-height:16px;
                font-size:12px;
        }