body
{
	background: #fff url(img/B_body.gif) repeat-y;
	padding: 20px 0 0 0;/* 40px; /* Padding from the top of page */
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:small /* bullet proofing the text size from here - all font sizes after this use % */
}

a
{
	font-size 100%;
	text-decoration: underline;
}

a:hover
{
	color: #fff;
}

h3
{
	font-size 120%;
	text-align: center;
}
	
p
{
	margin: 15px 0 0 0;
	line-height: 1.4;
}

.container
{
	margin-left:auto;
	margin-right:auto;
	width:960px;	
	background: #9C9EA1 url(img/B_container.gif) repeat-y;
}

.container h2
{
	background: #fff url(img/B_banner.jpg) no-repeat left;
	height: 137px;
	text-indent: -9999px; /* Clears text but allows text readers to see it */
}

.container .navigation 
			{
				width:960px;
			}

.leftColumn,.rightColumn,.centerColumn,.bottomLogo
{
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px
}
			
.container .leftColumn
{
	width:60px;
	margin: 15px 0 0 1px;
}
			
.container .centerColumn
{
	width:620px;
}

.container .centerColumn #workshop /*Workshop pics on main page */
{
	float:right;
	margin: 15px 5px 200px 10px; /* Using the 100px to clear the text from under the workshop pic */
	border: 1px solid #000;
}

.container .centerColumn #Map /*google map iframe */
{
     margin-top: 10px;
     padding: 4px;
     background: #fff;
  	  border: 1px solid #000;
}

.container .rightColumn
{
	width:220px;
}

.container .rightColumn p
{
	margin-left: 15px;
}

.container .rightColumn a
{
	display: block;
	margin-top: 20px;
	text-decoration: none;
}

.container .rightColumn a:hover
{	
	background: #BEC0C2;
	text-decoration: none;
}

.container .bottomLogo
			{
				width:940px;
			}
			
/* -------------------------------------------------------------------------------------- */	
/*   Handling the Navigation bar here																	   */
/* ---------------------------------------------------------------------------------------*/
			
.container .navigation #nav {
		float: left;
		margin: 0 0 0 1px;
		padding: 0;
		width: 958px;
		list-style: none;
		background: url(img/NavRedBand.gif) repeat-x bottom left;
		}
		
.container .navigation #nav li {
			float: left;
			margin:0;
			padding:0;
			}

.container .navigation #nav a {
			float: left;
			display: block;
			margin: 2px 0 0 30px; /* This spreads the gap between the tabs*/
			padding: 4px 5px 25px 5px; /* 4px 8px; This controls the width of tab headers*/
			color: #000000;
			text-decoration: none;
			vertical-align: text-top;
			font-size: 100%; 
			font-weight: 900;
			font-variant: small-caps;
		 }

.container .navigation #nav a:hover, body#AboutUs #AboutUs a,
#nav a:hover, body#ProdPack #ProdPack a,
#nav a:hover, body#Cars #Cars a,
#nav a:hover, body#Gallery #Gallery a,
#nav a:hover, body#ContactUs #ContactUs a
 	     {
		  		color: #ED1C24 /*#DDDFE0; */
		  		/* background: #ED1C24;
		  		padding-bottom: 10px; */
		  }

/* ------------------------------------------------------------------------------------*/
/*  Prod packages page
/* ------------------------------------------------------------------------------------*/

.packages {
			float:left;
			width:600px;
			margin-top:15px;
			padding: 0;
			border:1px solid #D9E0E6;
			 }
			 
.packages h3 {
			 	 padding:5px;
				 text-align: left;
				 }

.packages img.specialspic {
		 	float:right;
			margin: 10px;
			padding: 4px;
			border: 1px solid #D9E0E6;
			}
				 					
.packages ul {
			list-style: none;	
			margin: 0;
			padding: 5px;
			font-size: 100%;
			line-height: 1.5em;
				  }

.packages li {	
			margin:0;
			padding:2px; 												
			 	 }

/* -------------------------------------------------------------------------------------*/
/* Deal with Gallery here 
/* -------------------------------------------------------------------------------------*/

/* drop shadow effect for the gallery thumbnails.*/
.img-wrapper 
	{
  	  float: left;
  	  margin: 15px 4px 0 0;
  	  /* background: url(img/shadow.gif) no-repeat bottom right; */
  	  line-height: 0;
  	  display: inline;
  	}
  
.img-wrapper img 
	{
  	  position: relative;
  	  float:none;
  	  margin:o;
  	  background: #fff;
  	  padding: 4px 4px 8px 4px;
  	  border: 1px solid #000;/* #C5BDBD; */
  	  left:-5px;
  	  top:-5px;
  	  display: inline;
  	}

/* spacer used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */
.spacer 
{
clear: both;
}

/* ------------------------------------------------------------------------------------------------------------ */

.container .bottomLogo
							{
								height:45px;
								background: url(img/BottomLogo.gif) no-repeat left;
							}

.container .footer
							{
								width: 960px;
								height:93px;
								background: #9C9EA1 url(img/B_Footer.gif) no-repeat left;
							}
			
.clear
			{	
				clear:both;
				display:block;
				overflow:hidden;
				visibility:hidden;
				width:0;height:0
			}
				
.clearfix:after
			{
			 clear:both;
			 content:' ';
			 display:block;
			 font-size:0;
			 line-height:0;
			 visibility:hidden;
			 width:0;height:0
			 }
			 
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}