html, body, #wrapper {
        height: 100%;
}

body > #wrapper {
        height: auto;
        min-height: 100%;
}

body {
        padding: 0;
        margin: 0;
        background: #eaeaea;
}

#header-container {
        width: 100%;
        background-color:;
}

#header {
        height: 104px;
        width: 960px;
        margin: 0 auto;
}


#slideshow-top {
        background: repeat-x left top;
        height: 4px;
        overflow: hidden;
        min-width: 960px;
}

#slideshow {
        background-color: ;
        border-top:;
        border-bottom:;
        padding: 20px 0;
        padding-top: 17px;
        height: 313px;
        min-width: 960px;
}

#subpage-header {
        background-color: #fff;
        border-top: 1px #ccc solid;
        border-bottom: 1px #ddd solid;
        padding: 45px 0;
        min-width: 960px;
        float: left;
        width: 100%;
}

        #subpage-header-content{
                width: 960px;
                margin: 0 auto;
        }



        #subpage-header h2, #subpage-header h4 {
                padding: 0;
                margin: 0;
                font-size: 21px;
                font-family: verdana, sans-serif;
                float: right;
                letter-spacing: 1px;
                margin-top: -3px;

        }

        #subpage-header h4 {
                font-size: 17px;
                float: right;
                margin-top: 0px;
                font-weight: normal;
        }

#sub-header, #sub-header-no-content {
        background-color:;
        border-bottom:;
        border-top:;
        padding: 15px 0;
        min-width: 960px;
        float: left;
        width: 100%;
}
        #sub-header-no-content {
                height: 10px;
                padding: 0;
        }

        #sub-header-content{
                margin: 0 auto;
                width: 960px;
                padding: 0;
        }


                #sub-header-text {
                        font-size:22px;
                        font-family:Georgia, "Times New Roman", Times, serif;

                        margin: 0;
                        padding: 0;
                }

                        #sub-header-text p {
                                margin: 0;
                                padding: 0;
                                line-height: 42px;
                        }


        #prevnext a {
                margin-top: 6px;

        }

        .jFlowControl {
                cursor: pointer;
                float: left;
                margin-left: 10px;
        }

                .jFlowControl img {
                        padding:3px;
                        margin: 0;
                        border: 1px #d7d7d7 solid;
                        background: #fafafa;
                        float: left;
                }

                .jFlowControl:hover img {
                        padding:1px;
                        margin: 0;
                        border: 3px #aaa solid;
                        background: #fff;
                        float: left;
                }

        .jFlowSelected img {
                padding:1px;
                margin: 0;
                border: 3px #aaa solid;
                background: #fff;
                float: left;
        }


#slideshow-bottom {
        background: ;
        height: 4px;
        overflow: hidden;
        min-width: 960px;
}

        #slideshow-content {
                background: ;
                width: 100%;
                padding: 0;
                position: relative;
                z-index: 0;
                margin: 0 auto;
                min-width: 960px;
        }

        #slideshow-content-padding {
                padding-top: 3px;
        }

        .slideshow-item {
                width: 960px;
                margin: 0 auto;
        }

                .slideshow-image {
                        float: left;
                        width: 630px;
                        position: relative;
                }

                .slideshow-image-three {
                        float: left;
                        width: 310px;
                        position: relative;
                }

                .slideshow-image-full {
                        float: left;
                        width: 960px;
                        position: relative;
                }

                        .featured {
                                background: no-repeat left top;
                                width: 112px;
                                height: 67px;
                                position: absolute;
                                top: -3px;
                                right: -3px;
                        }

                .slideshow-right{
                        float: left;
                        margin-left: 30px;
                        width: 300px;
                }

                .slideshow-description {
                        float: left;
                        padding: 0;
                        color: #fff;
                        height: 300px;
                        font-weight: normal;
                        position: relative;
                }



                        .slideshow-description p {
                                margin-bottom: 10px;
                        }

                        .slideshow-description ul {
                                list-style: none;
                                margin-left: 15px;
                        }

                        .slideshow-description ol {
                                margin-left: 30px;
                        }

                                .slideshow-description ul li {
                                        background: url(../images/bullet.png) no-repeat left;
                                        border-bottom: 1px #ccc dotted;
                                        padding: 5px 0 5px 20px;
                                }

                                 .slideshow-description ol li {
                                        border-bottom: 1px #ccc dotted;
                                        padding: 5px 0;
                                 }

                        .slideshow-description h1 {
                                color: #ccc;
                                font-size: 31px;
                                font-weight: bold;
                        }

                        .slideshow-description h2 {
                                color: #ccc;
                                font-size: 24px;
                                padding-bottom: 15px;
                                margin: 0;
                                line-height: 30px;
                                font-style: normal;
                        }




.three-blocks {
        float: left;
        width: 300px;
        margin-top: 15px;
}

.main-three-blocks {
        float: left;
        width: 160px;
        margin: 0 0px;
}


#content-container {
        width: 960px;
        margin: 0 auto;
        padding-bottom: 76px;
}

#content {
        width: 960px;
        padding: 11px 0 8px 0px;
        float: left;
        position: relative;
}

        /* main column */
        #content #main {
                float: left;
                width: 630px;
        }

        #content #main-whole {
                float: left;
                width: 960px;
        }

                .main-3-column {
                        width: 180px;
                        float: left;
                }

        .three-column {
                float: left;
                width: 300px;
                margin-left: 30px;
        }

        /* left and right column */
        #content #left, #content #right {
                float: left;
                margin-right: 30px;
                width: 300px;
        }

        #content #right {
                margin-right: 0;
                margin-left: 30px;
        }

        #content h2, #content h1 {
                padding-bottom: 10px;
                color: #fff;
        }
        #content h2 {
                font-size: 24px;
                letter-spacing: 1px;
        }

                #content #left h2, #content #right h2 {
                        font-size: 20px;
                }

        #content p {
                padding-bottom: 15px;
                margin: 0;
                clear: both;
        }

        #content h5 {
                margin-bottom: 5px;
        }



/* box style */


.box {
        width: 100%;
        margin-bottom: 15px;
        margin-top: 15px;
        float: left;
}

.top {
        width:100%;
        height:6px;
        background:url(../images/top.png) no-repeat left top;
}

.top span {
        width: 6px;
        height:6px;
        background: #ececec url(../images/top_right.png) no-repeat right top;
        float: right;
        overflow: hidden;
}

.box-content {
        background: url(../images/leftside.png) repeat-y right top;
        width: 100%;
        float: left;
        background-color: #f8f8f8;
}

.box-content2 {
        background: url(../images/leftside.png) repeat-y left top;
        width: 100%;
        float: left;
}

.bottom {
        width:100%;
        height:6px;
        background:url(../images/bottom.png) no-repeat left top;
        float: left;
}

.bottom span {
        width: 6px;
        height: 6px;
        background: #ececec url(../images/bottom_right.png) no-repeat right top;
        float: right;
        overflow: hidden;
}

.box p {
        margin:5px 0 10px 0;
        padding-bottom: 5px;
        clear: both;
}

.box-padding {
        padding: 20px 30px;
        float: left;
}

#content .box-padding  p{
        padding-bottom: 10px;
}


.box-padding h2.border {
        padding-top: 0px;
        margin-top: 0;
        background:repeat-x left bottom;
        padding-bottom: 15px;
}

.box-padding .item h2 {
        background: none;
}

.box-padding h3 {
        padding-top: 0;
        margin-top: 10px;

}

.portfolio-row {
        margin-bottom: 15px;
        float: left;
}

.portfolio-item {
        float: left;
        width: 280px;
        margin-top: 15px;
}

        .portfolio-image {
                margin-bottom: 15px;
                float: left;
        }

        .portfolio-image img {
                margin-right: 0;
        }


/*list styles */

ul {
        list-style: square;
        margin-left: 30px;
}

ul.list {
                list-style: none;
                margin-left: 15px;
        }

        ol.list {
                margin-left: 30px;
        }

                ul.list li {
                        background: url(../images/bullet.png) no-repeat left;
                        border-bottom: 1px #aaa dotted;
                        padding: 5px 0 5px 20px;

                }

                 ol.list li {
                        border-bottom: 1px #aaa dotted;
                        padding: 5px 0;
                 }





/*table styles  */

table {
        margin-top: 0;
        margin-bottom: 10px;
        border: 1px #ccc solid;
        border-bottom: none;
}

thead th {
        background: #e2e2e2 none repeat scroll 0 0;
        border-top: 1px #fff solid;
}
thead th {
        border-bottom:1px #bbb solid;
}
th {
        border-bottom: 3px #bbb solid;
        text-align: left;
        padding: 5px 15px;
}

td {
        background: #f1f1f1;
        border-top: 1px #fff solid;
        border-bottom:1px #ccc solid;
        color: #777;
        padding: 5px 15px;
}

tr.even td {
        background: #f8f8f8;
        border-top: 1px #fff solid;
        border-bottom:1px #ccc solid;
}

td.active {
        background-color: #e4e4e4;
}

/* CSS sliding doors button */

a.button, a.button-color, a.button-header, a.button-header-large {
        background: url('../images/button.png') no-repeat scroll top left;
        float: left;
        height: 28px;
        margin-right: 25px;
        margin-left: 0px;
}

a.button span, a.button-color span, a.button-header span, a.button-header-large span  {
        background: url('../images/button.png') no-repeat scroll right -28px;
        float: left;
        height: 26px;
        position: relative;
        left: 20px;
        padding-right: 20px;
        padding-top: 2px;
        font-weight: bold;
        font-size: 12px;
        font-family: Arial,Helvetica,sans-serif;
        cursor: pointer;
        font-style: normal;
}

a.button-header-large {
        height: 45px;
        background: url('../images/button_header_large.png') no-repeat scroll top left;
}

a.button-header-large span {
        height: 35px;
        background: url('../images/button_header_large.png') no-repeat scroll right -45px;
        color: #777;
        padding-right: 20px;
        font-size: 15px;
        padding-top: 10px;
}


a.button:hover span {
        color: #666;
}

a.button-color {
        background: url('../images/button_color.png') no-repeat scroll top left;
}

a.button-color span {
        background: url('../images/button_color.png') no-repeat scroll top right;
        color: #fff;
}

a.button-header {
        background: url('../images/button_header.png') no-repeat scroll top left;
}

a.button-header span {
        background: url('../images/button_header.png') no-repeat scroll right -28px;
        color: #777;
        padding-right: 20px;
}

a.button:hover, a.button-color:hover, a.button-header:hover  {
        background-position: left -126px;

}

a.button:hover span, a.button-color:hover span, a.button-header:hover span {
        background-position: right -154px;
}


a.button-header-large:hover  {
        background-position: left -92px;

}

a.button-header-large:hover span {
        background-position: right -137px;
}

/* OtherStyles */

.textblock {
        font-size:17px;
        color:#777;
        font-family:Georgia, "Times New Roman", Times, serif;
        background-color: red;
        padding:0px 0px 0px 40px;
        background: url(../images/quote.png) no-repeat 0px 0px;

}

#note {
        padding: 10px;
        font-size: 12px;
        font-weight: bold;
        color: #992222;
        border: 1px #f0c020 solid;
        display: none;
        background-color:#ffffdd;
        text-align: center;
        margin-bottom: 10px;
}

.notification_ok {
        color: #229922;
}

/* Link Styles */

.more {
        font-weight: bold;
}

/* Misc Styles */

.item {

        margin-bottom: 15px;
        float: left;
}
        .separator {
                padding-bottom: 15px;
                border-bottom: 1px #ccc solid;
        }

        .item .post-info {
                margin-bottom: 12px;
        }

                .item .post-info h2, .item .post-info h3{
                        margin-bottom: 0;
                }
                .item .post-info span {
                        color: #888;
                        font-size: 11px;
                }

.title {
        padding-bottom: 0px;
        overflow: hidden;
}

.clear {
        clear: both;
        overflow: hidden;
        height: 0px;
}

.float-left {
        float: left;
}

.float-right {
        float: right;
}

.image-margin-left {
        margin:0 10px 3px 0;
}

.image-margin-right {
        margin:0 0 3px 10px;
}

.image-left, .image-border, .image-right, .header-image-left, .header-image-right {
        padding:4px;
        margin:5px 10px 3px 0;
        border: 1px #cdcdcd solid;
        background: #fafafa;
        float: left;
}

.header-image-left, .header-image-right {
        background: #fff;
        border: 1px #ddd solid;
        margin:0;
        padding: 4px;

}

.image-small-left{
        background: #f7f7f7;
        padding:3px;
        margin:0 5px 0 0;
        border: 1px #bebebe solid;
        float: left;
}

.image-small-right {
        background: #f7f7f7;
        padding:3px;
        margin:0 0 0 3px;
        border: 1px #bebebe solid;
        float: right;
}

.image-border {
        margin:0;
}

.image-right {
        margin:0 0 3px 10px;
        float: right;
}

.margin-0-left {
        margin-left: 0px;
}

.margin-0-right {
        margin-right: 0;
}


.margin-10-lr {
        margin: 0 10px;
}

.margin-10-left {
        margin-left: 10px;
}

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

.margin-15-left {
        margin-left: 15px;
}

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


.margin-20-left {
        margin-left: 20px;
}

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

.margin-30-left {
        margin-left: 30px;
}

.margin-30-right {
        margin-right: 30px;
}