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

body
{
	background: #141414 url('./images/bg.jpg') repeat-x;
	text-align: left;
	color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

a:link 
{
	text-decoration: underline;
	color: #FFFFFF;
}

a:active 
{
	text-decoration: underline;
	color: #FFFFFF;
}

a:visited 
{
	text-decoration: underline;
	color: #FFFFFF;
}
	
a:hover
{
	text-decoration: none;
	color: #FFFFFF;
}
	
a img
{
	border: 0;
}



/* Navigation Overlays */
#home
{ display: block;
  width: 118px;
  height: 39px;
  background: url('images/home.jpg') no-repeat 0 0;
  width:118px;
  height:39px;
  border:0px; }
#home:hover
{ background: url('images/homeover.jpg') no-repeat 0 0;
  width:118px;
  height:39px;
  border:0px;}
#home span { display: none; border:0px; }

#services
{ display: block;
  width: 77px;
  height: 39px;
  background: url('images/services.jpg') no-repeat 0 0;
  width:77px;
  height:39px;
  border:0px; }
#services:hover
{ background: url('images/servicesover.jpg') no-repeat 0 0;
  width:77px;
  height:39px;
  border:0px;}
#services span { display: none; border:0px; }

#faq
{ display: block;
  width: 60px;
  height: 39px;
  background: url('images/faqs.jpg') no-repeat 0 0;
  width:60px;
  height:39px;
  border:0px; }
#faq:hover
{ background: url('images/faqsover.jpg') no-repeat 0 0;
  width:60px;
  height:39px;
  border:0px;}
#faq span { display: none; border:0px; }

#products
{ display: block;
  width: 78px;
  height: 39px;
  background: url('images/products.jpg') no-repeat 0 0;
  width:78px;
  height:39px;
  border:0px; }
#products:hover
{ background: url('images/productsover.jpg') no-repeat 0 0;
  width:78px;
  height:39px;
  border:0px;}
#products span { display: none; border:0px; }

#beforeandafter
{ display: block;
  width: 106px;
  height: 39px;
  background: url('images/beforeandafter.jpg') no-repeat 0 0;
  width:106px;
  height:39px;
  border:0px; }
#beforeandafter:hover
{ background: url('images/beforeandafterover.jpg') no-repeat 0 0;
  width:106px;
  height:39px;
  border:0px;}
#beforeandafter span { display: none; border:0px; }

#gallery
{ display: block;
  width: 68px;
  height: 39px;
  background: url('images/gallery.jpg') no-repeat 0 0;
  width:68px;
  height:39px;
  border:0px; }
#gallery:hover
{ background: url('images/galleryover.jpg') no-repeat 0 0;
  width:68px;
  height:39px;
  border:0px;}
#gallery span { display: none; border:0px; }

#mobile
{ display: block;
  width: 121px;
  height: 39px;
  background: url('images/mobiledetailing.jpg') no-repeat 0 0;
  width:121px;
  height:39px;
  border:0px; }
#mobile:hover
{ background: url('images/mobiledetailingover.jpg') no-repeat 0 0;
  width:121px;
  height:39px;
  border:0px;}
#mobile span { display: none; border:0px; }

#blog
{ display: block;
  width: 56px;
  height: 39px;
  background: url('images/blog.jpg') no-repeat 0 0;
  width:56px;
  height:39px;
  border:0px; }
#blog:hover
{ background: url('images/blogover.jpg') no-repeat 0 0;
  width:56px;
  height:39px;
  border:0px;}
#blog span { display: none; border:0px; }

#contactus
{ display: block;
  width: 116px;
  height: 39px;
  background: url('images/contact.jpg') no-repeat 0 0;
  width:116px;
  height:39px;
  border:0px; }
#contactus:hover
{ background: url('images/contactover.jpg') no-repeat 0 0;
  width:116px;
  height:39px;
  border:0px;}
#contactus span { display: none; border:0px; }