/*
// Viewforth Glazing
dark Blue: #2b50a5
yellow: #eae067

*/




html{
min-height: 101%;
}


body{
font-family: tahoma, verdana, arial;
font-size: 0.8em;
background-color: #e2e2e2;
padding: 0px;
border: 0px;
margin: 0px;
background-image: url(images/topback.png);
background-repeat: repeat-x;
color: #4b4b4b;
}

a{
text-decoration: none;
color: #2e3192;
font-size: 15px;
}

a.nopad{
padding: 0px;
}

a:hover{
text-decoration: none;
color: #43241f;
}

h1{
font-family: Rockwell, "Trebuchet MS", Tahoma, Verdana;
font-size: 14px;
font-weight: lighter;
color: #2b50a5;
letter-spacing: 2px;
border-bottom: 1px dashed #2b50a5;
padding-top: 0px;
margin-top: 0px;
}


h2{
font-family: Rockwell, "Trebuchet MS", Tahoma, Verdana;
font-size: 14px;
font-weight: lighter;
color: #2b50a5;
letter-spacing: 2px;
border-bottom: 1px dashed #2b50a5;
}

img{
border: none;
}

.highlight{
color: #292927;
}



#wrapper{
width: 910px;
text-align: center;
background-image: url(images/dropshadow.gif);
background-repeat: repeat-y;
background-position: top right;
}

.container{
width: 900px;
text-align: left;
margin: 0px;
padding: 0px;
background-color: white;
}

#leftcol{
float: left;
width: 700px;
min-height: 500px;
}

#rightcol{
float: left;
width: 200px;
padding-top: 10px;
}


#contactinfo p{
padding: 5px;
}



.header{
text-align: center;
width: 900px;
height: 200px;
margin: 0px;
padding: 0px;
}

#headerl{
float: left;
width: 650px;
}

#headerr{
float: left;
width: 250px;
}


#content{
clear: both;
width: 680px;
text-align: justify;
padding: 10px;
font-size: 12px;
color: #4b4b4b;
line-height: 14pt;
background-image: url(images/back.jpg);
background-repeat: no-repeat;
background-position: top right;
min-height: 500px;
}

#content a{
font-size: 12px;
color: #666;
padding: 0px;
}
#content img{
margin-left: 10px;
margin-bottom: 10px;
border: 3px double white;
}
#content p{
width: 90%;
text-indent: 10px;
}

#imgholder{
width: 620px;
text-align: justify;
background-color: #f1f1f1;
height: 300px;
background-position: center;
background-repeat: no-repeat;
}

#footer{
clear: both;
width: 900px;
height: 30px;
color: #cccccc;
font-size: 11px;
background: #2b50a5;
margin-top: 5px;
font-family: ariel, Rockwell, "Trebuchet MS", Tahoma, Verdana;
}

#footl{
float: left;
width: 350px;
text-align: left;
padding: 7px;
}


#footr{
float: left;
width: 480px;
text-align: right;
padding: 7px;
}

#footer a{
color: #cccccc;
}

#footer a:hover{
color: #ffffff;
}

#contleft{
float: left;
width: 400px;
margin-left: 40px;
}

#contright{
float: left;
width: 400px;
}

#contright.infobar{
margin-bottom: 5px;
}


.infobar{
width: 370px;
background: #eae067;
padding: 5px;
color: #2b50a5;
background-image: url(images/barback.png);
background-repeat: no-repeat;
}

.narrow{
font-weight: lighter;
font-family: Rockwell, "Trebuchet MS", Tahoma, Verdana;
width: 190px;
}

.formwide{
background-image: none;
}

.fullwidth{
font-weight: lighter;
font-family: Rockwell, "Trebuchet MS", Tahoma, Verdana;
width: 90%;
font-size: 14px;
}

.bookingwide{
width: 655px;
}

#sideholder{
width: 200px;
background-repeat: no-repeat;
height: 300px;

}

#sideholder p{
padding: 7px;
margin-top: 210px;
font-size: 15px;
font-weight: normal;
font-family: Rockwell, "Trebuchet MS", Tahoma, Verdana;
background: url(images/transback.png);
}




    #sgallery {
        width: 750px;
        font: 90% arial,helvetica,sans-serif;
        background: #cccccc;
        text-align: center;
        vertical-align: top;
        padding: 2.5px 10px 2.5px 10px;
        margin: 5px 5px 5px 5px;
        border-top: 4px double #cccccc;
        border-right: 4px double #cccccc;
        border-bottom: 4px double #cccccc;
        border-left: 4px double #cccccc;

    }

    #sgallery img{
    border: none;
    }

















    #navcontainer{
    width: 900px;
    background-image: url(images/navback.png);
    background-repeat: repeat-x;
    background-position: top left;
    }


    #navigation {
    font-family: Rockwell, "Trebuchet MS", Tahoma, Verdana;
        width: 750px;
        height: 40px;
        padding-left: 5px;
        padding-top: 3px;
        margin-left: 90px;
    }
    #navigation a {
        display: block;
        padding: 5px 11px 5px 11px;
        background: #2b50a5;
        color: #eae067;
        text-decoration: none;
        vertical-align: middle;
        text-align: center;
        float: left;
        font-size: 13px;
        margin-right: 3px;
        letter-spacing: 2px;
        font-weight: bold;
        border: 1px solid #363636;
        background-image: url(images/abackyellow.gif);
        background-repeat: no-repeat;
        background-position: top right;
    }
    #navigation a:hover {
        display: block;
        padding: 5px 11px 5px 11px;
        background: #eae067;
        color: #2b50a5;
        text-decoration: none;
        text-align: center;
        background-image: url(images/abackblue.gif);
        background-repeat: no-repeat;
        background-position: top right;
        border: 1px solid #2b50a5;
    }
    #navigation a.current {
        display: block;
        padding: 5px 11px 5px 11px;
        background: #eae067;
        color: #2b50a5;
        text-decoration: none;
        text-align: center;
        background-image: url(images/abackblue.gif);
        background-repeat: no-repeat;
        background-position: top right;
        border: 1px solid #2b50a5;
    }
    #navigation a.current:hover {
        display: block;
        padding: 5px 11px 5px 11px;
        background: #eae067;
        color: #2b50a5;
        text-decoration: none;
        text-align: center;
        background-image: url(images/abackblue.gif);
        background-repeat: no-repeat;
        background-position: top right;
    }