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

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-color:#282b68;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	
	font-family:arial,sans-serif;
	color:#000;
}

#holder-about
{
background-image:url(../images/bg-kc.jpg);
background-repeat:no-repeat;
width:800px;
}
#holder-consistency
{
background-image:url(../images/bg-consistency.jpg);
background-repeat:no-repeat;
width:800px;
}
#holder-contact
{
background-image:url(../images/bg-contact.jpg);
background-repeat:no-repeat;
width:800px;
}
#holder-diesel
{
background-image:url(../images/bg-diesel.jpg);
background-repeat:no-repeat;
width:800px;
}
#holder-products
{
background-image:url(../images/bg-products.jpg);
background-repeat:no-repeat;
width:800px;
}
#holder-quality
{
background-image:url(../images/bg-quality.jpg);
background-repeat:no-repeat;
width:800px;
}
#holder-reliability
{
background-image:url(../images/bg-reliability.jpg);
background-repeat:no-repeat;
width:800px;
}
#holder-truck
{
position: relative;
background-image:url(../images/bg-tracks.jpg);
background-repeat:no-repeat;
width:800px;
}
#holder-ultra
{
background-image:url(../images/bg-ultra.jpg);
background-repeat:no-repeat;
width:800px;
}
#holder-why
{
background-image:url(../images/bg-why.jpg);
background-repeat:no-repeat;
width:800px;
}

#link
{
	font-size: 11px;
	position: absolute;
	top: 350px;
	left: 530px;
	width: 190px;
	text-align: center;
}






#menu
{
padding-left:28px;
padding-bottom:230px;
padding-top:40px;
}
#content
{
clear:both;
padding-left:28px;
padding-right:28px;
font-size:12px;
}
H1
{
color:#0f75bc;
font-size:28px;
font-style:italic;
font-weight:bolder;
}
H2
{
color:#0f75bc;
font-size:20px;
font-weight:bolder;
}
H3
{
color:#0f75bc;
font-size:18px;
font-weight:bolder;
}
H4
{
color:#0f75bc;
font-size:14px;
font-weight:bolder;
}
H5
{
color:#0f75bc;
font-weight:bolder;
}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 117px;
	color:#333333;
	text-decoration:none;
}
#nav a:hover {
	display: block;
	width: 117px;
	color:#0f75bc;
	text-decoration:none;
}
#nav li { /* all list items */
	float: left;
	width: 117px; /* width needed or else Opera goes nuts */
	font-size:12px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 117px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}