/************************************
    *                                   *
    *             impa.sk               *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    *           AUDI layout             *
    *                                   *
    *  Last update: 09.10.2006, 11:50   *
    *                                   *
    ************************************/


* { margin:0px; padding: 0px; list-style: none; }
img {border:none;}

	body {
		background: url(../images_audi/body_background1.jpg) repeat-x;
		font: normal 0.7em Arial, Helvetica, sans-serif;
		}
	p {
		margin-bottom: 8px;
		}
	h2 {
		font-size: 1em;
		margin-bottom: 10px;
		}	
	.right {
		float: right;
		}
	.clear {
		clear: both;
		}		
	#page {
		margin: 0 auto;
		text-align: left;
		width: 785px;
		}
	#head {
		height: 90px;
		position: relative;
		float:left;
		width:785px;
		}
	#head img {
		position: absolute;
		right: 0px; bottom: 3px;
		}
	h1, h1 a, h1 a span {
		display: block;
		position: absolute;
		width: 63px; height: 14px;
		overflow: hidden;
		cursor: pointer;
		bottom: 8px;
		}	
		h1 a span, h1 a {
			left: 0px; top: 0px;
			background: url(../images_audi/impa_logo.png) no-repeat;
			}		
	#main-navigation {
		position: absolute;
		top: 1px; left: 0px;
		font-family: Arial, Helvetica, sans-serif;
		}
		#main-navigation li {
			list-style: none;
			float: left;
			}
		#main-navigation li a {
			background: url(../images_audi/main_navigation_background.png) top right no-repeat;
			padding: 2px 16px;
			display: block;
			height: 16px;
			float: left;
			margin-right: 10px;
			font-size: 12px;
			text-decoration: none;
			color: #000;
			text-transform: uppercase;
			border-left: 1px solid #cdcdcd;
			font-size: 11px;
			}
		#main-navigation li a:hover {
			background-position: right -21px;
			color: #FFF;
			}
		#main-navigation li a.active {
			background: url(../images_audi/active_audi.png) top right no-repeat;
			color: #FFF;
			}		
	.head {
		height: 66px;
		background: url(../images_audi/container_background.jpg) no-repeat;
		}
	#container {
		background: url(../images_audi/page_background.png) repeat-y;
		min-height: 200px; _height: 200px;
		float:left;
		width:785px;
		}		
	#content,.content {
		width: 289px;
		padding: 10px 15px;
		padding-top: 46px;
		min-height: 100px; _height: 100px;
		_display: inline;
		margin-right: 1px;
		background: url(../images_audi/top.png) repeat-x;
		}
	#info {
		width: 149px;
		padding: 10px 5px;
		min-height: 100px; _height: 100px;
		_display: inline;
		margin-right: 1px;
		padding-top: 46px;
		background: url(../images_audi/top.png) repeat-x;
		}
	#navigation {
		width: 305px;
		min-height: 100px; _height: 100px;
		_display: inline;
		position: relative;
		}
		#navigation ul {
			position: absolute;
			left: 176px; top: 20px;
			}
		#navigation ul li {
			padding-left: 18px;
			margin-bottom: 4px;
			position:relative;
			background: url(../images_audi/main_normal.png) 0px 5px no-repeat;
			}
		#navigation ul li a {
			font-weight: bold;
			text-decoration: none;
			color: #000;
			}
		#navigation ul li.active {
			background: url(../images_audi/main_active.png) 0px 5px no-repeat;
			}	
		#navigation ul li a:hover, #navigation ul li.active a {
			color: #FFF;
			}
		#navigation ul li ul {
			left: -91px; top: -5px; _left: -109px;
			z-index: 2;
			}
		#navigation ul li ul li {
			padding-left: 0px; padding-right: 15px;	
			background: url(../images_audi/normal.png) right top no-repeat;
			margin-bottom: 0px;
			}
		#navigation ul li ul li.first {
			background: url(../images_audi/first.png) right 6px no-repeat;
			}
		#navigation ul li ul li.last {
			background: url(../images_audi/last.png) right -2px no-repeat;
			}					
		#navigation ul li ul li a {
			color: #5e5e5e !important;
			}	
		.footer {float:left;width:785px;height:25px;margin-top:50px;background:#c7002f;}
	.nav {background:transparent;width:163px;float:left;height:100%;margin-top:90px;}
	.nav ul {padding: 0;}
	.nav li {margin: 0 0 6px 0; padding: 6px 0 6px 8px; background:#e1e1e1; border: 0px solid #EEE;width:140px;}
	.nav li a {position: relative; top: 2px; left: 2px; display: block; width: 131px;  text-transform: uppercase; color: #000; background: url(../images/nav_shd.png) right bottom no-repeat; text-decoration: none;font-weight:normal;}
	.nav li a span {position: relative; top: -2px; left: -2px; padding: 0 0 0 5px; font-size: 11px; display: block; border: 1px solid #d46c57; background-color: #FFF; line-height: 25px;width:124px;height:25px;}
	.nav-1 {margin: 0 0 20px 0;}
	.nav-1 li:last-child {margin-top: 22px;}
	.nav-2 li a {color: #fff;}
	.nav-2 li a span {background:#6D6F71;border:1px solid #000;}
	.nav-4 li:hover,.nav li:hover,.nav-4 li.act, .nav li.act,.nav-2 li.act,.nav-1 li.act {background:url(../images/nav_bcg_hover.png);}
	small#foot {position:relative;float:left;top:9px;left:10px;padding:0;background:transparent;}
	#foot  a {color:#000;text-decoration:none;}
	#foot  a span {color:#4d4d4;}
	#foot  a b {font-weight:normal;color:#bfbfbf;}