h1#valkommen {
	width: 219px;
	height: 15px;
	background: url(http://www.hagabil.se/img/h1_valkommen.gif) no-repeat;
	overflow: hidden;
	text-indent: -9000px;
	margin-top: 20px;
}

h2#info {
	width: 111px;
	height: 13px;
	background: url(http://www.hagabil.se/img/h2_info.gif) no-repeat;
	overflow: hidden;
	text-indent: -9000px;
	margin-top: 20px;
	margin-bottom: 1px;
}

h2#bilar {
	width: 94px;
	height: 17px;
	background: url(http://www.hagabil.se/img/h2_bilar.gif) no-repeat;
	overflow: hidden;
	text-indent: -9000px;
	margin-top: 20px;
	margin-bottom: 1px;
}

h2#kontakt {
	width: 121px;
	height: 13px;
	background: url(http://www.hagabil.se/img/h2_kontakt.gif) no-repeat;
	overflow: hidden;
	text-indent: -9000px;
	margin-top: 20px;
	margin-bottom: 1px;
}

a, a:visited {
	text-decoration: none;
	color: #b51700;
}

a:hover {
	text-decoration: underline;
}

body {
	margin: 0;
	padding: 0;
	font: 11px Tahoma, Verdana, Helvetica, sans-serif;
	color: #666;
	background-color: #FFF;
	text-align: center;
}

#wrapper {
	width: 707px;
	margin: 0 auto;
	margin-top: 25px;
}

#header {
	width: 587px;
	height: 301px;
	background: url(http://www.hagabil.se/img/header_anim.gif) no-repeat;
	text-align: left;
	padding: 10px 0px 0px 118px;
	margin-bottom: 10px;
}

ul#nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	ul#nav li {
		margin: 0;
		padding: 0;
		float: left;
	}
	
		ul#nav li a {
			display: block;
			width: 91px;
			height: 34px;
			text-indent: -9000px;
			text-decoration: none;
			overflow: hidden;
		}
		
			ul#nav li a#start {
				background: url(http://www.hagabil.se/img/li_start.gif) no-repeat;
				width: 54px;
			}
		
			ul#nav li a#info {
				background: url(http://www.hagabil.se/img/li_info.gif) no-repeat;
			}
			
			ul#nav li a#bilar {
				background: url(http://www.hagabil.se/img/li_bilar.gif) no-repeat;
			}
			
			ul#nav li a#kontakt {
				background: url(http://www.hagabil.se/img/li_kontakt.gif) no-repeat;
				width: 97px;
			}
			
			ul#nav li a#start:hover, ul#nav li a#info:hover, ul#nav li a#bilar:hover, ul#nav li a#kontakt:hover {
				background-position: 0 -34px;
			}
			
			ul#nav li a#start.active, ul#nav li a#info.active, ul#nav li a#bilar.active, ul#nav li a#kontakt.active {
				background-position: 0 -34px;
			}

#content {
	background: url(http://www.hagabil.se/img/content_bg.gif) repeat-y;
	margin-bottom: 65px;
}			

#main {
	float: left;
	padding-right: 65px;
	width: 475px;
	text-align: left;
}

#advert {
	float: left;
	padding-left: 20px;
}

#footer {
	padding-top: 5px;
	height: 20px;
	background-color: #dfdfdf;
}

#brands {
	width: 100%;
	height: 50px;
	background: url(http://www.hagabil.se/img/brands.gif) bottom center no-repeat;
}

#adbar {
	width: 250px;
	float: left;
	margin-top: 10px;
	margin-left: 3px;
}

.info {
	font: 9px Arial, Tahoma, Helvetica, sans-serif;
	color: #999;
}

iframe {
	border: none;
	width: 490px;
	height: 350px;
	margin-left: -10px;
	margin-top: 10px;
}


/* Advertising */

a#folksam {
	display: block;
	background: url(http://www.hagabil.se/img/advert/folksam.gif) no-repeat 0 -50px;
	width: 130px;
	height: 50px;
}

a#wasa {
	display: block;
	background: url(http://www.hagabil.se/img/advert/wasa.gif) no-repeat 0 -50px;
	width: 130px;
	height: 50px;
}

a#concept {
	display: block;
	background: url(http://www.hagabil.se/img/advert/concept.gif) no-repeat 0 -50px;
	width: 130px;
	height: 50px;
	margin-bottom: 10px;
}

a#bilgaranti {
	display: block;
	background: url(http://www.hagabil.se/img/advert/bilgaranti.gif) no-repeat 0 -50px;
	width: 130px;
	height: 50px;
	margin-bottom: 10px;
}

a#fwg {
	display: block;
	background: url(http://www.hagabil.se/img/advert/fwg.gif) no-repeat 0 -50px;
	width: 130px;
	height: 50px;
}

a#folksam:hover, a#wasa:hover, a#concept:hover, a#bilgaranti:hover, a#fwg:hover {
	background-position: 0 0px;
}