/*
========================================================================
Title:    Client Name Stylesheet (Screen)
Author:   jamie@orcawebsites.com
========================================================================
*/

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

body {
    background: #B8D7E7 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;
    font-size: 11px;
    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: 171%;
    }

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

h2, legend {
    font-family: Bookman Old Style, Times;
    font-weight: bold;
    font-size: 20px;
    }

h3 {
    font-size: 11px;
    font-weight: bold;
    font-family: Bookman Old Style, Times;
    color: #383B42;
    text-transform: uppercase;
    }

.text,
.smalltext,
.mediumtext,
.largetext,
.password {
    border: 0;
    background: url(/images/textbox_bg.png) no-repeat;
    color: #999;
    font-size: 11px;
    padding: 3px 6px;
    width: 187px;
    height: 21px;
    }

.image {
    }

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

a {
    color: #FFF;
    outline: none;
    }

a:hover {
    color: #666;
    }

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

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

fieldset {
    border: none;
    }
#search { position: absolute; bottom: 0px; right: 0px; width: 300px; height: 30px; }
#search #input_search { position: absolute; top: 0px; right: 27px; height: 18px; }
#search #input_search_submit { position: absolute; top: 0px; right: 0px; }
/*
========================================================================
Basic Layout
========================================================================
*/

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

    /* === Header === */

    #header {
        width: 100%;
        height: 145px;
        float: left;
        margin: 20px 0;
        position: relative;
        background: url(/images/polaroids.png) no-repeat 58% 70%;
        }

        #logo {
            position: absolute;
            bottom: 20px;
            width: 199px;
            height: 74px;
            }

        #positioning_statement {
            position: absolute;
            top: 10px;
            right: 0;
            text-align: right;
            width: 200px;
            height: 50px;
            }
            #positioning_statement p {
                color: #333;
                font-weight: bold;
                font-size: 10px;
                }

        #search {
            position: absolute;
            }

        #pri_nav {
            width: 748px;
            height: 48px;
            float: left;
            background: url(/images/nav_bg.png);
            }
            #pri_nav ul {
                list-style: none;
                padding: 0;
                }
                #pri_nav li {
                    float: left;
                    }
                    #pri_nav a {
                        display: block;
                        width: 124px;
                        height: 48px;
                        text-indent: -9999px;
                        }
                    #pri_nav a:hover {
                        background-position: 0 100%;
                        }
                    #pri_nav li.home a {
                        background-image: url(/images/nav_home.png);
                        margin-right: 1px;
                        }
                    #pri_nav li.about_us a {
                        background-image: url(/images/nav_about_us.png);
                        margin-right: 1px;
                        }
                    #pri_nav li.portfolio a {
                        background-image: url(/images/nav_portfolio.png);
                        margin-right: 1px;
                        }
                    #pri_nav li.before_and_after a {
                        background-image: url(/images/nav_before_and_after.png);
                        margin-right: 1px;
                        }
                    #pri_nav li.faqs a {
                        background-image: url(/images/nav_faqs.png);
                        margin-right: 1px;
                        }
                    #pri_nav li.contact a {
                        background-image: url(/images/nav_contact.png);
                        width: 123px;
                        }
                    #pri_nav a.selected {
                        background-position: 0 100%;
                        }

#page_faqs #content a {
color: #666;
text-decoration: none;
}

    /* === Body === */

    #body {
        width: 100%;
        float: left;
        background: #FFF;
        }
            #newsletter_signup {
                float: left;
                width: 227px;
                }
                #newsletter_signup form {
                    padding: 15px 0;
                    }
                    #newsletter_signup fieldset {
                        border: none;
                        }
                        #newsletter_signup ul {
                            padding: 0;
                            }
                            #newsletter_signup li {
                                width: 199px;
                                float: left;
                                }
                            #newsletter_signup .text {
                                padding: 0;
                                width: 202px;
                                padding: 3px 5px;
                                }
                        #newsletter_signup li.submit {
                            width: 27px;
                            float: left;
                            }
                        #newsletter_signup li.submit .image {
                            position: static;
                            }
        #content {
            padding: 20px 20px 0 20px;
            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);
                        }
            #bottom_container {
                width: 100%;
                float: left;
                height: 220px;
                background: url('/images/bottom_bg.png');
                }
#bottom {
margin: 0 auto;
width: 748px;
}
#email_updates {
float: left;
width: 364px;
height: 145px;
text-align: left;
margin-top: 20px;
border-right: 1px solid #FFF;
}
#email_updates p, #email_updates h2, #contact_info span {
color: #FFF;
width: 240px;
}
#contact_info {
float: left;
text-align: left;
margin-top: 20px;
border-left: 1px solid #6A9F36;
padding: 0 45px;
}
#contact_info p, #contact_info h2, #contact_info span {
color: #FFF;
}
#contact_info a {
text-decoration: none;
}
#contact_info a:hover {
color: #2A4814;
}
#uk {
margin-top: 10px;
float: left;
}

            #footer_container {
                width: 100%;
                float: left;
                height: 48px;
                background: #2A4814;
                }
                #footer {
                    margin: 0 auto;
                    width: 748px;
                    }
            #footer_left {
                float: left;
                padding-top: 16px;
                }
            #footer_left p {
                color: #FFF;
                padding: 0;
                line-height: 100%;
                }
            #footer_left a {
                text-decoration: none;
                }
            #footer_left a:hover {
                color: #74AC3B;
                }
            #footer_right {
                float: right;
                padding-top: 16px;
                width: 400px;
                }
            #footer_right a {
                text-decoration: none;
                }
            #footer_right a:hover {
                color: #74AC3B;
                }
                #footer_right ul {
                    list-style: none;
                    padding: 0;
                    }
                    #footer_right li {
                        display: inline;
                        color: #FFF;
                        }

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

#page_home {
    }
#home_container {
width: 100%;
margin-top: 20px;
}
#welcome_image {
width: 65px;
float: left;
}
#welcome {
width: 200px;
float: left;
padding: 0 39px;
border-right: 1px #CCC dotted;
}
#welcome h3 {
padding-bottom: 15px;
}
#welcome li {
line-height: 171%;
padding-left: 20px;
background-image: url(/images/bullet.png);
background-repeat: no-repeat;
background-position: 0 .2em;


}
#message_image {
padding-left: 32px;
width: 65px;
float: left;
}
#message {
width: 200px;
float: left;
padding-left: 30px;
}
#message h3 {
padding-bottom: 15px;
}

#enquire ul {
padding: 0;
}
.mediumtext {
font-family: Lucida Grande;
}
.input_submit {
float: right;
padding-right: 46px;
}

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

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

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

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

#form ul {
padding: 0;
    }
    #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;
    }
#form #input_submit {
    margin: 0 0 0 154px;
    }

#input_your_name {
background: url(/images/smalltext.png) no-repeat;
width: 213px;
height: 21px;
margin-top: 5px;
}
#input_email_address {
background: url(/images/smalltext.png) no-repeat;
width: 213px;
height: 21px;
margin-top: 5px;
}
#input_message {
background: url(/images/mediumtext.png) no-repeat;
width: 213px;
height: 75px;
margin-top: 5px;
}



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

#page_contact {
    }
    #page_contact #additional {
        width: 495px;
        float: left;
        margin: 20px 0 0 0;
        }
    #page_contact #fields {
        width: 213px;
        float: right;
        margin: 20px 0 0 0;
        }

/*
========================================================================
FAQ's
========================================================================
*/

#faqs {
    }
    #faq_index dt {
        margin: 20px 0 0 0;
        font-weight: bold;
        }
        #faq_index dt.on {
            }
        #faq_index dt.off {
            }

/*
========================================================================
Image Gallery
========================================================================
*/

#children_wrapper {
margin-top: 20px;
}

#page_portfolio .children img {
width: 226px;
height: 156px;
border: 2px solid #3B3E45;
}

#page_portfolio .children {
width: 289px;
float: left;
padding-right: 10px;
padding-bottom: 10px;
}

/*
========================================================================
Image Gallery
========================================================================
*/

#children_wrapper {
margin-top: 20px;
}

#page_before_and_after .children img {
width: 350px;
height: 230px;
margin-right: 10px;
float: left;
}

#page_before_and_after .children {
width: 350px;
float: left;
padding-right: 2px;
padding-bottom: 20px;
}