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

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

body {
    text-align: center;
    }

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

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

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

h2, legend {
    font-size: 18px;
    margin: 0 0 0 20px;
    }

h3 {
    font-size: 17px;
    margin: 12px 0 0 0;
    }

.text,
.smalltext,
.mediumtext,
.largetext,
.password {
    border: none;
    background: #fff;
    color: #000;
    font-size: 11px;
    }

.image {
    position: absolute;
    }

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

a:hover {

    }

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

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

label {
    }

fieldset {
    border: none;
    }
#copy {
    float: left;
    width: 721px; 
    _width: 711px; 
    }
#content {
    min-height: 336px;
    }
#section {
    float: left;
    width: 721px;
    _width: 720px;
    } 
#additional {
    float: left;
    width: 680px;
    margin: 10px 0 0 20px;
    _margin: 10px 0 0 10px;
    }
    #additional p {
        margin: 12px 0 0 0;
        font-size: 13px;
        line-height: 120%;
        }


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

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


    /* === Header === */

    #header {
        width: 100%;
        float: left;
        margin: 20px 0 0 0;
        height: 109px;
        background: url(/images/header.png) no-repeat;
        }

        #logo {
            width: 328px;
            height: 54px;
            float: left;
            margin: 35px 0 0 20px;
            overflow: hidden;
            }


    /* === Body === */

    #body {
        width: 100%;
        float: left;
        margin:1px 0 0 0; 
        background: #BFBE01 url(/images/body_bg.png) no-repeat;
        }
        #sidebar {
            width: 188px;
            float: left;
            background: #BFBE01 url(/images/sidebar_bg.png) repeat-x;
            }
        #page_home #sidebar {
            width: 159px;
            background: #BFBE01 url(/images/sidebar_bg.png) repeat-x;
            }
        #sidebar input.text {
            width: 100%;
            }
            #search {
                float: right;
                width: 150px;
                margin: 10px 15px 0 0;
                }
            #page_home #search {
                margin: 10px 0px 0 0;
                _width: 140px;
                }
                #search form {
                    }
                    #search fieldset {
                        border: none;
                        background: url(/images/search_box.png) no-repeat;
                        
                        }
                        #search legend {
                            display: none;
                            }
                        #search #input_search {
                            background: transparent;
                            width: 123px;
                            height: 14px;
                            margin: 2px 0 0 4px;
                            }
                        #search #input_search_submit {
                            float: right;
                            margin: 7px 16px 0 0;
                            position: static;
                            }

        #pri_nav {
            float: left;
            width: 115px;
            margin: 0px 0 0 11px;
            _margin: 0px 0 0 5px;
            }
            #pri_nav ul {
                }
                #pri_nav li {
                    float: left;
                    width: 105px;
                    height: 29px;
                    margin: 0 0 0 5px; 
                    }
                    #pri_nav li.sub_portfolio,
                    #pri_nav li.sub_downloads {
                        display: none;
                        }
                    #pri_nav li ul li {
                        font-size: 13px;
                        margin: 0 0 0 0;
                        padding: 0 0 0 15px;
                        width: 90px;
                        }
                    #pri_nav li.sub_about_us li {
                        
                        }
                        #pri_nav li ul li a {
                            font-size: 15px;
                            }
                #pri_nav li.divider {
                    display: block;
                    float: right;
                    width: 100px;
                    height: 2px;
                    font-size: 1px;
                    margin: 0 0 0 15px;
                    background: url(/images/divider.png) no-repeat;
                    }
                    #pri_nav a {
                        padding: 0 0 0 10px;
                        }
                    #pri_nav a:hover {

                        }
                    #pri_nav li a {
                        float: left;                        
                        font-size: 17px;
                        font-family: ;
                        text-decoration: none;
                        margin: 6px 0 0 0;
                        }
                    #pri_nav a.selected {
                        background: url(/images/nav_img.png) no-repeat;
                        background-position: 0 1px;
                        padding: 0 0 0 17px;
                        }
                    #pri_nav li.sub_about_us li a.selected {
                        background: transparent;
                        }

            #newsletter_signup {
                width: 144px;
                height: 111px;
                float: left;
                margin: 28px 0 0 20px;
                _margin: 28px 0 0 10px;
                }
            #page_home #newsletter_signup {
                margin: 10px 0 0 15px;
                *margin: 8px 0 0 15px;
                _margin: 8px 0 0 3px;
                }
                #newsletter_signup form { 
                    }
                    #newsletter_signup fieldset {
                        border: none;
                        display: block;
                        width: 142px;
                        height: 21px;
                        background: url(/images/newsletter_fieldset.png) no-repeat;                            
                        }
                        #newsletter_signup legend {
                            display: none;
                            }
                        #newsletter_signup ul {
                            padding: 20px 0 0 0;
                            }
                            #newsletter_signup li.fullname,
                            #newsletter_signup li.email {
                                background: url(/images/news_bg.png) 0 18px no-repeat;
                                
                                }
                        #newsletter_signup li.submit {
                            margin: 0;
                            }
                            #newsletter_signup label {
                                margin: 3px 0 3px 0;
                                height: 14px;
                                width: 37px;
                                display: block;
                                float: left;
                                }
                            #newsletter_signup li input.text {
                                background: #ffffff;
                                margin: 1px 0 5px 3px;
                                *margin: 0 0 5px 3px;
                                width: 133px;
                                height: 12px;
                                }
                            #newsletter_signup li.fullname label {
                                background: url(/images/name_bg.png) no-repeat;
                                }
                            #newsletter_signup li.email label {
                                background: url(/images/email_bg.png) no-repeat;
                                }
                        #newsletter_signup li.list {
                            display: none;
                            }
                        #newsletter_signup li.submit {
                            width: 100%;
                            float: left;
                            margin: 5px 0 0 0;
                            }
                            #newsletter_signup li.submit input {
                                float: right;
                                width: 47px;
                                position: relative;
                                }
        #content {
            width: 720px;
            float: left;
            margin: 27px 0 0 0;
            background: #000;
            background-position: bottom;
            _height: 406px;
            }
        #page_home #content {
            width: 778px;
            float: right;
            _height: 300px;
            margin: 0 0 0 0;
            background: #000000;
            }
            #flash_panel {
                width: 778px;
                margin: 0 0 0 0;
                }
        #right_image {
            display: block;
            height: 240px; border: #000;
            width: 29px;
            float: right;
            background: url(/images/sidebar_bg.png) repeat-x;
            }
        #page_home #right_image {
            display: none;
            }
            #messages {
                float: left;
                width: 680px; 
                background: #000;
                margin: 0 0 20px 10px;
                padding: 10px 0 0 0;
                }
                #messages p {
                    margin: 0 10px 10px 10px;
                    padding: 0 0 0 23px;
                    background-repeat: no-repeat;
                    }
                    #messages p.ok {
                        height: 20px; 
                        background-image: url(/images/icn_tick.png);
                        }
                    #messages p.error {
                        height: 20px;
                        background-image: url(/images/icn_error.png);
                        }
                    #messages p.info {
                        height: 20px;
                        background-image: url(/images/icn_info.png);
                        }
        #bottom_img {
            float: left;
            width: 937px;
            height: 30px;
            clear: left;
            background: url(/images/footer_bg.png) no-repeat;
            }
        #page_home #bottom_img {
            display: none;
            }

            #footer {
                width: 100%;
                height: 30px;
                float: left;
                border-top: solid 1px #000;                 
                }
            #page_home #footer {
                *margin: 13px 0 0 0;
                }
                #footer ul {
                    list-style: none;
                    float: left;
                    padding: 10px 0 0 6px;
                    }
                    #footer li {
                        display: inline;
                        font-size: 12px;
                        color: #1E1E1E;
                        text-decoration: none;
                        }
                        #footer li a {
                            text-decoration: none;
                            text-transform: lowercase;
                            color: #1E1E1E;
                            }
                #footer p {
                    float: right;
                    padding: 10px 6px 0 0;
                    font-size: 12px;
                    color: #1E1E1E; 
                    }
                    #footer p a {
                        font-size: 12px;
                        color: #1E1E1E;
                        text-decoration: none; 
                        }



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

#page_home {
    }
    #page_home #additional {
        display: none;
        }

/*
========================================================================
Page Titles
========================================================================
*/

#page_about_us h2,
#page_news h2,
#page_portfolio h2,
#page_downloads h2,
#page_contact_us h2 {
    display: block;
    text-indent: -9999px;
    }
#page_about_us h2 {
    width: 97px;
    height: 19px;
    background: url(/images/about.png) no-repeat; 
    }
#page_portfolio h2 {
    width: 80px;
    height: 26px;
    background: url(/images/gallery.png) no-repeat;     
    }
#page_news h2 {
    width: 54px;
    height: 12px;
    background: url(/images/news.png) no-repeat;     
    }
#page_downloads h2 {
    width: 123px;
    height: 19px;
    background: url(/images/download.png) no-repeat;     
    }
#page_contact_us h2 {
    width: 118px;
    height: 15px;
    background: url(/images/contact_us.png) no-repeat;     
    }

/*
========================================================================
About Us Page
========================================================================
*/

#page_about_us #additional {
        width: 680px;
        }
#page_about_us #project_wrapper {
    display: none;
    }
    #page_about_us #images {
        float: right;
        width: 150px;
        margin: 10px 20px 0 0;
        _margin: 10px 15px 0 0;
        }
        #page_about_us #visual {
            margin: 0 0 20px 0;
            }
/*
========================================================================
Services Page
========================================================================
*/

#page_services h2 {
    display: block;
    width: 89px;
    height: 20px;
    text-indent: -9999px;
    background: url(/images/services.png) no-repeat;
    }
    #page_services #copy {
        min-height: 378px;
        *height: 380px;
        }

/*
========================================================================
Portfolio Page
========================================================================
*/

#project_wrapper {
    width: 680px;
    float: left; 
    margin: 20px 20px 0 20px;
    _margin: 20px 8px 0 8px;
    }
    #projects {
        width: 680px;
        float: left;
        }
        #projects dl {
            width: 300px;
            margin: 0 20px 0 20px;
            _margin: 0 10px 0 10px;
            float: left;
            }
            #projects dl dd.thumbnail {
                text-align: center;
                margin: 0 0 0 0;
                height: 295px;
                }
            #projects dl.item_1 dd.thumbnail,
            #projects dl.item_5 dd.thumbnail {
                background: url(/images/frame_1.jpg) no-repeat;
                background-position: 0px 20px;
                }
                #projects dl.item_1 dd.thumbnail img,
                #projects dl.item_5 dd.thumbnail img {
                    width: 235px;
                    height: 192px;
                    margin: 53px 0 0 0; 
                    }
            #projects dl.item_2 dd.thumbnail,
            #projects dl.item_6 dd.thumbnail {
                background: url(/images/frame_2.jpg) no-repeat;
                background-position: 0px 38px;
                }
                #projects dl.item_2 dd.thumbnail img,
                #projects dl.item_6 dd.thumbnail img {
                    width: 225px;
                    height: 141px;
                    margin: 76px 0 0 0; 
                    }
            #projects dl.item_3 dd.thumbnail,
            #projects dl.item_7 dd.thumbnail {
                background: url(/images/frame_3.jpg) no-repeat;
                background-position: 2px 20px;
                }
                #projects dl.item_3 dd.thumbnail img,
                #projects dl.item_7 dd.thumbnail img {
                    width: 198px;
                    height: 152px;
                    margin: 71px 0 0 0; 
                    }
            #projects dl.item_4 dd.thumbnail,
            #projects dl.item_8 dd.thumbnail {
                background: url(/images/frame_4.jpg) no-repeat;
                background-position: 39px 0px;
                }
                #projects dl.item_4 dd.thumbnail img,
                #projects dl.item_8 dd.thumbnail img {
                    width: 144px;
                    height: 217px;
                    margin: 39px 0 0 0; 
                    }
            #projects dl h3 {
                width: 100%;
                float: left;
                margin: 20px 0 20px 0;
                }
            #projects dl dd.body {
                width: 100%;
                float: left;
                margin: 0 0 0 0;
                font-size: 11px;
                }
                #projects dl dd.body p {
                    line-height: 135%;
                    }
.paging {
    float: left;
    width: 680px; 
    margin: 20px 0 0 20px;
    _margin: 20px 0 0 5px;
    text-align: center;
    }
    .paging p {
        font-size: 13px;
        color: #BFBE01; 
        }
    .paging a {
        font-size: 13px;
        margin: 0 0 0 5px;
        }
    .paging .next a {
        display: block;
        float: right;
        text-indent: -9999px;
        width: 29px;
        height: 17px;
        margin: 0 280px 0 0px;
        _margin: 0 140px 0 0;
        background: url(/images/arrow1.png) no-repeat;
        }
    .paging .previous a {
        display: block;
        float: left;
        text-indent: -9999px;
        width: 29px;
        height: 17px;
        margin: 0 0 0 280px;
        _margin: 0 0 0 140px;
        background: url(/images/arrow.png) no-repeat;
        }
    

/*
========================================================================
News Page
========================================================================
*/


#page_news #content {
    min-height: 350px;
    *min-height: 352px;
    }

#page_news #additional {
    margin: 0 0 20px 20px;
    _margin: 0 0 20px 10px;
    }

#additional p {
    margin: 12px 0 0 0;
    font-size: 14px;
    }

/*
========================================================================
Download Page
========================================================================
*/
#page_downloads #content {
    min-height: 350px;
    *min-height: 352px; 
    }

#page_downloads #additional {
    margin: 20px 0 10px 20px;  
    }

#children_wrapper {
    float: left;
    width: 680px;
    margin: 0 0 0 20px;
    }
    #download_top {
        width: 665px;
        float: left;
        height: 10px;
        _height: 2px;
        margin: 20px 0 0 0;
        font-size: 8px;
        background: url(/images/download_top.png) no-repeat;
        }
    #children {
        float: left;
        width: 665px;
        background: url(/images/download_middle.png) repeat-y;
        }
        #children dl.article {
            float: left;
            width: 665px;
            min-height: 60px;
            }
            #children dl dt {
                color: #666666; 
                float: left;
                font-size: 17px;
                width: 420px;
                margin: 0 0 20px 120px;
                 _margin: 0 0 20px 60px; 
                }
            #children dl dd {
                color: #999999;
                font-size: 15px;
                float: left;
                width: 420px;
                margin: 0 0 0 120px;
                _margin: 0 0 0 60px; 
                }
            #children dl.article dd.download_option {
                float: right;
                margin: 0px 25px 0 0;
                _margin: 0 12px 0 0;
                display: block;
                width: 65px;
                height: 76px;
                vertical-align: top;
                }
                #children dl.article dd.download_option a {
                    float: left;
                    display: block;
                    width: 65px;
                    height: 76px;
                    text-indent: -9999px;
                    background: url(/images/download_btn.png) no-repeat;

                    }
    #download_bottom {
        width: 665px;
        float: left;
        height: 10px;
        font-size: 8px;
        background: url(/images/download_bottom.png) no-repeat;
        }

/*
========================================================================
Contact Us Page
========================================================================
*/
#page_contact_us #content {
    min-height: 350px;
    *height: 352px;
    }

#page_contact_us #additional {
    width: 200px; 
    height: 244px;
    margin: 0 0 0 75px;
    _margin: 0 0 0 38px;
    background: url(/images/contact_add_bg.png) 50px 15px no-repeat;
    }
    #page_contact_us #additional p {
        font-family: Arial;
        width: 100%;
        float: left;
        color: #cccccc;
        font-size: 13px;
        margin: 30px 0 0 0;
        }
        #page_contact_us p b {
            float: left;
            font-size: 15px;
            color: #ffffff;
            margin: 0 0 5px 0;
            width: 100%
            }
            #page_contact_us p b a {
                
            }
#fields {
    width: 300px;
    float: right;
    margin: 30px 20px 0 0;
    }
    #fields ul {
        float: left;
        }
        #fields li {
            float: left;
            width: 100%;
            height: 40px;
            }
        #fields li.required,
        #fields li.input_telephone {
            background: url(/images/contact_form_box.png) no-repeat;
            background-position: 0 15px;
            }
            #fields li label {
                width: 300px;
                float: left;
                font-size: 14px;
                }
            #fields li input {
                border: none;
                height: 15px;
                width: 173px;
                margin: 4px 0 0 3px;
                float: left;
                }
            #fields li input.numeric {
                background: transparent;
                }
            #fields li.input_comment_or_enquiry {
                background: url(/images/comments_bg.png) no-repeat;
                height: 130px;
                background-position: 0 15px;
                }
                #fields li.input_comment_or_enquiry textarea {
                    width: 272px;
                    height: 104px;
                    margin: 3px 0 20px 3px;
                    }
            #fields li.input_how_did_you_find_us {
                    background: none;
                    }
            #fields li.input_submit {
                float: left;
                position: relative;
                top: 45px;
                _top: 0px;
                left: -85px;
                _left: 210px;
                _width: 70px; 
                }
                #fields li.input_submit input {
                    height: 19px;
                    width: 63px;
                    }

/*
========================================================================
Newsletter
========================================================================
*/
#newsletter {
    float: left;
    width: 680px;
    margin: 0 0 0 20px;  
    }
    #newsletter h2 {
        width: 118px;
        height: 19px;
        background: url(/images/newsletter.png) no-repeat; 
        margin: 0px;
        text-indent: -9999px;
        }
    #newsletter .summary,
    #newsletter form {
        float: left;
        width: 100%;
        margin: 20px 0 0 0;
        }
        #newsletter p {
            float: left;
            width: 100%;
            margin: 2px 0 3px 0;
            }
            #newsletter p .text {
                width: 200px;
                } 
        #newsletter hr {
            width: 680px;
            float: left;
            margin: 10px 0 5px 0;
            }
        #newsletter p #input_subscribe {
            position: relative;
            }

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

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


/*
========================================================================
Search Results
========================================================================
*/
#page_about_us #content {
    min-height: 356px;
    }
#search_results {
    float: left;
    width: 720px;
    }
#search_results h2 {
    width: 74px;
    text-indent: -9999px;
    height: 19px;
    background: url(/images/search.png) no-repeat;
    }

#search_results p.summary {
    float: left;
    width: 680px; 
    margin: 20px 0 0 20px;
    }
#search_results #results {
    float: left;
    width: 680px;
    margin: 20px 0 0 20px;
    }
    #search_results #results dl {
        margin: 2px 0 3px 0;
        }
/*
========================================================================
Privacy Policy
========================================================================
*/

#page_privacy_policy h2 {
    display: block;
    width: 162px;
    height: 27px;
    text-indent: -9999px;
    background: url(/images/privacy_policy.png) no-repeat;    
    }

/*
========================================================================
Site Map
========================================================================
*/    

#page_site_map #content {
    min-height: 350px;
    }

#map,
#sitemap {
    margin: 0 0 0 20px;
    width: 600px;
    float: left;
    }
    #map h2,
    #sitemap h2 {
        display: block;
        width: 94px;
        height: 27px;
        text-indent: -9999px;
        background: url(/images/site_map.png) no-repeat;
        margin: 0 0 10px 0;
        }
    #sitemap p,
    #sitemap strong,
    #map p,
    #map strong {
        float: left;
        width: 500px;
        margin: 5px 0 5px 0;
        }
    #sitemap ul.sitemap {
        float: left;
        width: 500px;
        }
        #sitemap ul li {
            margin: 0 0 5px 0; 
            }
            #sitemap li ul {
                margin: 5px 0 0 30px;
                }
/*
========================================================================
Links
========================================================================
*/ 

#page_links h2 {
    display: block;
    width: 57px;
    height: 27px;
    text-indent: -9999px;
    background: url(/images/links.png) no-repeat;
    }

ul.newsletters li {margin: 10px 0; float: left; clear: left;}
ul.newsletters li .title { float: left; clear: left;}
ul.newsletters li .date { margin: 0 10px; float: left; font-size: 10px; line-height: 16px; }