/* ========================================
    
    File: style.css
    Site: apex-group.org
    Author: Rob Dove (preview.co.uk)
    Copyright: 2009 Apex
 
   ======================================== */

    @import url("reset.css");
   

/* ----------------------------------------
    1. Body
   ---------------------------------------- */

    /* The font-size percentage is of 16px. (0.75 * 16px = 12px) */
     
    body {
        background: #D3D3D3 url(images/body_bg.jpg) top center no-repeat fixed;
        font-family:  Helvetica, Arial, Verdana, sans-serif;
        font-size: 75%;
        color:#666666;
    }

/* ----------------------------------------
    2. Type
   ---------------------------------------- */
    
    p, ul li, ol li, form, h1, h3, address {line-height:1.2em;}

    h1 { font-size:2em;}     
    h2 { font-size:1.3em; color:#4C6EAA;font-weight:bold;padding:0.2em 0;}    
    h3 { font-size:1.3em; color:#333333;font-weight:bold;padding:0.2em 0;}    
    h4 { font-size:1em;}
    
        
    p { margin:0.5em 0;}
    
    hr {
        height:1px;
        background:#69A2CF;
        border:0;
        margin:20px 0 10px 0;
    }
    #contentCol ul { margin:0.5em 2.5em;}
    #contentCol h2 {
        padding:0.4em 0 0 0;
    }
    #contentCol img { margin:0.5em 0 0 0;}
    a { color:#009DDD; }
    a:hover, .current { color:#BBBBBB; }
    
    #header address {
        color:#ffffff;
        font-size:1.5em;
        text-align:right;
        line-height:1.5em;
        padding-top:15px;
    }
    #footer address {
        color:#CCCCCC;
        margin:0.5em 0 1em 0;
    }
    #footer p {
        font-size:0.8em;
    }
    
    h2.box{
        padding-top:20px;
        color:#ffffff;
        font-size:3em;
        font-weight:normal;
    }
    .homebox p, .homebox h2 {
        padding-left:20px;
        padding-right:20px;
    }
    .homebox p {
        padding-right:80px;
        color:#ffffff;
    }
    #homebox_three p {
        color:#666666 !important;
    }
    #homebox_three h2 {
        color:#4C6EAA !important;
    }
    

/* ----------------------------------------
    3. Classes
   ---------------------------------------- */

    .clearall { clear:both;}
    .floatright { float:right !important;}
    .floatleft { float:left; }
    .alignright { text-align:right;}
    .invisible {position:absolute; left:-9999px; top:-9999px;}
    
    .lowlight { color:#999999; margin-bottom:0;}
    .highlight{ color:#CC0066; }
    .extratop { padding-top:10px;}
    .larger { font-size:1.4em;}
    .smaller {font-size:0.8em;}
    
    .fadeborder {
        background:url(images/boxfade_bg.png) bottom right no-repeat;                     
    }
    
    .col {
        float:left;
        width:423px;
        padding-bottom:7px;
        padding-right:4px;
        margin-top:10px;
    }
    
    .col2 {
        float:left;
        width:48%;
    }
    
    .col3 {
        float:left;
        width:32%;
    }
    .padleft {
        margin-left:2%;
    }
    
    a.moreinfo {
        background:url(images/button_bg.png) no-repeat;
        line-height:31px;
        width:124px;
        text-align:center;
        display:block;
        color:#ffffff;
        font-weight:bold;
        font-size:0.9em;
        margin-top:1.5em;
    }
    a.moreinfo:hover {
        background:url(images/button_over_bg.png) no-repeat;
    }
    
    a.logolink {
        margin:0 20px;
    }
    
    
    #contactside p,#contactside h2{
        width:85%;
        color:#ffffff;
        margin:0.2em auto 0.6em auto;
        line-height:1.4em;
    }
    
    #contactside h2 {
        font-size:1.1em;
        border-bottom:1px solid #69A2CF;
    }
    
    #contactside a {
        color:#ffffff;
        font-weight:bold;
    }
    
/* ----------------------------------------
    4. Layout
   ---------------------------------------- */

    #wrapper {
        width:986px;
        background:url(images/wrapper_bg.png) repeat-y top;
        margin:0 auto;
        height:100%;
    }
        #site {
            width:954px;
            margin:0 auto;
            background:#ffffff;
        }
            #header {
                background:#35468E;
                padding:15px 20px;
            }
            #navigation {
                background:#35468E url(images/nav_bg.png) no-repeat left top;
            }
            #content {
                background:url(images/content_bg.png) top no-repeat;
                padding:25px 40px;
            }
                #leftCol {
                    width:200px;
                    float:left;
                    margin-left:-20px;
                    padding-bottom:40px;
                }
                    #cases {
                        margin-top:20px;
                    }
                #contentCol {
                    width:670px;
                    float:right;
                    margin-left:20px;
                }
            #footer {
                background:#35468E url(images/foot_bg.png) top repeat-x;
                clear:both;
                padding-top:30px;
            }
                .col4 {
                    width:20%;
                    margin-left:4%;
                    float:left;
                }

    .homebox{
        width:423px;
        height:179px;
    }
    #homebox_one { background:url(/images/homebox1.jpg) no-repeat; }
    #homebox_two { background:url(/images/homebox2.jpg) no-repeat; }
    #homebox_three { background:url(/images/homebox3.jpg) no-repeat; }
    
    
    
    #clientlogos a {height:65px; display:inline-block;background-image:url(/images/client_logo.png);padding:0;margin:0; cursor:default;}
    
    #clientlogos a.viasystems { width:110px; background-position:0px 0px;}
    #clientlogos a.swan { width:118px; background-position:-115px 0;}
    #clientlogos a.sandvik { width:125px; background-position:-236px 0;}
    #clientlogos a.gg { width:60px; background-position:-363px 0px;}
    
    #clientlogos a.rollsroyce { height:81px; width:72px; background-position:0px -65px;}
    #clientlogos a.pratt { height:81px; width:108px; background-position:-75px -65px;}
    #clientlogos a.briggs { height:81px; width:110px; background-position:-183px -65px;}
    #clientlogos a.eaton { height:81px; width:120px; background-position:-302px -65px;}
    
    /*#clientlogos a:hover { background-image:url(/images/client_logo_over.png);}*/

/* ----------------------------------------
    5. Navigation
   ---------------------------------------- */
    #navigation ul {
       margin-left:20px;
    }
    #navigation ul li {
        display:inline;
        background:url(images/nav_item_bg.gif) left center no-repeat;
        margin-left:-3px;
        
    }
    #navigation ul li.first {
        background:none;
    }
    
    #navigation ul li a {
        color:#ffffff;
        font-size:1.30em;
        line-height:32px;
        padding:5px 40px;
        font-weight:bold;
        margin-left:2px;
    }
    #navigation ul li a:hover, #navigation ul li a.current {
        background:#659BCA;
    }

    #subnav ul, #contactside {
        list-style:none;
        padding:10px 0;
        background:#6AA3D0 url(images/subnav_bg.png) repeat-x top;
        margin:0;
    }
    #subnav ul li {
        border-top:1px solid #69A2CF;
        width:85%;
        margin:0 auto;
    }
    #subnav ul li.first {
        border:0;
    }
    #subnav ul li a {
        color:#ffffff;
        font-size:1.1em;
        line-height:2.4em;
        padding-left:5px;
        font-weight:bold;
    }
    #subnav ul li a:hover, #subnav ul li a.current, #cases ul li a:hover, #cases ul li a.current, #contactside a:hover {
        color:#BBBBBB;
    }
    
    #cases ul {
        list-style:none;
        border-top:1px solid #486F8D;
        margin-top:5px;
    }
    #cases ul li a {
        display:block;
        border-bottom:1px solid #486F8D;
        color:#6699CC;
        padding-left:20px;
        line-height:28px;
        font-weight:bold;
    }
    
    #footer h3 {
        font-weight:bold;
        display:block;
        border-bottom:1px solid #69A2CF;
        color:#6699CC;
        line-height:28px;
        font-size:1.2em;
    }
    #footer a {
        color:#ffffff;
    }
    #footer a:hover, #footer ul li a.current {
        color:#6699CC;
    }
    #footer ul {
        list-style:none;
    }
    #footer ul li a {
        display:block;
        border-bottom:1px solid #486F8D;
        color:#ffffff;
        padding-left:10px;
        line-height:28px;
    }


/* ----------------------------------------
    6. Forms
   ---------------------------------------- */
    FORM {
        margin:0 auto;
    }
    FORM .formrow {
        clear:left;
        margin-bottom:0.6em;
    }
    INPUT, label {
        display:inline-block;
    }
    label {
        width:11%;
    }
    label.top {
        vertical-align:top;
    }
    INPUT {
        width:36%;
        margin-right:1%;
    }
    INPUT.submit {
        float:right;
        margin-right:2%;
        background:url(images/button_bg.png) no-repeat;
        height:31px;
        width:124px;
        text-align:center;
        display:block;
        color:#ffffff;
        font-weight:bold;
        font-size:0.9em;
        border:0;
    }
    INPUT.submit:hover {
        background:url(images/button_over_bg.png) no-repeat;
        cursor:pointer;
    }
    TEXTAREA {
        width:86%;
    }
    .margright {
        margin-right:3%;
    }
    label.error{
        color:#ff0000;
        font-size:0.8em;
        left:-99999px;
        position:absolute;
    }
    h3.error {
        font-size:1em;
    }
    input.error, textarea.error {
        border:2px solid #ff0000;
        background:#fafafa;
    }
    
    

/* ----------------------------------------
    7. Other
   ---------------------------------------- */