#rollovers
{
text-align: left;
}



/*
Rollover CSS starts here
*/

#home
{
  display: block;
  width: 94px;
  height: 45px;
  background: url("images/home.jpg") no-repeat 0 0;

}

#home:hover
{ 
  background-position: 0 -45px;


}

#home span
{
  display: none;

}



#restoration
{
  display: block;
  width: 156px;
  height: 51px;
  background: url("images/resto.jpg") no-repeat 0 0;

}

#restoration:hover
{ 
  background-position: 0 -51px;
}

#restoration span
{
  display: none;
}

#projects
{
  display: block;
  width: 123px;
  height: 49px;
  background: url("images/projectsbutton.jpg") no-repeat 0 0;

}

#projects:hover
{ 
  background-position: 0 -49px;
}

#projects span
{
  display: none;
}

#racing
{
  display: block;
  width: 107px;
  height: 51px;
  background: url("images/racing.jpg") no-repeat 0 0;

}

#racing:hover
{ 
  background-position: 0 -51px;
}

#racing span
{
  display: none;
}



#gallery
{
  display: block;
  width: 110px;
  height: 53px;
  background: url("images/gallery.jpg") no-repeat 0 0;

}

#gallery:hover
{ 
  background-position: 0 -53px;
}

#gallery span
{
  display: none;
}





#insurance
{
  display: block;
  width: 142px;
  height: 51px;
  background: url("images/insure.jpg") no-repeat 0 0;

}

#insurance:hover
{ 
  background-position: 0 -51px;
}

#insurance span
{
  display: none;
}



#shoptour
{
  display: block;
  width: 156px;
  height: 54px;
  background: url("images/shoptour.jpg") no-repeat 0 0;

}

#shoptour:hover
{ 
  background-position: 0 -54px;
}

#shoptour span
{
  display: none;
}


#glossary
{
  display: block;
  width: 123px;
  height: 49px;
  background: url("images/glossary.jpg") no-repeat 0 0;

}

#glossary:hover
{ 
  background-position: 0 -49px;
}

#glossary span
{
  display: none;
}


#testimonials
{
  display: block;
  width: 170px;
  height: 47px;
  background: url("images/test.jpg") no-repeat 0 0;

}

#testimonials:hover
{ 
  background-position: 0 -48px;
}

#testimonials span
{
  display: none;
}


#performance
{
  display: block;
  width: 173px;
  height: 48px;
  background: url("images/performance.jpg") no-repeat 0 0;

}

#performance:hover
{ 
  background-position: 0 -45px;
}

#performance span
{
  display: none;
}



#contact
{
  display: block;
  width: 118px;
  height: 45px;
  background: url("images/contact.jpg") no-repeat 0 0;

}

#contact:hover
{ 
  background-position: 0 -45px;
}

#contact span
{
  display: none;
}



/*
Rollover CSS ends here
*/





* {
	margin:0;
	padding:0
}
p {
	margin:0 0 1em 0;
	position:relative;
}/*opera 8 needs the position:relative on the inner content but opera 9 doesn't */
body {
	background:url(images/back.jpg);

background-color:#000000;
font-family:arial;
color:black;
font-size:16px;
}

#wrapper {
	width:943px;
	margin:0px auto 0;
	padding:0;
	z-index:1;
	position:relative;
}


ul
{
position:relative;
list-style-type:none;
padding:0px;
margin:0px;
}
li
{
background-image:url(images/bullet.gif);
background-repeat:no-repeat;
background-position:24px 8px; 
padding-left:40px;
}


#top
{
height:258px;
background:url(images/top.jpg);
background-repeat:no-repeat;
}

#address
{
font-size:12px;
padding:16px;
float:left;
font-weight: bold;
}

#FBlarge
{
margin:1px 1px 1px 17px;
font-size:12px;
font-weight: bold;
}

#FBtop
{
padding:16px;
float:left;
margin:-24px -13px 0 -19px;
}

#eventsheader
{
font-size:21px;
color: #64110b;
padding:16px 16px 16px 46px;
float:center;
font-weight: bold;
}

#events
{
font-size:11px;
text-align: left;
width: 150px;
}

#toplinks
{
font-size:14px;

padding:16px;
float:right;
}

#logo
{
margin-top:-160px;
margin-left:30px;
width:374px;
height:132px;
background:url(images/logo.png);
background-repeat:no-repeat;
float:left;
}

#car
{
margin-top:-180px;
margin-right:10px;
width:475px;
height:175px;
background:url(images/car.png);
background-repeat:no-repeat;
float:right;
}



#shadow
{
margin-bottom:-2px;
background:url(images/shadow.jpg);
background-repeat:no-repeat;
height:16px;
}

#footer 
{
padding:13px;
margin-bottom:35px;
height:48px;
text-align: center;
z-index:5;
height:25px;
background:#64110b;
color:white;
}

#footer a:link {color: white;}
#footer a:visited {color: white;}
#footer a:hover {color: #d1b17e;}
#footer a:active {color: white;}




#outer {
	background:url(images/left.jpg);

	width:943px;
	clear:both;
	z-index:4;
}
#left, #right {
	width:200px;
	z-index:1;
	position:relative;
	float:left;
	margin:5px 0 0 11px;
	display:inline;
	border-right:0px solid #000;
}

#content {
	width:720px;
	float:left;
	margin:0 0 0 2px;
	display:inline;
	position:relative;
	z-index:1;


}
.col {
	width:200px;
	position:absolute;
	z-index:0;
	left:10px;


}

.two {
	left:222px;
	width:707px;
}

}
html>body .col {
	top:0
}/* hide from ie6 and under*/
.clearer {
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
/* Note I haven't bothered with box model hacks but you will need to do them for ie5.+ if it worries you */
</style>
<!--[if lt IE 7]>
<style type="text/css">
/* the only hacks in this code are here */
.col{height:1000em;}
/*ie5 needs this */

#outer{overflow:hidden;}
</style>
<![endif]-->