/**********************
 * START NORMALIZE
 **********************/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display:block; }  audio,canvas,video { display:inline; zoom:1; }  html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }  html,button,input,select,textarea { font-family: Arial, Helvetica, sans-serif; }  a:focus { outline:thin dotted; }  a:hover,a:active { outline:0; }  h1 { font-size:2em; margin:.67em 0; }  h2 { font-size:1.5em; margin:.83em 0; }  h3 { font-size:1.17em; margin:1em 0; }  h4 { font-size:1em; margin:1.33em 0; }  h5 { font-size:.83em; margin:1.67em 0; }  h6 { font-size:.75em; margin:2.33em 0; }  abbr[title] { border-bottom:1px dotted; }  b,strong { font-weight:700; }  blockquote { margin:1em 40px; }  dfn { font-style:italic; }  mark { background:#ff0; color:#000; }  pre,code,kbd,samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em; }  pre { white-space:pre-wrap; word-wrap:break-word; }  q { quotes:none; }  q:before,q:after { content:none; }  small { font-size:75%; }  sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }  sup { top:-.5em; }  sub { bottom:-.25em; }  dd { margin:0 0 0 40px; }  menu,ol,ul { padding:0 0 0 40px; }  nav ul,nav ol { list-style:none; list-style-image:none; }  img { border:0; -ms-interpolation-mode:bicubic; }  svg:not(:root) { overflow:hidden; }  fieldset { border:1px solid silver; margin:0 2px; padding:.35em .625em .75em; }  legend { border:0; white-space:normal; margin-left:-7px; padding:0; }  button,input,select,textarea { font-size:100%; vertical-align:middle; margin:0; }  button,input { line-height:normal; }  button,input[type=button],input[type=reset],input[type=submit] { cursor:pointer; -webkit-appearance:button; overflow:visible; }  button[disabled],input[disabled] { cursor:default; }  input[type=checkbox],input[type=radio] { box-sizing:border-box; height:13px; width:13px; padding:0; }  input[type=search] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }  input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button { -webkit-appearance:none; }  button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0; }  textarea { overflow:auto; vertical-align:top; }  table { border-collapse:collapse; border-spacing:0; }  audio:not([controls]),[hidden] { display:none; }  body,figure,form { margin:0; }  p,pre,dl,menu,ol,ul { margin:1em 0; }
ul, ul li { list-style:none; padding: 0; margin:0;}
/**********************
 * GLOBAL
 **********************/
body{ background: #c9cbcc; padding: 32px 0 45px; }
h1, h2, h3, h4, h5 { margin:0; padding: 0 }
article{ overflow: hidden; }
ul li, p{ font-size: 14px; }
h2{ 
    color: #e11700; 
    font-size: 17px; 
    text-transform: uppercase; 
}
h2 small{ font-size: 14px; }
hr{ background: #c01700; border: 0 none; height: 2px; margin: 13px 0; }
article hr{ margin: 13px 0 15px; }
a:link,
a:visited,
a:hover{ color: #fff; text-decoration: none; }
footer{ width: 100%; position: absolute; bottom:0; clear: both; }
footer p{ font-size: 12px; font-weight: bold; text-align: center; }

/**********************
 * IDs
 **********************/
#wrap{ 
    margin: 0 auto; 
    width: 828px; 

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;

    behavior: url(../js/PIE.htc);
}

/**********************
 * ALL PAGES
 **********************/
header{ 
    background: #e21700; 
    height: 108px;
    overflow: hidden; 
    padding-bottom: 5px;
    position: relative;

    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    behavior: url(../js/PIE.htc);
}
    
    h1 { 
        background: url(../img/logo.jpg) no-repeat; 
        height: 64px; 
        margin: 13px 12px;
        width: 338px; 
    }
        h1 a{ display: block; text-indent:-9999px; height: 100%; }
    
    nav{ border-top: 2px solid #fff; overflow: hidden; }
        nav ul{ float: right; height: 20px; }
            nav ul li{ display: inline; margin-right: 5px; }
            nav ul li:last-child { margin-right: 12px; }
                nav a:link,
                nav a:visited,
                nav a:hover{ 
                    font-size: 14px;
                    font-weight: bolder;
                    text-transform: capitalize;
                }

#content{ 
    background: #fff; 
    min-height: 680px; 
    overflow: hidden;
    padding: 27px 0 40px;
    position: relative;

    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    behavior: url(../js/PIE.htc);
}

    section{ 
        border: 2px solid #c01700; 
        margin: 0 auto 0 130px;  
        padding: 27px 40px;
        position: relative;
        width: 520px; 

        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        behavior: url(../js/PIE.htc);
    }

        #current_page{ 
            background: url(../img/bg_current_page.png) no-repeat ;
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            height: 29px;
            padding: 11px 15px 0 2px; 
            text-align: center;
            text-transform: uppercase;
            width: 96px;
            position: absolute;
            top: 8px;
            left: -112px;
        }
                
        article{
            border-bottom: 2px solid #c01700; 
            margin-bottom: 20px;
            padding-bottom: 15px;
        }
        article:last-child{ border: 0; margin-bottom: 0; padding: 0; }

/**********************
 * HOME PAGE
 **********************/
.home h2 { font-size: 20px; }
.home h2, .home p{ width: 310px }
.home p { float: left; text-align: justify}
.home img { float: right; margin-top: -20px; }

.home .left{float: left;}
.home .right{float: right;}
.home h2.right{ text-align: right }

/**********************
 * COMPANY OVERVIEW PAGE
 **********************/
.company_overview h2{ text-transform: capitalize }
.company_overview a:link,
.company_overview a:hover,
.company_overview a:visited{ 
    color: #e11700; 
    float: right; 
    font-size: 13px; 
    font-weight:bold;
}

.company_overview article:last-child a{ margin-right: 340px; }

/**********************
 * COMPANY SERVICES PAGE
 **********************/
.company_services article{ border: 0 none #fff; height: auto; margin: 0 0 12px; padding: 0; }
    .company_services article h2 { text-transform: none; }
    .company_services p { margin:0 }

/**********************
 * COMPANY BIO TURCOTTE
 * COMPANY BIO MOCHEN
 **********************/
.company_bio_turcotte h2,
.company_bio_mochen h2 { text-transform: capitalize; }

.company_bio_mochen p,
.company_bio_turcotte p { float: left; margin-top: 0; width: 320px }

.company_bio_mochen img,
.company_bio_turcotte img{ 
    float: right; 
    margin-top: 5px;

    -moz-box-shadow: -4px 5px 10px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: -4px 5px 10px 2px rgba(0,0,0,0.3);
    box-shadow: -4px 5px 10px 2px rgba(0,0,0,0.3);

    behavior: url(../js/PIE.htc);
}

.company_bio_mochen{min-height:410px}

/**********************
 * MARKETING PAGE
 * CREATIVE PAGE
 * TECHNICAL PAGE
 **********************/
.marketing article,
.creative article,
.technical article{ border: 0 none #fff; height: auto; margin: 0 0 15px; padding: 0; }

    .marketing p,
    .creative p,
    .technical p{ margin:0 }

.marketing strong,
.creative strong,
.technical strong{
    color: #e11700; 
    font-size: 17px; 
    text-transform: uppercase; 
}

.creative > h2,
.technical > h2{ text-transform: uppercase }

.marketing strong,
.creative strong,
.technical strong{ text-transform: capitalize }

/**********************
 * CLIENTS PAGE
 **********************/
.clients { width: 528px; }
.clients article:first-of-type{ border-bottom: 2px solid #c01700; padding: 0 }
    .clients p{ margin: 0 0 13px}
    .clients li{ font-weight: bold; margin-bottom: 2px; text-transform: uppercase;}

        .clients #toy_zone{
            background: url(../img/clients.png);
            margin: 45px 0 0 60px;
            height: 52px;
            width: 145px;
        }

        .clients .clients_logo { margin: 5px 0 60px; overflow: hidden; padding-left: 10px;}
            .clients .clients_logo div { float: left; }

            /**********************
             * ALIGNED LEFT
             **********************/
            .clients #california{
                background: url(../img/clients.png) no-repeat -30px -55px;
                margin-left: 35px;
                height: 85px;
                width: 85px;
            }

            .clients #right_guard{
                background: url(../img/clients.png) no-repeat -20px -215px;
                margin: 30px 0 0 23px;
                height: 45px;
                width: 105px;
            }

            .clients #ryder{
                background: url(../img/clients.png) no-repeat -2px -336px;
                margin: 30px 0 0 5px;
                height: 45px;
                width: 145px;
            }

            .clients #evas_heroes{
                background: url(../img/clients.png) no-repeat -6px -434px;
                margin: 10px 0 0 13px;
                height: 80px;
                width: 115px;
            }

            /**********************
             * CLIENTS RIGHT
             **********************/

            .clients #dial{
                background: url(../img/clients.png) no-repeat -30px -140px;
                float: right;
                margin: 5px 0 10px 0;
                height: 78px;
                width: 88px;
            }

            .clients #pepperdine{
                background: url(../img/clients.png) no-repeat -30px -255px;
                float: right;
                margin: 5px 15px 10px 0;
                height: 78px;
                width: 80px;
            }

            .clients #nokia{
                background: url(../img/clients.png) no-repeat -21px -387px;
                float: right;
                margin: 8px 0 10px 0;
                position: relative;
                height: 40px;
                width: 103px;
                z-index: 1000;
            }

            .clients #sun{
                background: url(../img/clients.png) no-repeat -21px -525px;
                float: right;
                margin: 30px 5px 10px 0;
                height: 45px;
                width: 105px;
            }

/**********************
 * CONTACT PAGE
 **********************/
.contact { min-height: 315px; }
.contact h2 {font-size: 20px; }
.contact article { 
    border-bottom: 2px solid #c01700; 
    border-top: 2px solid #c01700; 
    margin-top:10px
}
    .contact .right{margin-right: 355px}
    .contact .right:last-child{margin-right: 353px}


/**********************
 * CLASSES
 **********************/
.right {float: right;}
.left {float: left;}
.red{ color: #e11700 }