/*
========================================================================
Title:    Neil Hart Stylesheet (Screen)
Author:   ORCA Websites
========================================================================
*/

* {
    margin: 0;
    padding: 0;
    line-height: 100%;
    list-style-type: none;
    }

body {
    background: #FFF url(/images/bg.png) repeat-x;
    text-align: center;
    }



/*
========================================================================
Common Styles
========================================================================
*/

div, p, span, li, dd, dt, th, td, legend, h1, h2, h3, h4, h5, h6 {
    font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
    color: #666;
    }

div, p, span, li, dd, dt, th, td {
    font-weight: normal;
    font-size: 11px;
    }

div, p, span, dd, dt, th, td, label {
    line-height: 160%;
    }

p, ul, ol, table {
    padding: 8px 0;
    }

h1, h2, h3, h4, h5, h6, legend {
    line-height: 150%;
    font-weight: normal;
    font-family: "Book Antiqua", Georgia;
    color: #000;
    font-size: 21px;
    }

h3 {
    font-size: 12px;
    }

.text,
.smalltext,
.mediumtext,
.largetext,
.password {
    border: 1px solid #CCC;
    background: #FFF;
    color: #666;
    font-size: 11px;
    padding: 2px;
    height: 19px;
    }

.image {
    position: absolute;
    }

select.dropdown {
    background: #FFF;
    border: 1px solid #CCC;
    color: #666;
    }

a {
    color: #22314E;
    outline: none;
    text-decoration: none;
    font-weight: bold;
    }

a:hover {
    color: #C00E1E;
    }

:focus {
    -moz-outline-style: none;
    }

pre {
    text-align: left;
    color: #FFF;
    }

label {
    font-weight: bold;
    }

fieldset {
    border: none;
    }



/*
========================================================================
Basic Layout
========================================================================
*/

#page_home h2 {
border: 0;
}

h2 {
margin-bottom: 10px;
padding-bottom: 3px;
border-bottom: 1px dotted #999;
}

#page_home h2 {
margin-bottom: 0;
}

#additional {
width: 100%;
}

#about_image {
display: none;
}

#page_about_us #additional {
width: 516px;
float: left;
}

#page_about_us #about_image {
display: block;
width: 250px;
float: right;
}

#container {
    width: 898px;
    margin: 0 auto;
    text-align: left;
    }


    /* === Header === */

    #header {
        width: 100%;
        position: relative;
        margin: 25px 0;
        height: 178px;
        }

        #logo {
            display:block;
            width:898px;
            height:120px;
            }

        #pri_nav {
            width: 100%;
            height: 55px;
            position: absolute;
            top: 116px;
            }
            #pri_nav ul {
                list-style: none;
                padding: 0;
                }
                #pri_nav li {
                    float: left;
                    margin-right: 2px;
                    }
                    #pri_nav a {
                        line-height: 270%;
                        display: block;
                        width: 110px;
                        height: 31px;
                        text-align: center;
                        background: url(/images/nav.png);
                        color: #FFF;
                        }
                    #pri_nav a:hover {
                        background: url(/images/nav_selected.png);
                        color: #22314E;
                        }
                    #pri_nav a.selected {
                        background: url(/images/nav_selected.png);
                        color: #22314E;
                        }
            #search_box {
                background: #22314E;
                position: absolute;
                top: 153px;
                right: 0;
                width: 315px;
                height: 34px;
                }
                #search_box form {
                    padding: 5px 0px 5px 12px;
                    }
                    #search_box fieldset {
                        border: none;
                        }
                        #search_box #input_search {
                            width: 210px;
                            float: left;
                            }
                        #search_box #input_search_submit {
                            float: left;
                            margin-left: 10px;
                            position: static;
                            }


    /* === Body === */

    #body {
        width: 100%;
        float: left;
        }
    
        #content {
            width: 100%;
            float: left;
            }
            #messages {
                background: #000;
                border: 1px solid #FFF;
                margin: 0 0 20px 0;
                padding: 10px 0 0 0;
                }
                #messages p {
                    margin: 0 10px 10px 10px;
                    padding: 0 0 0 23px;
                    background-repeat: no-repeat;
                    }
                    #messages p.ok {
                        background-image: url(/images/icn_tick.png);
                        }
                    #messages p.error {
                        background-image: url(/images/icn_error.png);
                        }
                    #messages p.info {
                        background-image: url(/images/icn_info.png);
                        }
            #footer_container {
                width: 100%;
                float: left;
                text-align: left;
                margin: 30px 0 15px 0;
                background: #F2F2F2;
                height: 30px;
                width: 100%;
                }
#footer {
float: left;
}

#copyright {
float: right;
}
#copyright p {
padding: 0;
line-height: 100%;
margin-top: 8px;
margin-right: 20px;
}

#footer li {

}
                #footer ul {
                    margin-top: 8px;
                    list-style: none;
                    margin-left: 20px;
                    padding: 0;
                    }
                    #footer li {
                        display: inline;
                        }



/*
========================================================================
Home Page
========================================================================
*/

#middle {
    float: left;
    width: 100%;
    height: 198px;
    }
    #middle_copy {
        width: 450px;
        float: left;
        }
    #middle_copy h2 {
        padding-top: 20px;
        }
    #middle_image {
        float: right;
        }

#home_container {
    float: left;
    width: 100%;
    }
#features {float:left;width:100%;}
        #projects {
            float: left;
            width: 366px;
            margin-top:40px;
            }
            #projects h2 {
                padding-top: 20px;
                }
            #projects p {
                font-weight: bold;
                }
            #projects li {
                padding-left: 25px;
                padding-bottom: 10px;
                background: url(/images/bullet.png) no-repeat;
                }

#additional li {
    line-height: 180%;
    padding-left: 5px;
    margin-left: 30px;
    padding-bottom: 15px;
    list-style-type: disc;
    }

#sitemap li {
    line-height: 180%;
    padding-left: 5px;
    margin-left: 10px;
    padding-bottom: 15px;
    }
    

        #services, #certifications {
            float: left;
            width: 238px;
            margin-left: 35px;
            height:349px;
            display:block;
            background: url(/images/left_bg.png) no-repeat;
            }
#services h2, #certifications h2 {margin:55px 0px 0px 45px;width:150px;font-weight:normal;}
#services p, #certifications p {margin-left:45px;width:150px;}
        #services a {
            line-height: 160%;
            }
        #certifications {
            margin-left: 0px;
            background: url(/images/right_bg.png) no-repeat;
            }

/*
========================================================================
Newsletter
========================================================================
*/

#newsletter p.email label {
    width: 100px;
    display: block;
    float: left;
    }

#newsletter p.fullname label {
    width: 100px;
    display: block;
    float: left;
    }



/*
========================================================================
Forms
========================================================================
*/

#form {
    }
    #form li {
        margin: 0 0 8px 0;
        width: 100%;
        float:left;
        }
        #form label {
            float: left;
            width: 100px;
            margin: 0 10px 0 0;
            }
#form ul.radio_buttons {
    float: left;
    }
    #form ul.radio_buttons li {
        float: none;
        }
#form ul.radio_buttons label {
    float: none;
    }
.input_submit {
    width: 100px;
    text-align: right;
    }


/*
========================================================================
Contact Page
========================================================================
*/

#page_contact {
    }
    #page_contact #additional {
        width: 200px;
        float: right;
        margin: 20px 0 0 0;
        }
    #page_contact #fields {
        width: 410px;
        float: left;
        margin: 20px 0 30px 0;
        }
    #page_contact #fields .text {
        width: 480px;
        height: 25px;
        margin-bottom: 10px;
        }
    #page_contact #fields label {
        margin-bottom: 10px;
        }
    #page_contact #fields .mediumtext {
        width: 480px;
        height: 100px;
        margin-bottom: 10px;
        }