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

* {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
img {
	border: none;
}
body {
	text-align: centre;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #3366ff url(images/bground2.jpg) repeat-x left top;
}
#wrapper {
	width: 992px;
	margin: 0 auto;
	text-align: left;
}
#wrapper #head {
	position: relative;
	height: 136px;
	background: url(images/headback.jpg) no-repeat left top;
}
#head #add {
	text-align: right;
	color: #ffffff;
	position: absolute;
	top: 28px;
	right: 17px;
}
#head #message {
	color: #ffffff;
	font-size: 21px;
	position: absolute;
	top: 50px;
	left: 300px;
}
#head #toptick {
	position: absolute;
	top: 25px;
	right: 250px;
}
#wrapper .demo {
	background: url(images/scrollback.jpg) no-repeat left top;
	height: 44px;
	color: #FFFFFF;
	position: relative;
	display: block;
	font-size: 18px;
}
#wrapper .demo .marquee {
	position: absolute;
	top: 5px;
	left: 15px;
}
#wrapper .demo .marquee img {
	display: inline;
	margin: 0 10px -2px 15px;
}
#wrapper #mainsection {
	position: relative;
	height: 470px;
	overflow: hidden;
}
#leftbuts {
	position: absolute;
	top: 0;
	left: 0;
	width: 191px;
}
#leftbuts li {
	float: left;
	clear: left;
	margin: 0 0 10px;
}
#stock .fadeThis {
	position:relative;
	display:block;
	height: 150px;
	width: 191px;
	background:url(images/stockup.jpg) no-repeat 0 0;
	cursor: hand;
}
#stock .fadeThis * {
  display: none;
}
#stock .fadeThis span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 150px;
	width: 191px;
	background:url(images/stockover.jpg) no-repeat 0 0;
}
#financebut .fadeThis {
	position:relative;
	display:block;
	height: 150px;
	width: 191px;
	background:url(images/financeup.jpg) no-repeat 0 0;
	cursor: hand;
}
#financebut .fadeThis * {
  display: none;
}
#financebut .fadeThis span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 150px;
	width: 191px;
	background:url(images/financeover.jpg) no-repeat 0 0;
}
#locationbut .fadeThis {
	position:relative;
	display:block;
	height: 150px;
	width: 191px;
	background:url(images/locationup.jpg) no-repeat 0 0;
	cursor: hand;
}
#locationbut .fadeThis * {
  display: none;
}
#locationbut .fadeThis span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 150px;
	width: 191px;
	background:url(images/locationover.jpg) no-repeat 0 0;
}
#rightbuts {
	position: absolute;
	top: 0;
	right: 0;
	width: 191px;
}
#rightbuts li {
	float: left;
	clear: left;
	margin: 0 0 10px;
}
#about .fadeThis {
	position:relative;
	display:block;
	height: 150px;
	width: 191px;
	background:url(images/aboutup.jpg) no-repeat 0 0;
	cursor: hand;
}
#about .fadeThis * {
  display: none;
}
#about .fadeThis span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 150px;
	width: 191px;
	background:url(images/aboutover.jpg) no-repeat 0 0;
}
#contact .fadeThis {
	position:relative;
	display:block;
	height: 150px;
	width: 191px;
	background:url(images/contactup.jpg) no-repeat 0 0;
	cursor: hand;
}
#contact .fadeThis * {
  display: none;
}
#contact .fadeThis span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 150px;
	width: 191px;
	background:url(images/contactover.jpg) no-repeat 0 0;
}
#aftersales .fadeThis {
	position:relative;
	display:block;
	height: 150px;
	width: 191px;
	background:url(images/aftersalesup.jpg) no-repeat 0 0;
	cursor: hand;
}
#aftersales .fadeThis * {
  display: none;
}
#aftersales .fadeThis span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 150px;
	width: 191px;
	background:url(images/aftersalesover.jpg) no-repeat 0 0;
}
#trans {
	position: absolute;
	top: 0;
	left: 201px;
}
#trans #plaque {
	position: absolute;
	bottom: 2px;
	left: 2px;
	background: #000033;
	width: 586px;
	height: 148px;
	z-index: 1000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

}
#foot {
	margin: 10px 0 0 0;
	border-top: 1px dotted #ffffff;
	border-bottom: 1px dotted #ffffff;
	padding: 10px 0 15px 0;
	font-size: 10px;
	color: #ffffff;
	position:relative;
	height: 48px;
}
#foot ul {

}
#foot ul li {
	display: inline;
	margin: 0 6px 0 0;
}
#foot ul li a {
	text-decoration: none;
	color: #ffffff;
}
#foot ul li a:hover {
	color: #ffff00;
	border-bottom: 1px dotted #ffff00;
}
#foot .uk {
	width: 160px;
	float: right;
	padding: 0 0 17px 0;
	display: block;
	text-decoration: none;
	color: #ffffff;
	text-align: left;
	background: url(images/globe.jpg) no-repeat right top;
}
#foot a:hover.uk {
	color: #ffff00;
}
h2 {
	height: 28px;
	line-height: 25px;
	width: 248px;
	text-indent: 20px;
	background: url(images/arrivalsback.gif) no-repeat left top;
	text-align: left;
	color: #00349a;
	font-size: 20px;
}


#RACLogo			{position: absolute;
					 left: 550px;
					 top: 10px}

/*************************** crossfader styles ******************************/

div.cf_wrapper
	{
	position: absolute;
	top: 350px;
	left: 30px;
	z-index: 1500;
	}
	
	div.cf_element
	{
		width: 550px;
		height: 300px;

	}
	
	div.cf_element div.content
	{
	color: #ffffff;
	font-size: 28px;
	font-weight: bold;
	}
	div.cf_element div.content em {
		font-weight: normal;
		font-style: normal;
		display: block;
		font-size: 24px;
	}



/*************************** end crossfader styles ******************************/

.clear {
	width: 100%;
	height: 0px;
	overflow: hidden;
	display: block;
}

#content {
	width: 992px;
	display: block;
	border-top: 1px dotted #ffffff;
	margin: 10px 0;
	height: 180px;
}
#content h2.contenth2 {
	width: 100%;
	background: none;
	font-weight: normal;
	color: #ffffff;
	padding: 10px 0 15px 0;
	margin: 0px;
	text-indent: 0px;
	display: block;
	height: auto;
}
#content h2.contenth2 em {
	display: block;
	font-style: normal;
	font-size: 12px;
	color: #ffff00;
}
#content .twocols {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	width: 486px;
}
#content .twocols p {
	padding: 0 0 15px 0;
	margin: 0px;
	font-size: 12px;
	color: #fff;
}
#content .homelink {
	float: right;
	display: block;
	height: 30px;
	width: 146px;
	line-height: 29px;
	background: url('images/homelinkback.jpg') no-repeat left top;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
}
#content a:hover.homelink {
	background-position: left bottom;
	color: #000066;
}