﻿/* --------------------
COLOR REF:
 Light Grey: #e1e0dc
 Medium Grey: #61615f
 Dark Grey: #323230
 Yellow: #fcd500
 QEK Blue: #00254a
---------------------*/

/* CSS RESET */
/* http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
/* BASE FORMATS */
body{font:12px/1.48 Helvetica, Arial, Sans-Serif;margin-top:12px;}
a:focus{outline:1px dotted invert;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}
h1{font-size:23px;font-weight:700;}
h2{font-size:20px;font-weight:700;}
h3{font-size:18px;font-weight:700;}
h4{font-size:16px;font-weight:700;}
h5{font-size:14px;font-weight:700;}
h6{font-size:13px;font-weight:700;}
ol{list-style:decimal;}
ul{list-style-type:disc;}
li{margin-left:20px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:1px;}
th,td{font:13px/1.5 Helvetica, Arial, sans-serif;}
a,a:visited{text-decoration:underline;color:#555555;}
a:hover{color:#00254a;}
a:active,a:focus{color:#000000;}
em{font-style:italic}
strong,.bold{font-weight:700;}
dt{font-weight:700;}
/* GRID SYSTEM */
/* Inspired by http://960.gs/ */
.container-12{margin-left:auto;margin-right:auto;width:864px;}
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12,.grid-13,.grid-14,.grid-15,.grid-16{display:inline;float:left;}
.container-12 .grid-1{width:72px;}
.container-12 .grid-2{width:144px;}
.container-12 .grid-3{width:216px;}
.container-12 .grid-4{width:288px;}
.container-12 .grid-5{width:360px;}
.container-12 .grid-6{width:432px;}
.container-12 .grid-7{width:504px;}
.container-12 .grid-8{width:576px;}
.container-12 .grid-9{width:648px;}
.container-12 .grid-10{width:720px;}
.container-12 .grid-11{width:792px;}
.container-12 .grid-12{width:864px;}
.stage{margin-left:10px;margin-right:10px;}
.full-stage p,.stage p,.stage ul,.stage ol{margin-bottom:20px;}
.stage ul li ul{margin-bottom:1px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
/* COMMON CLASSES */
.floatright{float:right}
.floatleft{float:left}
.normal{font-weight:400}
.grey{color:#888888}
.red{color:#990000}
.highlight{background-color:#ffffcc}
.quiet{color:#555555;font-size:90%;font-weight:400 !important}
.right{text-align:right}
.center{text-align:center}
.img-frame{border:0px solid #e1e0dc;}
.upper{text-transform:uppercase;}
.hide{display:none}
/* BACKGROUNDS */
#header{background:#ffffff}
#first-section .left-content{background:#fff;height:72px;}
#aim #first-section .right-content{background:url(../images/aim_bg.jpg) no-repeat 0 0;}
#asset #first-section .right-content{background:url(../images/fleet_bg.jpg) no-repeat 0 0;}
#case #first-section .right-content{background:url(../images/case_bg.jpg) no-repeat 0 0;}
#cases #first-section .right-content{background:url(../images/cases_bg.jpg) no-repeat 0 0;}
#contact #first-section .right-content{background:url(../images/contact_bg.jpg) no-repeat 0 0;}
#dd #first-section .right-content{background:url(../images/decidedly_different_bg.jpg) no-repeat 0 0;}
#egams #first-section .right-content{background:url(../images/egams_bg.jpg) no-repeat 0 0;}
#event #first-section .right-content{background:url(../images/events_bg.jpg) no-repeat 0 0;}
#garage #first-section .right-content{background:url(../images/garage_bg.jpg) no-repeat 0 0;}
#home #first-section .right-content{background:url(../images/who_we_are_bg.jpg) no-repeat 0 0;}
#lc #first-section .right-content{background:url(../images/lc_bg.jpg) no-repeat 0 0;}
#it-solutions #first-section .right-content{background:url(../images/egams_screen_bg.jpg) no-repeat 0 0;}
#news #first-section .right-content{background:url(../images/auto_home_bg.jpg) no-repeat 0 0;}
#who #first-section .right-content{background:url(../images/who_bg.jpg) no-repeat 0 0;}
/* IE z-index FIX */
#header{position:relative;z-index:2;}
#first-section{position:relative;z-index:1;}
/* HEADER */
#header h1{background:url(../images/qek_logo_small.jpg) no-repeat 0 0;float:left;height:40px;overflow:hidden;width:70px;}
#header h1 a{display:block;text-indent:-999em;}
#header h2{font-size:13px;color:#00254a;float:left;line-height:33px;width:140px;}
#header h2 a{text-decoration:none;}
#header ul{height:40px;list-style:none;}
#header ul li{display:block;float:left;line-height:36px;}
#header ul li a{color:#222222;font-size:11px;font-weight:700;margin:0 0px;padding:6px 10px;text-decoration:none;}
#header ul li a:hover{background:#323230;color:#ffffff;text-decoration:none;}
#header ul li a:active{color:#fcd500;text-decoration:none;}
/* SUPERFISH MENU */
#header ul.sf-menu ul{background:#fefefe;display:none;height:auto;position:absolute;top:-999em;width:160px;}
#header ul.sf-menu li:hover ul.first{left:235px;top:35px;width:180px;}
#header ul.sf-menu li:hover ul.second{left:465px;top:35px;width:180px;}
#header ul.sf-menu li:hover ul{left:0;top:35px;}
#header ul.sf-menu ul {border-top:solid 2px #eee;border-left:2px solid #eee;border-right:2px solid #aaa;border-bottom:2px solid #aaa;margin:0;padding:5px 10px;}
#header ul.sf-menu ul li{display:block;float:none;font-size:11px;font-weight:700;line-height:1.5;margin:0;padding:0;}
#header ul.sf-menu ul li a{font-weight:400;text-decoration:none;margin:0;text-shadow: 0px 2px 30px #555;-webkit-transition: all .1s linear;}
#header ul.sf-menu ul li a:hover{background:none;color:#00254a;text-decoration:underline;}
#header ul.sf-menu ul li a:active{color:#000000;text-decoration:underline;}
/* FIRST SECTION */
div.top-right-logo{display:none;} 
#first-section .right-content .stage{padding-top:50px;}
#first-section .left-content .stage{padding-top:10px;}
#first-section .left-content .grey-bar .stage{padding-top:0;}
#first-section .left-content .stage p{font-size:10px;line-height:1.4;}
#first-section .right-content{min-height:288px;position:relative;}
#first-section .right-content h2{letter-spacing:-1px;}
#first-section .right-content h3{color:#444;}
#first-section .asset-wheel{padding:32px 0 0 30px;}
#first-section a.qek-link{display:block;float:right;height:72px;width:150px;z-index:200;}
#first-section a.dd-link{background:transparent;clear:both;display:block;float:right;height:24px;width:150px;z-index:200;}
.home-img-nav{margin-top:22px;}
.home-img-nav a{background:transparent;display:block;height:94px;width:130px;}
#slidebottom{position:absolute;width:320px;height:300px;bottom:0;right:0;z-index:50;}
#slidebottom button{position:absolute;right:0;bottom:0;width:60px;z-index:100;}
#slidebottom a{position:absolute;right:10px;bottom:-32px;width:30px;z-index:100;}
#slidebottom a.blue{background:transparent;}
#slidebottom h6{margin-bottom:8px;}
.slide,.inner-blue,.inner-red{z-index:75;}
.slide{position:relative;}
.slide .inner-blue{background:url(../images/chevron_blue.png) no-repeat 0 0;position:absolute;right:0;bottom:0;height:202px;width:320px;z-index:20;}
.slide .stage{color:#fff;padding:0 90px 0 10px;}
/* SECOND SECTION */
#second-section .full-stage{padding:25px 10px;}
#second-section .left-content{}
#second-section .right-content .stage{margin:0 20px;padding:10px 0;}
#second-section img{margin:0 0 10px 10px;}
#second-section .full-stage ul, #second-section .right-content ul{list-style-image:url(../images/bullet.gif);}
#second-section .full-stage ol{list-style:decimal;}
.sub-header{background:#61615f;height:72px;}
.sub-header h1{color:#fcd500;float:left;font-size:20px;letter-spacing:-1px;line-height:1.1;width:275px;padding:20px 0 0 10px;}
.sub-header h3{color:#ffffff;float:right;font-size:14px;text-align:right;width:500px;padding:20px 10px 0 0;}
.sub-header h3.two-lines{padding:10px 10px 0 0;}
#home .sub-header h1{width:250px;}
#home .sub-header h3{width:500px;}
#scroll div{color:#ccc;height:36px;text-align:center;width:864px;}
.sub-header h1.single-row,.sub-header h3.single-row{padding-top:14px;}
.stage h6.upper{font-size:12px;text-transform:uppercase;padding-top:10px;}
.case-list li{margin-bottom:10px;}
.contact-form{background:#e1e0dc;margin:10px 0;overflow:hidden;padding:20px;}
.contact-form dt{float:left;margin-bottom:5px;padding-right:5px;text-align:right;width:180px;}
.contact-form dt.title{text-decoration:underline;text-transform:uppercase;}
.contact-form dd{float:left;margin-bottom:5px;width:240px;}
.contact-form input,.contact-form select{font-family:Verdana,Sans-serif;color:#00254a;}
.contact-form input.lg{width:220px;}
.contact-form input.med{width:110px;}
.contact-form input.sm{width:80px;}
.contact-form textarea{width:220px;height:100px;font-family:Verdana,Sans-serif;font-size:11px;color:#00254a;}
.contact-form .required{color:#00254a;}
.ValidatorError{border:1px solid #900;background-color:#FAAFBE;font-size:95%;padding:0 4px;width:220px;}
/* Both SECTIONS */
.sub-nav ul{list-style:none;}
.sub-nav ul li{margin:0;}
.sub-nav ul li a,#sub-nav ul li a:visited{background:#e1e0dc;border-top:1px solid #efefef;border-bottom:1px solid #cfcfcf;display:block;font-size:12px;font-weight:700;line-height:20px;padding:5px 0 5px 10px;text-decoration:none;width:206px;}
.sub-nav ul li a:hover{background:#cfcfcf;}
.sub-nav ul li a:active,.sub-nav ul li a:focus,.sub-nav ul li.selected a{background:#fcd500;}
.grey-bar{background:#323230;color:#ffffff;height:36px;line-height:36px;}
.lg-link ul{list-style:none;}
.lg-link ul li{margin:10px 0;}
.lg-link ul li a,#sub-nav ul li a:visited{background:#e1e0dc;border-top:1px solid #efefef;display:block;font-size:12px;font-weight:700;line-height:20px;padding:5px 0 5px 10px;text-decoration:none;width:206px;}
.lg-link ul li a:hover,{background:#cfcfcf;}
.lg-link ul li a:active,.lg-link ul li a:focus,.lg-link ul li.selected a{background:#fcd500;}
a.pdf{background:url(../images/icon_PDF_small.gif) no-repeat 0 0;padding:0 0 4px 20px;}
a.case{background:url(../images/icon_TXT_small.gif) no-repeat 0 0;padding:0 0 4px 20px;}
a.email{background:url(../images/icon_email.gif) no-repeat 0 -2px;padding:0 0 4px 20px;}
/* FOOTER */
#footer{background:#e1e0dc;margin-bottom:12px;padding:10px 0;}
#footer p{font-size:10px;font-weight:700;margin:0;}
#footer p a{font-size:12px;}
/* PRINT */
.print-only{display:none;}

