/*--Gerald Harris Joinery
"gh_styles.css"
Gordon Williams 2011-2018--*/

body{background-image:url(gh_images/papergrey.jpg);}
#container{
    width:950px;
    height:584px;
    position:relative;
    left:50%;
    margin:40px 0 0 -475px;
    }
#page_title_box{
    width:200px;
    height:50px;
    font-family:verdana,arial,sans-serif;
    font-size:0.8em;
    color:#999;
    line-height:140%;
    padding:2px 0 2px 0;
    margin:13px 0 0 40px;
    }
.clickon{
    font-size:0.9em;
    font-style:italic;
    }
.top_image{
    width:887px;
    height:111px;
    margin-left:40px;
    border-top:solid 1px #222;
    }
#slideshow{
    float:right;
    margin:7px 20px 0 0;
    }


/*--ALL 4x5 GRID pages--*/
#thumbs4x5{
    width:400px;
    position:absolute;
    top:177px;
    left:0px;
    margin:0px;
    }
#thumbs4x5 li{
    width:91px;/*--thumb display width--*/
    float:left;
    margin:7px 2px;/*--thumb spacing--*/
    list-style:none;
    border:solid 1px #444;
    }
#thumbs4x5 a{
    width:90px;/*--active thumb area = thumb image width--*/
    padding:1px;/*--amount of 'border' showing around active thumb--*/
    display:block;
    }
#thumbs4x5 li.activeSlide a{
    background:#6cc644;
    }
#thumbs4x5 a:focus{
    outline:none;
    }
#thumbs4x5 img{
    border:none;
    display:block;
    }

/*--MEMORIAL BENCH 3x3 GRID page--*/
#thumbs3x3{
    width:400px;
    position:absolute;
    top:244px;
    left:0px;
    margin:0px;
    }
#thumbs3x3 li{
    width:121px;/*--thumb display width--*/
    float:left;
    margin:7px 3px;/*--thumb spacing--*/
    list-style:none;
    border:solid 1px #444;
    }
#thumbs3x3 a{
    width:120px;/*--active thumb area = thumb image width--*/
    padding:1px;/*--amount of 'border' showing around active thumb--*/
    display:block;
    }
#thumbs3x3 li.activeSlide a{
    background:#6cc644;
    }
#thumbs3x3 a:focus{
    outline:none;
    }
#thumbs3x3 img{
    border:none;
    display:block;
    }
.subhead{/*--MEMORIAL BENCH subheading--*/
    position:absolute;
    top:205px;
    left:14px;
    font-family:verdana,arial,sans-serif;
    font-size:0.8em;
    font-style:italic;
    color:#999;
    padding-left:35px;
    }

.pics{
    height:375px;
    width:500px;
    padding:0;
    margin:0;
    overflow:hidden;
    }
.button4{
    position:absolute;
    top:128px;
    left:429px;
    }
.button5{
    position:absolute;
    top:128px;
    left:512px;
    }
.button6{
    position:absolute;
    top:128px;
    left:647px;
    }
.button6_contact{/*--space out CONTACT button on CHURCH WORK pages--*/
    position:absolute;
    top:128px;
    left:675px;
    }
.button_church1_2{/*--Extra CHURCH WORK pages 1 & 2--*/
    position:absolute;
    top:127px;
    left:225px;
    }
.button_bespoke1_2{/*--Extra BESPOKE JOINERY pages 1 & 2--*/
    position:absolute;
    top:127px;
    left:245px;
    }

.nav1{
        list-style:none;
        position:absolute;
        top:113px;
        left:392px;
        }
    .nav1 li{
        display:inline;
        }
    .nav1 li a{
        width:auto;
        text-decoration:none;
        font-family:verdana,arial,sans-serif;
        font-size:0.8em;
        color:#95cf83;
        }
    .nav1 li a:hover{
        color:#fff;
        border-bottom:solid 1px #555;
        border-right:solid 5px #555;
        padding-right:3px;
        }
.nav2{
        list-style:none;
        position:absolute;
        top:113px;
        left:475px;
        }
    .nav2 li{
        display:inline;
        }
    .nav2 li a{
        width:auto;
        text-decoration:none;
        font-family:verdana,arial,sans-serif;
        font-size:0.8em;
        color:#95cf83;
        }
    .nav2 li a:hover{
        color:#fff;
        border-bottom:solid 1px #555;
        border-right:solid 5px #555;
        padding-right:3px;
        }
.nav3{/*--CONTACT page--*/
        list-style:none;
        position:absolute;
        top:113px;
        left:610px;
        }
    .nav3 li{
        display:inline;
        }
    .nav3 li a{
        width:auto;
        text-decoration:none;
        font-family:verdana,arial,sans-serif;
        font-size:0.8em;
        color:#95cf83;
        }
    .nav3 li a:hover{
        color:#fff;
        border-bottom:solid 1px #555;
        border-right:solid 5px #555;
        padding-right:3px;
        }

.nav3church{/*--space out CONTACT button on CHURCH WORK pages--*/
        list-style:none;
        position:absolute;
        top:113px;
        left:638px;
        }
    .nav3church li{
        display:inline;
        }
    .nav3church li a{
        width:auto;
        text-decoration:none;
        font-family:verdana,arial,sans-serif;
        font-size:0.8em;
        color:#95cf83;
        }
    .nav3church li a:hover{
        color:#fff;
        border-bottom:solid 1px #555;
        border-right:solid 5px #555;
        padding-right:3px;
        }

.nav4{/*--Bespoke Page 1+2--*/
        list-style:none;
        position:absolute;
        top:112px;
        left:207px;
        }
    .nav4 li{
        display:inline;
        }
    .nav4 li a{
        width:auto;
        text-decoration:none;
        font-family:verdana,arial,sans-serif;
        font-size:0.8em;
        color:#95cf83;
        }
    .nav4 li a:hover{
        color:#fff;
        border-bottom:solid 1px #555;
        border-right:solid 5px #555;
        padding-right:3px;
        }

.nav4church{/*--Church Page 1+2--*/
        list-style:none;
        position:absolute;
        top:112px;
        left:187px;
        }
    .nav4church li{
        display:inline;
        }
    .nav4church li a{
        width:auto;
        text-decoration:none;
        font-family:verdana,arial,sans-serif;
        font-size:0.8em;
        color:#95cf83;
        }
    .nav4church li a:hover{
        color:#fff;
        border-bottom:solid 1px #555;
        border-right:solid 5px #555;
        padding-right:3px;
        }

#footer{
    width:950px;
    height:10px;
    font-family:arial,sans-serif;
    font-size:0.7em;
    font-style:italic;
    color:#555;
    position:absolute;
    top:575px;
    left:42px;
    }
.left38{
    padding-left:38px;
    }
a{
    outline:none;
    }

/*--INDEX PAGE ONLY--*/
#container1{
    width:950px;
    height:510px;
    position:relative;
    left:50%;
    margin:20px 0 0 -475px;
    border:solid 1px #222;
    }
.button1{
    position:absolute;
    top:338px;
    left:140px;
    }
.button2{
    position:absolute;
    top:338px;
    left:297px;
    }
.button3{
    position:absolute;
    top:338px;
    left:437px;
    }
.grey222{
    color:#222;
    }
.left25{
    padding-left:25px;
    }
.left215{
    padding-left:215px;
    }
#slideshow_back{/*--masks background show-through between images--*/
    width:90px;
    height:90px;
    position:absolute;
    top:278px;
    left:17px;
    background:#000;
    }
.slideshow{
    width:90px;
    height:90px;
    }
.slideshow img{
    display:none;
    border:none;
    }
.slideshow img.first{
    display:block;
    }

/*--CONTACT PAGE ONLY--*/
.button7{
    position:absolute;
    top:128px;
    left:326px;
    }
.button8{
    position:absolute;
    top:128px;
    left:409px;
    }
.button9{
    position:absolute;
    top:128px;
    left:568px;
    }
#main{
    width:887px;
    height:300px;
    font-family:verdana,arial,sans-serif;
    font-size:1em;
    font-weight:400;
    line-height:130%;
    color:#777;
    padding:0;
    margin:15px 0 0 40px;
    }
#pic1{
    width:599px;
    height:181px;
    background-image:url(gh_images/Llanrothal.jpg);
    position:absolute;
    top:198px;
    left:326px;
    }
#pic_text{
    width:500px;
    font-family:candara,verdana;
    font-size:0.9em;
    font-style:italic;
    color:#666;
    position:absolute;
    top:385px;
    left:326px;
    }    
.left39{
    padding-left:39px;
    }