/* ---------------------------------------------------
TEMPLATE.CSS contains the default styles for websites
built in the anytime system.
--------------------------------------------------- */



/* MAIN ELEMENTS
Main page elements, page layout, links and other common
styles. */
html, body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#1a2304;
background-color:#494944;
clear:both;
margin:0 auto;
}


/* DEFAULT LINKS */
a         {text-decoration:none; color:#6f4593;}
a:visited {}
a:hover   {text-decoration:none;color:#372448;}
a img     {border:none;}


/* DEFAULT HEADERS */
h1, h2, h3, h4, h5, h6 {
margin:0px 0px 0px 0px;
}

h1 {font-size:16px;color:#ad790a;line-height:20px;padding:4px 0 4px 0;}
        h1 span {color:#e7ad30;}
h2 {font-size:22px;color:#333333;line-height:24px;padding:4px 0 4px 0;}
h3 {font-size:18px;color:#333333;line-height:20px;padding:4px 0 4px 0;}
h4 {font-size:14px;color:#333333;line-height:16px;padding:4px 0 4px 0;}
h5 {font-size:13px;color:#333333;line-height:15px;padding:4px 0 12px 0;}
h6 {font-size:12px;color:#333333;line-height:14px;padding:4px 0 4px 0;}



p {
margin-top:0;
padding-top:0;
}



/* OTHER DEFAULT ELEMENTS */
acronym {border:none;}

.clearer {
clear:both;
font-size:0;
line-height:0;
height:0;
padding:0 0 0 0;
margin:0 auto;
}

.divider {
clear:both;
font-size:0;
line-height:0;
height:5px;
padding:0 0 0 0;
margin:0 auto;
margin-top:5px;
border-top:solid #EFEFEF 1px;
}

/* GAPS
Gaps to space elements */
.gap1 {float:left;width:10px;}
.gap2 {float:left;width:20px;}


.img-left {float:left;margin-right:15px;margin-top:4px;}
.img-right {float:right;margin-left:15px;margin-top:4px;}


/* LIST ELEMENTS
list elements */
ul {
margin-top:4px;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
margin-left:0;
padding-left:0;
}
        li {
        line-height:18px;
        list-style:none;
        margin-top:0;
        padding-top:0;
        padding-bottom:3px;
        margin-left:0;
        padding-left:19px;
        background-image:url(../images/point.gif);
        background-position:3px 6px;
        background-repeat:no-repeat;
        }




/* STANDARD PAGE ELEMENTS
Standard page elements for laying out the main content of a website. */
#container {
width:886px;
text-align:center;
background-image:url(../images/main_bg.gif);
background-position:top;
background-repeat:repeat-y;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}

#logo-side {
float:left;
width:33px;
height:85px;

background-position:left top;
background-repeat:no-repeat;
}

#container-inner {
float:left;
width:820px;
text-align:left;
background-color:#ffffff;
background-image:url(../images/rightside_bg.gif);
background-position:right;
background-repeat:repeat-y;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}


        #side {float:right;width:28px;}


        /* MAIN HEADER */
        #header {
        float:right;
        width:792px;
        height:138px;
        background-image:url(../images/logo_main.gif);
        background-position:0 0;
        background-repeat:no-repeat;
        }

                #header a {color:#003399;}
                #header a:hover {color:#0099CC;}


                #header #top-phone {
                display:block;
                height:110px;
                text-align:right;
                }

                #header #navigation {
                display:block;
                height:28px;
                text-align:right;
                color:#967121;
                line-height:24px;
                padding-right:16px;
                background-image:url(../images/nav_bg.gif);
                background-position:right bottom;
                background-repeat:no-repeat;
                }
                        #header #navigation a {color:#967121;}
                        #header #navigation a:hover {color:#e7ad30;}


                        #header #navigation #navleft {
                        float:left;
                        width:650px;
                        height:28px;
                        padding-left:16px;
                        }

                        #header #navigation #navleft a {
                        float:left;
                        height:28px;
                        line-height:28px;
                        color:#2b2a26;
                        display:inline-block;
                        padding-left:20px;
                        margin-right:1px;
                        text-transform:uppercase;
                        font-style:italic;
                        text-decoration:none;
                        background-image:url(../images/nav_link.gif);
                        background-position:left 0px;
                        background-repeat:no-repeat;
                        }
                                #header #navigation #navleft a strong,
                                #header #navigation #navleft a b {
                                display:block;
                                height:28px;
                                line-height:28px;
                                padding-right:20px;
                                cursor:pointer;
                                background-image:url(../images/nav_link.gif);
                                background-position:right 0px;
                                background-repeat:no-repeat;
                                }


                                        #header #navigation #navleft a:hover {
                                        color:#2b2a26;
                                        background-image:url(../images/nav_link.gif);
                                        background-position:left -28px;
                                        }
                                                #header #navigation #navleft a:hover strong,
                                                #header #navigation #navleft a:hover b {
                                                background-image:url(../images/nav_link.gif);
                                                background-position:right -28px;
                                                }

                                        #header #navigation #navleft .on,
                                        #header #navigation #navleft .on:hover {
                                        color:#e2bd64;
                                        background-image:url(../images/nav_link.gif);
                                        background-position:left -56px;
                                        }
                                                #header #navigation #navleft .on strong,
                                                #header #navigation #navleft .on b,
                                                #header #navigation #navleft .on:hover strong,
                                                #header #navigation #navleft .on:hover b {
                                                background-image:url(../images/nav_link.gif);
                                                background-position:right -56px;
                                                }




        /* MAIN CONTENT */
        #main {
        float:right;
        width:776px;
        line-height:18px;
        }

                .home-timber {
                background-image:url(../images/home_base.jpg);
                background-position:right bottom;
                background-repeat:no-repeat;
                }

                /* MAIN FLASH/BANNER */
                #flash {
                margin-top:4px;
                height:52px;
                background-color:#ffcc00;
                text-align:left;
                }
                        #flash-home {
                        margin-top:4px;
                        height:152px;
                        background-color:#ffcc00;
                        }
                                #flash-home .special-right {
                                float:right;
                                height:152px;
                                width:380px;
                                background-color:#212121;
                                border-left:solid #e7ad30 10px;
                                position:relative;
                                overflow:hidden;
                                }

                                        #product-table {
                                        position:absolute;
                                        top:0px;
                                        left:0px;
                                        }
                                                #product-table td {
                                                padding:0 25px;
                                                height:152px;
                                                color:#ffffff;
                                                }
                                                        #product-table td h1 a {
                                                        color:#ffffff;
                                                        }

                                                        #product-table td strong,
                                                        #product-table td b {
                                                        font-size:20px;
                                                        vertical-align:middle;
                                                        }


                                #flash-home .special-left {
                                float:left;
                                width:300px;
                                padding:20px 0 0 25px;
                                }
                                        #flash-home .special-left h1 {
                                        color:#58416d;
                                        font-size:24px;
                                        font-style:italic;
                                        }





                        #main .main-left {
                        float:left;
                        width:170px;
                        padding:25px;
                        color:#242223;
                        background-image:url(../images/left_col.gif);
                        background-position:left top;
                        background-repeat:no-repeat;
                        }

                                #main .main-left a {color:#6b3e08;}




                        #right-holder {
                        float:right;
                        width:525px;
                        }



                        .main-right {
                        clear:right;
                        float:right;
                        width:500px;
                        color:#242223;
                        padding:25px 25px 25px 0;
                        }

                        .main-right-col1 {
                        float:right;
                        width:290px;
                        color:#242223;
                        padding:25px 25px 0 0;
                        }

                        .main-right-col2 {
                        float:right;
                        width:160px;
                        color:#242223;
                        background-color:#f5f0e1;
                        padding:25px 25px 25px 25px;
                        }


                        #main-inner .main-heigher {
                        float:right;
                        width:1px;
                        }


                #main-inner {
                display:block;
                background-image:url(../images/inner_bg.gif);
                background-position:left top;
                background-repeat:repeat-y;
                }


                                #main-inner .main-right .light,
                                #main-inner-home .main-right .light {
                                color:#5F3812;
                                }


                                .main-right .message-box {
                                display:block;
                                border:solid #e8e4d0 1px;
                                background-color:#ffffff;
                                padding:5px;
                                margin-bottom:10px;
                                }



        /* MAIN FOOTER */
        #base-holder {
        width:820px;
        text-align:center;
        background-image:url(../images/footer_bg.gif);
        background-position:bottom;
        background-repeat:no-repeat;
        margin:0 auto;
        margin-left:auto;
        margin-right:auto;
        padding:0 33px 0 33px;
        border:none;
        }


        #base {
        background-color:#231f20;
        background-image:url(../images/rightside_footer.gif);
        background-position:right;
        background-repeat:repeat-y;
        }

                #base a {color:#ffcc00;}
                #base a:hover {color:#ffffff;}

                #base .base-left {
                float:left;
                width:450px;
                text-align:left;
                background-color:#231f20;
                padding:15px 0 15px 20px;
                color:#f0cf88;
                line-height:18px;
                }
                        #base .base-left strong, #base .base-left b {color:#ffffff;}
                        #base .base-left span {color:#857297;}

                #base .base-right {
                float:right;
                text-align:right;
                width:150px;
                padding:20px 75px 0 0;
                }



        #footer {
        display:block;
        font-size:11px;
        padding-top:10px;
        padding-bottom:10px;
        color:#817f75;
        }
                #footer a {color:#b99037;}
                #footer a:hover {color:#ffcc00;}






/* COMMON PAGE STYLES
Common page (ie. contact page) styles. */

/* PRODUCT PAGES */
.product-holder {display:block;margin-top:20px;}
        .product-holder .product-item {
        float:left;
        width:131px;
        line-height:15px;
        padding:6px 0 0 6px;
        background-image:url(../images/image_bg.gif);
        background-position:top;
        background-repeat:no-repeat;
        margin-right:18px;
        text-align:center;
        }
                .product-holder .product-item h4 {padding-bottom:0px;}

                .product-holder .product-item .image {
                margin-bottom:10px;
                padding-right:13px;
                }

.product-holder2 {display:block;margin-top:20px;}
        .product-holder2 .product-item {
        text-align:left;
        padding:4px 0 4px 0;
        border-bottom:dotted #eae0c3 1px;
        }
                .product-holder2 .product-item .prod-left {
                font-size:14px;
                }
                        .product-holder2 .product-item .prod-left a {color:#6b3e08;text-decoration:none;}
                        .product-holder2 .product-item .prod-left a:hover {text-decoration:underline;}
                        .product-holder2 .small {font-size:11px;}


                .product-holder2 .product-item .image {
                float:left;
                width:84px;
                height:78px;
                padding:6px 0 0 6px;
                margin-right:13px;
                background-image:url(../images/imagesmall_bg.gif);
                background-position:top;
                background-repeat:no-repeat;
                }

.product-holder3 {display:block;margin-top:3px;}
        .product-holder3 .product-item {
        text-align:left;
        }
                .product-holder3 .product-item .image {
                float:left;
                width:84px;
                height:78px;
                padding:6px 0 0 6px;
                background-image:url(../images/imagesmall_bg2.gif);
                background-position:top;
                background-repeat:no-repeat;
                }

                .product-holder3 .product-item .text2 {
                float:right;
                width:233px;
                }

                .product-holder3 .product-item .front-link {
                margin-top:10px;
                margin-bottom:10px;
                background-image:url(../images/link_bg.gif);
                background-position:0 2px;
                background-repeat:no-repeat;
                }
                        .product-holder3 .product-item .front-link a {
                        padding-left:20px;
                        color:#ac9c6d;
                        font-size:11px;
                        font-weight:bold;
                        }
                                .product-holder3 .product-item .front-link a:hover {
                                color:#b4350d;
                                }



.product-details {}
        .product-details .product-left {
        float:left;
        width:180px;
        }

        .product-details .product-right {
        float:right;
        width:275px;
        }



/* NEWS PAGES */
.news-holder {display:block;}
        .news-holder .news-item {display:block;margin-bottom:10px;}
                .news-holder .news-item .image {
                float:left;
                margin-right:10px;
                overflow:hidden;
                }
        .news-holder .news-detail {display:block;}
                .news-holder .news-detail .image {
                float:right;
                margin-left:10px;
                margin-bottom:10px;
                }
        .news-holder .date {font-size:11px;color:#666666;}
        .news-holder .base {font-size:11px;}




/* PHOTO GALLERY PAGES */
.gallery-holder {display:block;}
        .gallery-holder .gh-item {
        float:left;
        width:100px;
        background-color:#CCCCCC;
        padding:3px;
        }
                .gallery-holder .gh-item .image {
                width:100px;
                height:100px;
                margin-bottom:10px;
                overflow:hidden;
                }



/* STAFF PAGES */
.staff-holder {display:block;}
        .staff-holder .sh-item {margin-top:18px;}
                .staff-holder .sh-item .image {
                width:100px;
                height:100px;
                margin-bottom:10px;
                overflow:hidden;
                }
                .staff-holder .sh-item .sh-member {
                float:left;
                width:100px;
                margin-top:10px;
                background-color:#EFEFEF;
                text-align:center;
                }
                .staff-holder .sh-item .sh-member .shm-image {
                width:96px;
                height:96px;
                background-color:#CCCCCC;
                overflow:hidden;
                }




/* TESTIMONIALS PAGES */
.testimonial-holder {display:block;}
        .testimonial-item {display:block;margin-top:18px;}
        .testimonial-holder .th-person {font-weight:bold;}




/* FAQS PAGES */
.faq-holder {display:block;margin-top:18px;}
        .faq-item {display:block;margin-top:8px;margin-bottom:10px;padding:0 25px 0 25px;}




/* LINKS PAGES */
.links-holder {display:block;margin-top:18px;}





/* NEXT PREVIOUS PAGES */
.nextprev {float:right;}
        .nextprev .num {
        color:#333333;
        background-color:#E0E0E0;
        padding:0 4px 0 4px;
        margin-left:3px;
        }
        .nextprev .cur {
        font-weight:bold;
        background-color:#B5B5B5;
        }
        .nextprev .np {
        color:#ffffff;
        background-color:#000000;
        padding:0 4px 0 4px;
        margin-left:3px;
        }
        .nextprev .se {
        color:#A0A0A0;
        background-color:#F3F3F3;
        }
        .nextprev a:hover {
        text-decoration:none;
        color:#CCCCCC;
        background-color:#000000;
        }








/* MAIN FORM */
form {
margin:0 auto;
padding:0 0 0 0;
}

        .req {
        color:#802904;
        font-weight:bold;
        font-size:12px;
        }

        form .label {
        clear:both;
        display:block;
        height:18px;
        font-size:11px;
        font-weight:bold;
        color:#353535;
        line-height:18px;
        text-align:left;
        margin-bottom:0px;
        }

        form .input {
        display:block;
        height:25px;
        }
                form .input input {
                font-size:12px;
                width:70%;
                }

        form .select {
        display:block;
        height:25px;
        }
                form .select select {
                font-size:12px;
                width:70%;
                }

        form .textarea {
        display:block;
        font-size:11px;
        height:73px;
        }
                form .textarea textarea {
                font-size:12px;
                width:70%;
                height:60px;
                }
                form .textarea img {
                padding-top:3px;
                }

        form .button {
        margin-top:5px;
        padding-bottom:5px;
        }


.form-under {font-size:11px;color:#666666;}


#login {}
        #login .login-form {}

                #login .login-form li {
                padding-left:0px;
                background:none;
                }

                        #login .login-form li label {
                        display:inline-block;
                        width:200px;
                        }