/*
    Square Foot CSS
    Author: Rick Huby / Bang Marketing
    Last Ammended: 23/03/09
    Notes: Initial Build
*/

/* DEFAULTS */

a img {border: none;}
ul, li {padding: 0; margin: 0;}
img {display: block;}

p {padding: 0; margin: 0 0 10px 0;}

.s {clear: both; line-height: 0px;}
.space_right {margin-right: 200px;}

h2 {
    font-size: 19px;
    line-height: 23px;
    font-weight: normal;
    font-style: italic;
    padding: 0;
    margin: 0 0 15px 0;
}



/* SURROUNDS */

body {
    font-family: Helvetica, Arial, Times, serif, sans-serif;
    font-size: 11px;
    color: #6d6d6d;
    padding: 0;
    margin: 0;
    background: url(../img/body_bg.gif) repeat-y top center #dadada;
}


    #wrap {
        width: 800px;
        margin: 0 auto;
        padding: 0 50px;
        background: #fff url(../img/squarefoot_bg.gif) top right no-repeat;
        overflow: hidden;
    }

/* HEADER */

#header {}

    #header_space{ height: 40px; }

    .home #header_space,
    .contact #header_space
    { height: 40px; }
    
    #header_nav {
        border-bottom: 1px solid #babec2;
        margin-right: 117px;
        line-height: 31px;
        padding: 0;
    }
    
    #main_nav {
        list-style: none none outside;
        font-size: 12px;
        font-weight: bold;
        border-top: 1px solid #babec2;
        float: left;
    }
        
        #main_nav li {
            float: left;
            margin: 0 10px 0 0;
        }
        
        #main_nav a, #main_nav a:visited {color: #6d6d6d; text-decoration: none;}
       
        body div#header_nav #main_nav li a.current_section,
        body div#header_nav #main_nav li a.current_page,
        #main_nav li a:hover,
        #main_nav li a:focus
        {color: #ba0920;}
    
    ul.sub_nav {
        list-style: none none outside;
        clear: left;
    }
        
        ul.sub_nav li {
            float: left;
            margin: 0 10px 0 0;
        }
        
            ul.sub_nav li a { color: #ba0920; text-decoration: none; padding: 0 3px;}
            ul.sub_nav li a:hover, ul.sub_nav li a:focus {text-decoration: underline;}
            ul.sub_nav li a.current_page, ul.sub_nav li a.current_section { background-color: #ba0920; color: #fff; }

/* CONTENT */

#content {
    clear: both;
}

    #content a:link, #content a:visited {color: #6d6d6d; text-decoration: underline;}
    #content a:hover, #content a:focus {color: #ba0920; text-decoration:none;}

    #content h1 { font-size: 1.5em; }


    #focus_box {}
        
        #focus_inner { padding: 26px 330px 26px 26px; min-height: 353px; } /** see also ie6.css **/
        
        .location #focus_inner { background: url(/local/img/main_images/location.png) no-repeat 480px 80px; }
        .finder #focus_inner { background: url(/local/img/main_images/location_finder.png) no-repeat 480px 50px; }
        
        .home #focus_inner { background: url(/local/img/main_images/services.png) no-repeat 480px 130px; }
        .services #focus_inner { background: url(/local/img/main_images/home.png) no-repeat 480px 110px; }
        .overview #focus_inner { background: url(/local/img/main_images/overview.png) no-repeat 480px 130px; }
        .security #focus_inner { background: url(/local/img/main_images/security.png) no-repeat 480px 60px; }
        .warehousing #focus_inner { background: url(/local/img/main_images/warehousing.png) no-repeat 480px 130px; }
        .specialist #focus_inner { background: url(/local/img/main_images/specialist.png) no-repeat 480px 130px; }
        .management #focus_inner { background: url(/local/img/main_images/management.png) no-repeat 480px 130px; }
        .risk #focus_inner { background: url(/local/img/main_images/risk.png) no-repeat 480px 10px; }
        .access #focus_inner { background: url(/local/img/main_images/access.png) no-repeat 480px 30px; }
        .rates #focus_inner { background: url(/local/img/main_images/rates.png) no-repeat 480px 70px; }
        
        .about #focus_inner { background: url(/local/img/main_images/about.png) no-repeat 480px 130px; }       
        .faq #focus_inner { background: url(/local/img/main_images/faq.png) no-repeat 480px 130px; }
        
        .experience #focus_inner { background: url(/local/img/main_images/experience.png) no-repeat 480px 130px; }
        .experience.overview #focus_inner { background: url(/local/img/main_images/experience_overview.png) no-repeat 480px 130px; }
        .testimonials #focus_inner { background: url(/local/img/main_images/testimonials.png) no-repeat 480px 130px; }
        
        .contact #focus_inner { background: url(/local/img/main_images/contact.png) no-repeat 480px 130px; }

    #content ul { margin-left: 20px; }


    #boxes {
        border-top: 1px solid #babec2;
        background: #fff;
        overflow: hidden;
        padding: 17px 0;
    }
    
    .box {
        float: left;
        width: 167px;
        margin-right: 17px;
        padding: 12px 10px;
    }
    
    .box.last {
        margin-right: 0;
    }
    
    .box h3 {
        font-size: 13px;
        font-weight: bold;
        line-height: 15px;
        border-bottom: 1px solid #babec2;
        margin: 0 0 10px 0;
    }
    
    .box p {
        margin-right: 77px;
    }
    
        .box.map      {background: #f0f1f3 url(../img/map.jpg) bottom right no-repeat;}
        .box.people   {background: #f0f1f3 url(../img/people.jpg) bottom right no-repeat;}
        .box.padlock  {background: #f0f1f3 url(../img/padlock.jpg) bottom right no-repeat;}
        .box.crate    {background: #f0f1f3 url(../img/crate.jpg) bottom right no-repeat;}

/* FOOTER */
#footer {
    border-top: 1px solid #babec2;
    line-height: 19px;
    padding: 0;
    margin: 0;
}

       
        #content #footer_nav {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }
        
        #footer_nav li {
            display: inline;
            list-style-type: none;
            padding: 0;
            margin: 0 10px 0 0;
        }
        
        #footer_nav a:link, #footer_nav a:visited {color: #6d6d6d; text-decoration: none;}
        #footer_nav a:hover, #footer_nav a:focus {color: #ba0920; text-decoration:underline;}
    
    #final_footer {
        clear: both;
        width: 50%;
        float: left;
        border-top: 1px solid #babec2;
        line-height: 0;
        padding-bottom: 20px; /* Give the bottom of the page some room */
    }

/**** Page Specific ****/
#home1 {
    font-size: 1.7em;
    line-height: 22px;
    font-weight: normal;
    font-style: italic;
    padding: 0;
    margin: 0 0 15px 0;
}

#faq h2 { font-size: 1.2em; line-height: 1.2em; font-weight: bold; margin: 0; }
#faq h2 strong { font-style: normal; }
#faq p { margin: 0 0 20px 0; }
#faq p strong { font-size: 1.2em; font-weight: bold; }


/** Location - How to find us **/
#contact_map { float:right; }
.finder .input_holder label { float: left; text-align: left; width: 55px; }
.finder .input_holder input#postcode { float: left; width: 100px; padding: 4px; }
.finder .input_holder .submit { float: left; margin: 0 10px; width: 60px; }


/** Contact Page Forms **/
legend { display: none; }
fieldset { border: 0; padding: 0; }
.input_holder { clear: both; padding-top: 10px; }
.input_holder label { float: left; text-align: right; width: 13em; font-size: 1.1em; padding: 3px 1em 0 0; }
.input_holder input { width: 220px; }
.input_holder textarea { display: block; width: 310px; background: #fcfcfc; font-family: Trebuchet, Helvetica, Arial, Times, serif, sans-serif; }

.input_holder input,
.input_holder textarea
{ font-size: 1em; padding: 3px; border: 1px solid #babec2; }

.input_holder:hover label { color: #000; } 

.input_holder input:focus, .input_holder input:hover, 
.input_holder textarea:focus, .input_holder textarea:hover
{ background: #f6f6f6; }

.error { color: #f00; margin-left: 110px; }

.submit { margin: 10px 0 0 12.65em; border: 1px solid #babec2; }