#wrapper {
	width:745px;
	margin:0 auto;
	padding:50px 11px 0 11px;
	background:#6f6f6f url(images/bg_wrap.gif) repeat-x top;
	text-align:left;}

#top {
	width:745px;
	height:77px;
	background:#f2f2f2;}

h1 {
	display:block;
	background:#f2f2f2;
	margin:0;
	padding:0;}
	h1 a {
		display:block;
		width:313px;
		height:77px;
		overflow:hidden;
		text-indent:-9999px;
		background:#f2f2f2 url(images/title.gif) no-repeat left;}
	.top_links {
		float:right;
		font-size:11px;
		margin:0;
		padding:30px 40px 0 0;
		font-family:"Franklin Gothic Medium Cond", Arial;
		color:#f2f2f2}
	.top_links a {
		color:#333;
		text-decoration:none;}
	.top_links a:hover,
	.top_links a:focus {
		color:#1d4da1;}

#content {
	width:665px;
	height:190px;
	padding:20px 40px 0 40px;
	background:#fff url(images/bg_logo.gif) no-repeat center bottom;
	color:#666;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;}
	#content #scroll {
		height:140px;
		overflow:auto;
		padding:0 30px 0 0;}

#bookcontent {
	width:665px;
	height:371px;
	max-height:391px;
	overflow:hidden;
	padding:20px 40px 0 40px;
	background:#999 url(images/bg_book.gif) repeat-x top;
	color:#fff;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;}
	#bookcontent p {
		margin-bottom:7px;
		padding:0;}

#gallerycontent {
	background:#6f6f6f url(images/bg_gall.gif) repeat-y top;
	width:694px;
	height:361px;
	padding:30px 0 0 51px;
	color:#666;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;}
	.intro {
		margin:0 0 12px 0;
		width:423px;
		height:160px;
		background:#fff url(images/bg_logo.gif) no-repeat center bottom;
		padding:65px 0 0 220px;}
	.galaxy,
	.mercedes,
	.previa,
	.sharan,
	.volvo {
		margin:0 0 12px 0;
		width:243px;
		height:195px;
		padding:30px 0 0 400px;}
	.galaxy {background:#fff url(images/car_galax.jpg) no-repeat left center;}
	.mercedes {background:#fff url(images/car_merc.jpg) no-repeat left center;}
	.previa {background:#fff url(images/car_prev.jpg) no-repeat left center;}
	.sharan {background:#fff url(images/car_shar.jpg) no-repeat left center;}
	.volvo {background:#fff url(images/car_volv.jpg) no-repeat left center;}
	.galscroll {
		height:150px;
		width:200px;
		overflow:auto;
		padding:0 10px 0 0;}

.testscroll {
	position:relative;
	width:380px;
	height:120px;
	margin:0 auto;
	padding:20px 30px 0 30px;
	overflow:auto;
	background:url(images/quote_l.gif) no-repeat top left;}
	.quoter {
		position:absolute;
		top:80px;
		left:360px;
		width:50px;
		height:50px;
		background:url(images/quote_r.gif) no-repeat bottom right;}
	.testnav {
		margin:-30px 0 0 0;}
		.testnav a {
			color:#1d4da1;}
		.testnav a:hover,
		.testnav a:focus {
			color:#000;}

.maplink {
	padding:60px 0 0 300px;
	font-weight:bold;}

#images {
	width:745px;
	height:181px;}
#page1 #images {background: url(images/bg_home.jpg);}
#page2 #images {background: url(images/bg_about.jpg);}
#page4 #images {background: url(images/bg_test.jpg);}
#page5 #images {background:url(images/bookonline.jpg);}
#page6 #images {background: url(images/bg_terms.jpg);}
#page7 #images {background: url(images/bg_terms.jpg);}

#nav {
	width:746px;
	height:36px;
	margin:0;
	padding:0;
	border-bottom:1px solid #000;}
	#nav li {
		display:block;
		float:left;
		margin:0;
		padding:0;
		list-style:none;}
		#nav li a {
			display:block;
			float:left;
			width:147px;
			line-height:34px;
			border:1px solid #ccc;
			border-right:1px solid #000;
			border-bottom:1px solid #5d5c5c;
			color:#fff;
			font-size:16px;
			font-family:"Franklin Gothic Medium Cond", Arial;
			text-align:center;
			text-decoration:none;}
			#active1 a {background:#343333;}
			#active2 a {background:#3f3f3f;}
			#active3 a {background:#4b4a4a;}
			#active4 a {background:#575656;}
			#active5 a {background:#636262;}
				#active1 a:hover,
				#active2 a:hover,
				#active3 a:hover,
				#active4 a:hover,
				#active5 a:hover,
				#active1 a:focus,
				#active2 a:focus,
				#active3 a:focus,
				#active4 a:focus,
				#active5 a:focus {
					background:#868686;
					color:#000;}

#info {
	position:relative;
	clear:both;
	width:685px;
	height:35px;
	padding:13px 30px 0 30px;
	margin:0;
	background:#868686;
	text-align:right;
	font:8px Verdana, Arial, Helvetica, sans-serif;}
	#info p {
		line-height:12px;
		margin:0;
		padding:0;}
	#info a {
		color:#fff;
		text-decoration:none;}
	#info a:hover,
	#info a:focus {
		color:#1d4da1;}
	#info .itolink {
		font:10px Verdana, Arial, Helvetica, sans-serif;
		float:left;}

#footer {
	height:31px;
	width:745px;
	margin:0;
	padding:5px 0 0 0;
	background:url(images/bg_foot.gif) right center no-repeat;}
	.css {
		float:left;
		display:block;
		width:80px;
		height:27px;
		margin:0 6px 0 0;
		overflow:hidden;
		text-indent:-9999px;
		background:url(images/w3c_css.gif)}
	.xhtml {
		display:block;
		width:80px;
		height:27px;
		margin:0 6px 0 0;
		overflow:hidden;
		text-indent:-9999px;
		background:url(images/w3c_xhtml.gif)}

body {
	background:#000;
	margin:0;
	padding:11px 0;
	text-align:center;}

h2 {
	margin:0 0 6px 0;
	padding:0;
	font:bold 17px "Franklin Gothic Medium Cond", Arial;
	color:#1d4da1;}
h3 {
	margin:0;
	padding:0;
	font:normal 11px  Verdana, Arial, Helvetica, sans-serif;}

p {
	margin:0 0 15px 0;
	padding:0;
	line-height:14px;}

img {
	border:none;
	margin:0 28px 0 0;}

a {
	color:#666;
	text-decoration:none;}
a:hover {
	color:#1d4da1;}

.floatright {float:right;}
.floatleft {float:left;}
.rightpad {padding-right:15px;}
.center {text-align:center;}
.nomargin {margin:0;}
.hidden, hr {display:none;}
.clear {clear:both;}

/* Form Styles */

.required {
	color:#fff;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 42px;}

label {
	display:block;
	float:left;
	width:150px;
	cursor:pointer;}
label:hover {
	color:#d5dde1;}

input {
	width:150px;
	height:15px;
	margin:0;
	padding:1px;
	border:1px solid #000;}

select {
	width:154px;
	margin:0;
	padding:1px;
	height:20px;
	border:1px solid #000;}

input,
select,
textarea {
	font:11px Arial, Helvetica, sans-serif;}

input:hover,
select:hover,
input:focus,
select:focus {
	background:#d5dde1}

#forml {
	float:left;}
#formr {
	float:right;}
	#forml p,
	#formr p {
		margin:0 0 7px 0;
		padding:0;}

#extrainfo {
	width:148px;
	height:101px;
	border:1px solid #000;
	background:#fff;
	margin:0;
	padding:2px;}
	#extrainfo:hover,
	#extrainfo:focus {
		background:#d5dde1;}

.formbutton {
	width:70px;
	height:20px;
	margin:0 0 0 10px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #999;
	background:#ebebeb;}
	.formbutton:hover,
	.formbutton:focus {
		color:#1d4da1;
		cursor:pointer;
		border:1px solid #000;}

#formbuttons {
	clear:both;
	margin:0;
	padding:0;
	text-align:right;}

form {
	margin:0;
	padding:0;}

#page5 h2 {
	color:#d5dde1;}
