@charset "utf-8";
/* CSS Document */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr,
address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,
th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}

/* HTML5 display-role reset for older browsers */
article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/*img, object, embed {max-width: 100%;}*/
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

body {line-height:1;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

/* Form Elements */
input, select {vertical-align: middle;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}

a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, input[type=button], input[type=submit], button {cursor: pointer;}
label {cursor: text;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

a, img a, img, a img {border:0;	outline:0; text-decoration:none;}

/* FLOAT-elements */
.fltleft {float:left;}
.fltright {float:right;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }

/* only to clear floats - to be used with any class as addition */
.clear { clear: both; }
	
/* clear float with blank <div>or <br>*/
.clrflt { clear:both; line-height:1px; font-size:1px; overflow: hidden; }

/* MAIN */
body {
	background:#ebebeb url(../img/top_bg.jpg) repeat-x left top;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	}
	
/*========== Wrapper ==========*/

#wrapper
{
	width:996px;
	margin:0px auto;
}

/*========== Header ==========*/

#header
{
	width:996px;
	height:158px;
}

.header_top
{
	height:111px;
	position:relative;
}

#logo
{
	width:480px;
	height:69px;
	padding:26px 0 0 18px;
}

.solution_badge
{
	width:184px;
	height:188px;
	position:absolute;
	right:94px;
	top:37px;
	z-index:999;
}

.qdi_logo
{
	width:184px;
	height:188px;
	position:absolute;
	right:4px;
	top:9px;
	z-index:999;
}


.nav
{
	height:47px;
}

.nav ul
{
	list-style:none;
	padding:0 0 0 15px;
	margin:0px;
}

.nav ul li
{
	height:47px;
	font-size:16px;
	color:#000000;
	line-height:47px;
	float:left;
	padding:0px 10px;
}

.nav ul li a
{
	color:#000000;
	text-decoration:none;
}

.nav ul li a:hover, .nav ul li.active a
{
	color:#cc0000;
	text-decoration:none;
}

.menu	{display:none; cursor:pointer;}

/*========== Content ==========*/

#content
{
	background:#FFF;
	width:996px;
}

#banner
{
	height:318px;
	padding:57px 0 0 0;
	position:relative;
}

#banner h1
{
	padding:0 0 20px 23px;
	margin:0px;
	font-size:49px;
	color:#000;
	font-weight:normal;
	line-height:42px;
	position:relative;
	z-index:100;
}

#banner h2
{
	padding:0 0 28px 23px;
	margin:0px;
	font-size:19px;
	color:#000;
	font-weight:bold;
	line-height:22px;
}

#banner h2 span
{
	color:#cc0000;
}

.click_mini_cube
{
	background:#ffc017 url(../img/yellow_arrow.jpg) no-repeat right top;
	width:492px;
	height:54px;
	font-size:25px;
	color:#000;
	line-height:54px;
}

.click_mini_cube a
{
	width:469px;
	height:54px;
	display:block;
	color:#000;
	text-decoration:none;
	padding:0 0 0 23px;
}

.button {
    background:none;
    border:none;
    color:#000;
    font-size:25px;
	outline:0px;
    display:block;
    cursor:pointer;
	padding:0 0 0 23px;   
}

.button:hover
{
	color:#cc0000;
	text-decoration:none;
}

.car_img_block
{
	width:439px;
	height:300px;
	position:absolute;
	right:15px;
	bottom:20px;
	z-index:10;
}

.left_content
{
	width:610px;
	font-size:13px;
	color:#000;
}

.video_box
{
	width:587px;
	height:325px;
	margin:0 0 23px 23px;
}

.left_content h3
{
	padding:0 0 10px 23px;
	margin:0px;
	font-size:35px;
	color:#000;
	font-weight:normal;
}

.left_content p
{
	padding:0 0 25px 23px;
	margin:0px;
	line-height:19px;
}

.adjust
{
	margin-bottom:23px;
}

.right_content
{
	width:366px;
}

.happy_customer
{
	background:url(../img/customer_bg.jpg) repeat-x left top;
	width:321px;
	height:300px;
	padding:25px 15px 0 30px;
}

.happy_customer h3
{
	padding:0 0 20px 0;
	margin:0px;
	font-size:21px;
	color:#000;
	font-weight:normal;
}

.happy_customer p
{
	padding:0px;
	margin:0px;
	font-size:13px;
	color:#000;
	line-height:18px;
}

.happy_customer p span
{
	display:block;
	padding:15px 0 25px 0;
}

.read_more
{
	display:block;
	font-size:17px;
	color:#000;
	font-weight:normal;
}

.read_more a
{
	color:#000;
	border-bottom:1px solid #000;
}

.read_more a:hover
{
	color:#cc0000;
	border-bottom:1px solid #cc0000;
}

.why_choose
{
	width:321px;
	padding:25px 15px 0 30px;
}

.why_choose h3
{
	padding:0 0 20px 0;
	margin:0px;
	font-size:21px;
	color:#000;
	font-weight:normal;
}

.why_choose h4
{
	padding:0 0 20px 0;
	margin:0px;
	font-size:21px;
	color:#000;
	font-weight:normal;
	line-height:22px;
}

.why_choose ul
{
	list-style:none;
	padding:0 0 55px 0;
	margin:0px;
}

.why_choose ul li
{
	background:url(../img/tick.jpg) no-repeat left top;
	height:25px;
	font-size:18px;
	color:#000;
	line-height:25px;
	padding:0 0 0 30px;
}

.why_choose ul li a
{
	color:#000;
	text-decoration:none;
}

.why_choose ul li a:hover
{
	color:#cc0000;
	text-decoration:none;
}

.customer_satisfaction
{
	width:190px;
	height:190px;
	margin:0px auto;
}

.satisfaction_guarantee
{
	width:321px;
	height:300px;
	padding:35px 15px 0 30px;
}

.satisfaction_guarantee h3
{
	padding:0 0 20px 0;
	margin:0px;
	font-size:21px;
	color:#000;
	font-weight:normal;
}

.satisfaction_guarantee p
{
	padding:0 0 20px 0;
	margin:0px;
	font-size:13px;
	color:#000;
	line-height:18px;
}

/*========== Footer ==========*/

#footer_outer
{
	background:url(../img/footer_bg.jpg) repeat-x left top; display:block;
}

#footer_wrap
{
	width:996px;
	height:500px;
	margin:0px auto;
	position:relative;
}

.footer_logo
{
	width:329px;
	height:69px;
	padding:26px 0 0 18px;
	margin-bottom:10px;
}

.solution_badge2
{
	width:184px;
	height:188px;
	position:absolute;
	right:94px;
	top:-90px;
}

#footer_wrap ul
{
	list-style:none;
	padding:0px;
	margin:0px;
}

#footer_wrap ul li
{
	font-size:13px;
	color:#8a8a8a;
	line-height:19px;
}

#footer_wrap ul li a
{
	color:#8a8a8a;
	text-decoration:none;
}

#footer_wrap ul li a:hover
{
	color:#CCC;
	text-decoration:none;
}

.footer_list1
{
	width:180px;
	margin:0 0 0 80px;
}

.footer_list2
{
	width:270px;
}

.footer_list3
{
	width:215px;
}