@charset "utf-8";
/*
Author: Ward peeters
Author URI: http://coding-tech.com/
*/

/* Reset & overrides
----------------------------------------------------------------------------*/
body, h1, h2, h3, h4, p, ul, li {
	margin: 0; padding: 0;

	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
img {
	border: 0;
}
a {
	text-decoration: none;
}
ul {
	list-style: none;
}

/* General
----------------------------------------------------------------------------*/
body {
	background: #fff url(../images/background.png) repeat-x;
}
.container {
	background: #fff;
	width: 1015px;
	margin: 8px auto;
}

/* Header
----------------------------------------------------------------------------*/
#header {
	background: url(../images/header-back.png) repeat-x;
	height: 100px;
	border-bottom: 1px solid#ccd8e1;

	position: relative;
}

#header #logo {
	background:url(../images/logo.png) no-repeat;
	width: 299px; height: 100px;
}
#header #logo a {
	width: 100%; height: 100%;
	display: block;
}

	/* Social - Header
	----------------------------------------------------------------------------*/
	#header #social {
		position: absolute;
		top: 10px; right: 10px;
	}
	#header #social a {
		background: url(../images/social.png) no-repeat;
		width: 32px; height: 32px;
		display: inline-block;
	}
	#header #social a.youtube {
		background-position: -32px 0;
	}
	#header #social a.linkedin {
		background-position: -64px 0;
	}
	#header #social a.twitter {
		background-position: -96px 0;
	}

	/* Navigatio - Header
	----------------------------------------------------------------------------*/
	#navigation {
		position: absolute;
		top: 70px; right: 15px;
	}
	#navigation ul li {
		height: 26px;
		float: left;
	}
	#navigation ul li a {
		padding: 6px 13px 6px 14px;

		color: #184d77;
	}
	#navigation ul li a:hover {
		background: #e5e7e8;
		padding: 6px 12px 6px 13px;
		border: 1px solid #dfdfdf;
		
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
	}

/* Mid Box
----------------------------------------------------------------------------*/
#mid-box {
	height: 285px;
	margin: 8px 7px 7px;

	position: relative;
}
#mid-box ul {
	background: #e1e1e1 url(../images/slidenav.png) no-repeat;
	width: 221px; height: 285px;
}
#mid-box ul li {
	height: 31px;
	border-bottom: 1px solid #d7d7d7;
}
#mid-box ul li.last {
	height: 29px;
	border: 0;
}
#mid-box ul li a {
	width: 211px; height: 23px;
	padding: 8px 0 0 10px;
	display: block;

	color: #787878;
	font-weight: bold;
}
#mid-box ul li.last a {
	height: 21px;
}
#mid-box ul li a:hover {
	background: #fff url(../images/selector.png) no-repeat 205px center;
}

#mid-box #slider {
	width: 559px; height: 284px;
	
	position: absolute;
	top: 0; left: 229px;
}
#mid-box #slider .slider {
	width: 559px; height: 284px;
}
#mid-box #slider .slider img, #mid-box #slider .slider div {
	display: none;

	position: absolute;
	top: 0; left: 0;
}

#mid-box #advertisement {
	position: absolute;
	top: 0; right: 0;
}
#mid-box #advertisement a {
	display: block;
}

/* Car Logos
----------------------------------------------------------------------------*/
#car-logos {
	background: #fefefe url(../images/header-back.png) repeat-x bottom;
	height: 119px;
	border-top: 1px solid #ccd8e1; border-bottom: 1px solid #ccd8e1;
}
#car-logos div {
	background: url(../images/car-logos.jpg) no-repeat;
	height: 90px;
	margin: 20px 23px 0 0;
	float: left;
}
#car-logos div.chrysler {
	background-position: 0 0;
	width: 160px;
	margin-left: 25px;
}
#car-logos div.dodge {
	background-position: -160px 0;
	width: 130px;
}
#car-logos div.ford {
	background-position: -290px 0;
	width: 119px;
}
#car-logos div.harley {
	background-position: -409px 0;
	width: 104px;
}
#car-logos div.lincoln {
	background-position: -513px 0;
	width: 82px;
}
#car-logos div.ram {
	background-position: -595px 0;
	width: 60px;
}
#car-logos div.jeep {
	background-position: -655px 0;
	width: 65px;
}
#car-logos div.honda {
	background-position: -720px 0;
	width: 94px;
	margin-right: 0;
}

/* Columns
----------------------------------------------------------------------------*/
#columns {
	margin: 7px 0 0 6px;
	color: #373737;
}
#columns .floatfix {
	clear: both;
	height: 41px;
}

	/* Column #1 - Columns
	----------------------------------------------------------------------------*/
	#columns .col1 {
		width: 281px;
		float: left;
	}
	#columns .col1 h1, #columns .col1 h2, #columns .col1 h3, #columns .col1 h4,
	 #columns .col3 h1,#columns .col3 h2, #columns .col3 h3, #columns .col3 h4 {
		background: url(../images/headlines.png) no-repeat;
		width: 266px; height: 22px;
		padding: 10px 0 0 15px;

		font-weight: bold;
	}
	#columns .col1 p, #columns .col3 p {
		background: #e3e9ee;
		width: 237px;
		padding: 8px 14px 11px;

		line-height: 20px;
	}

	/* Column #2 - Columns
	----------------------------------------------------------------------------*/
	#columns .col2 {
		width: 445px;
		margin: 8px 9px;
		float: left;
	}
	#columns .col2 h1 {
		font-weight: bold;
	}
	#columns .col2 p {
		margin: 8px 0;

		line-height: 18px;
	}
	#columns .col2 ul li {
		margin: 0 0 0 18px;
		list-style: disc;

		line-height: 18px;
	}
	#columns .col2 ul li ul li {
		margin: 0 0 0 25px;
	}
	#columns .col2 a {
		color: #184d77;
		text-decoration: underline;
	}
	
	/* Column #3 - Columns
	----------------------------------------------------------------------------*/
	#columns .col3 {
		background: #e3e9ee;
		width: 259px;
		padding: 0 0 10px;
		float: left;
	}
	#columns .col3 h1,#columns .col3 h2, #columns .col3 h3, #columns .col3 h4 {
		background: url(../images/headlines.png) no-repeat 0 -32px;
		width: 244px;
		margin: 0 0 8px;
	}
	#columns .col3 p {
		width: 231px;
		padding: 0 14px;
	}
	
/* Footer
----------------------------------------------------------------------------*/
#footer {
	background: url(../images/footshad.png) no-repeat;
	width: 1075px;
	margin: 0 auto 15px;
	overflow: hidden;

	position: relative;
}
#footer p {
	width: 318px;
	margin: 20px 0 0 30px;

	color: #959595;
	text-align: center;
}
#footer p a {
	color: #959595;
}

	/* Social - Footer
	----------------------------------------------------------------------------*/
	#footer .social {
		position: absolute;
		top: 18px; right: 34px;
	}
	#footer .social a {
		background:url(../images/social-f.jpg) no-repeat;
		width: 26px; height: 26px;
		margin: 0 1px;
		display: block;
		float: left;
	}
	#footer .social a.youtube {
		background-position: -26px 0;
	}
	#footer .social a.linkedin {
		background-position: -52px 0;
	}
	#footer .social a.twitter {
		background-position: -78px 0;
	}