/*
       Bridge Tiling style sheet

*/




* {
        margin: 0px;
        padding: 0px;
        }



body {
        color: #000000;
        background-image : url('images/bg.gif');
        background-repeat : repeat-x;
        background-color : #DBDBDB;
        font-family: Verdana, Arial, sans-serif;
        font-size: 100%;
        text-align: left;
        }




p {
        margin-top: 2em;
        }




/************************   THE MAIN BIT  *************************************/

        

.main_bit {
        width : 945px;
        margin-left:auto;
        margin-right:auto;
        }





.main_bigbit {
        width:945px;
        height:440px;
        background-color: #FFF;
        position:relative;
        top:0px;
        left:0px;
        }




/************************   THE PAGE HEADER *************************************/



.page_header {
        width : 945px;
        height: 160px;
        position:relative;
        top:0px;
        left: 0px;
        background-image : url('images/header.png');
        background-repeat : no-repeat;
        }





.buttonbar {
        position:relative;
        top:6px;
        left:0px;
        width : 942px;
        height: 42px;
        background-color : #FFF;
        padding-left : 2px;
        }
        










/* THE DYNAMIC DROP DOWN BUTTONS ALONG THE TOP    */


#tgb {
        margin: 0;
        padding: 0;
        z-index: 30;
}


#tgb li {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        font: bold 12px Verdana;
}




#tgb li a {
        display: block;
        margin: 0 1px 0 0;
        padding: 10px 0px 0px 0px;
        height: 42px;
        width: 187px;
        background-color: #DD0000;
        color: #FFF;
        text-align: center;
        text-decoration: none;
}




#tgb li a:hover {
        background-color: #646466;
}










/* ++++++++++++++++++++ Page Footer ++++++++++++++++++++ */


.page_footer {
        position:relative;
        top : 2px;
        width : 945px;
        margin-left : auto;
        margin-right : auto;
        background-image : url('images/footer.png');
        background-color : #FFF;
        height : 80px;
        font-family : 'Open Sans', Verdana, Arial, sans-serif;
        color: #FFFFFF;
        text-decoration : none;
        }











/* ++++++++++++  H1 H2 etc  ++++++++++++++++++++++++++++ */


h1, h1 a {
        color: #646466;
        font-size: 24px;
        font-weight: normal;
        font-family: 'Open Sans', Verdana, Arial, sans-serif;
        margin: 0 0 0 0;
        padding: 0;
        line-height: 2em;
        text-decoration: none;
}


h2, h2 a {
        color: #333333;
        font-size: 14px;
        font-weight: normal;
        font-family: 'Open Sans', Verdana, Arial, sans-serif;
        line-height: 1.2em;
        margin: 0 0 0 0;
        padding: 0;
        text-decoration: none;
}




h3, h3 a {
        color: #333333;
        font-size: 10px;
        font-weight: normal;
        font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        line-height: 1.2em;
        margin: 0 0 0 0;
        padding: 0;
        text-decoration: none;
}




h4, h4 a {
        color: #FFFFFF;
        font-size: 90%;
        font-weight: normal;
        font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        line-height: 1.5em;
        margin: 10px 10px 10px 10px;
        padding: 0;
        text-decoration: none;
}








/* *******************  Unordered list +++++++++++++++++ */

.mylist1 {
        color: #333333;
        font-size: 18px;
        font-weight: normal;
        font-family: 'Open Sans', Verdana, Arial, sans-serif;
        line-height: 1.6em;
        margin: 0 0 0 0;
        padding: 0;
        text-decoration: none;
        }






/* ++++++++++++++++++++ Contact form ++++++++++++++++++++ */


.contact {
        width : 290px;
        height : 18px;
        font-size : 12px;
        font-family : 'Open Sans', Verdana, Arial, sans-serif;
        color: #333333;
        text-decoration : none;
        }
        


.contacttbox {
        width : 290px;
        height : 100px;
        font-size : 12px;
        font-family : 'Open Sans', Verdana, Arial, sans-serif;
        color: #333333;
        text-decoration : none;
        }





        

/*  +++++++++++++++++   SNAZZY ROUNDED BUTTONS ++++++++++    */


.clearbtn { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}




a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}




a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}



a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}



a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}




/********************    CLICKABLE ELEMENTS    ***************/

.clickable : { border : 0px; }
.clickable:hover { cursor : pointer; }