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

body {
	behavior: url("csshover3.html");	 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(mainBG.jpg);
	background-repeat: repeat-x;
	background-color: #8c9091;
	width: 100%;
	height: 100%;
}

#wrapper{
	width: 1000px !important;

	margin-left: 10px;
	overflow: hidden;
}

#leftGrad{
	margin: 0 auto;
	width: 1020px!important;
	background-image: url(leftGrad.png);
	background-repeat: repeat-y;
	position: absolute;
	left: 50%;
	margin-left: -510px;
	height: auto;
	
}

#rightGrad{
	width: 1020px!important;
	background-image: url(rightGrad.png);
	background-repeat: repeat-y;
	background-position: right;
	position: relative;

	
}


img { border:0; }
h1 { font: 1.2em Arial, Verdana, Geneva, Helvetica, sans-serif; color: #666666; padding:0; margin:0 0 5px 0;}
h2 { font: bold 1em Arial, Verdana, Geneva, Helvetica, sans-serif; color: #FF6600; padding:0; margin:0;}
#contactForm label { font: 0.8em Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000000;  padding:0; margin:0 0 20px 0;}
p { font: 0.8em Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000000;  padding:0; margin:0 0 20px 0;}
li { list-style-type: square; font: 0.8em Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000000;  padding:0; margin:0 0 10px 0; }
ol { margin: 0 0 0 25px; }
ul { margin: 0 0 0 25px; }
a {
				color: #FF9900;
				font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
a:hover { text-decoration:none; }
textarea { font: 0.8em Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000000;  padding:0; margin:0; }

select { font: 0.8em Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000000;  padding:0; margin:0; }

input { font: 0.8em Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000000;  padding:0; margin:0; }

.coltable { margin-bottom: 15px; }
.coltable TH { text-align:left; font: bold 0.8em Arial, Verdana, Geneva, Helvetica, sans-serif; }


.footer	{ font: 0.7em Arial, Verdana, Geneva, Helvetica, sans-serif; color: #333333; padding: 4px 5px 4px 15px; }
a.foot { color: #333333; text-decoration:none; }
a.foot:hover { text-decoration:underline; }
.stxt {
				font-size: 0.85em;
				color: #CC3300;
}
.txt { font: 0.8em Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000000;  padding:0; margin:0;}
.images { background: #EFEFEF; margin-bottom: 20px; }
.images TR TD P { margin:0; }


.date { 
  font: bold .9em Arial, Verdana, Geneva, Helvetica, sans-serif; 
  color: #FF6600; 
  padding:0; 
  margin:0;
  line-height: 150%;
}
.project { 
  text-align:left; 
  font: bold 0.7em Arial, Verdana, Geneva, Helvetica, sans-serif; 
  line-height: 120%;
  padding: 0;
}

.left-column-width {
  width: 438px;
}

.w249 {
  width: 249px;
}

div#project-box {
  overflow: hidden;
  zoom: 1;
  margin: 0 0 15px 0;
  width: 438px;
}

div#project-box div#content {
  margin: 4px 0 0 0;
  padding: 0;
}

div#content img {
  float: left;
  margin: 0 10px 5px 0;
  border: solid 2px black;
}

div#content p.text {
  padding: 0 5px 0 0;
}

.boutique div#project-box div#cabinets {
  float: left;
  margin: 0 96px 0 60px;
  padding: 0;
}

.boutique div#project-box div#cars {
  overflow: hidden;
  zoom: 1;
  margin: 0 0 0 30px;
  padding: 0;
  width: 220px;
}

.boutique div#project-box div#cars img{
  margin: 0 0 20px 0;
  border: solid 2px #aeafad;
}

.boutique div#project-box div#cabinets img{
  border: solid 2px #aeafad;
}

.boutique div#project-box div#cabinets div.left{
  float: left;
  width: 184px;
  height: 243px;
  margin-right: 30px;
  padding: 0;
}

.boutique div#project-box div#cabinets div.right{
  float: left;
  width: 184px;
  height: 243px;
  margin: 0;
  padding: 0;
}

.boutique div#project-box {
  width: 950px;
  height: 100%;
  overflow: hidden;
  zoom: 1;
  margin: 10px 0 0 10px;
}

.boutique div#project-box div.right p.b-text{
  padding: 10px 0 0 0;
}

.boutique div#project-box div.middle p.b-text{
  padding: 10px 0 0 0;
}

.boutique div#project-box div.left p.b-text{
  padding: 10px 0 0 0;
}
.boutique div#project-box div.left {
  float: left;
  width: 302px;
  margin-right: 12px;
}

.boutique div#project-box div.middle {
  float: left;
  overflow: hidden;
  zoom: 1;
  width: 302px;
  margin-right: 12px;
}

.boutique div#project-box div.right {
  overflow: hidden;
  zoom: 1;
  width: 302px;
  margin-right: 12px;
 }

.boutique div#project-box div#content .project { 
font: bold .9em Arial, Verdana, Geneva, Helvetica, sans-serif; 
color: #FF6600; 
padding:0; 
margin:0;
}


/*
.wevo div#maincontent {
  overflow: hidden;
  zoom: 1;
  width: 999px;
  _width: 1000px;
  margin-top: 50px;
  border-right: 1px solid #666666;
  padding: 10px 10px 10px 25px;
}

.wevo div#project-box {
  width: 650px;
  overflow: hidden;
  zoom: 1;
}
 
.wevo div#project-box div#content {
  float: left;
  width: 550px;
  margin: 0 50px 0 0;
}

.wevo div#project-box div#content-right {
  width: 100px;
  overflow: hidden;
  zoom: 1;
}

.wevo div#project-box div#cabinets div.left {
  float: left;
  margin: 0 30px 0 0;
  width: 180px;
  border: solid 1px black;
 }
 
.wevo div#project-box div#content-right img{
  margin-top: 6px;
 }
 */
 
 
.projects div#project-box {
  width: 960px;
  overflow: hidden;
  zoom: 1;
}
 
.projects div#project-box div#content {
  float: left;
  width: 700px;
  margin: 0 5px 0 0;
}

.projects div#project-box div#content-right {
  width: 249px;
  overflow: hidden;
  zoom: 1;
}

.projects div#project-box div#cabinets div.left {
  float: left;
  margin: 0 30px 0 0;
  width: 180px;
  border: solid 1px black;
 }
 
.projects div#project-box div#content-right img{
  margin-top: 6px;
 }
 
.perf-parts p.wevo a:active {
   color: #000;
 }

 .perf-parts p.wevo a:visited {
   color: #000;
 }

 .perf-parts p.wevo a:link {
   color: #000;
 }

 .perf-parts p.wevo a:hover {
   color: #000;
 }
 
 .text-area {
   border-right: solid 2px black;
 }
 
 
div#services {
  float: left;
  margin: 69px 0 0 213px;
  height: 28px;
  width: 338px;
}

.parts div.margin-r15 {
  padding-right: 30px;
}


.ep div#project-box {
  width: 960px;
  height: 100%;
  overflow: hidden;
  zoom: 1;
}
 
.ep div#project-box div.left {
  float: left;
  width: 650px;
  margin: 0 5px 0 0;
}

.ep div#project-box div.right {
  width: 300px;
  overflow: hidden;
  zoom: 1;
}

.about div#maincontent {
background: url(../img/aboutus/bg.jpg) no-repeat;
  overflow: hidden;
  zoom: 1;
  width: 999px;
  _width: 1000px;
  border-right: 1px solid #666666;
}

.about div#maincontent div.left {
  width: 656px;
  float: left;
  margin-top: 50px;
  background: #ebebeb;
  padding: 0 16px; 
}

.about div#maincontent div.right {
  width: 312px;
  height: 100%;
  overflow: hidden;
  zoom: 1;
  margin-top: 900px;
  background: red;
  border-right: 1px solid #666666;  
}

.about div#maincontent div.right div.pics{
  margin-top: 65px;
}

.perf-parts div#maincontent {
background: url(../img/aboutus/bg.jpg) no-repeat;
  overflow: hidden;
  zoom: 1;
  width: 999px;
  _width: 1000px;
  border-right: 1px solid #666666;
}

.perf-parts div#maincontent div.left {
  width: 630px;
  float: left;
  margin-top: 50px;
  background: #ebebeb;
  padding: 0 16px; 
  border: 1px solid red;  
}

.perf-parts div#maincontent div.right {
  width: 250px;
  height: 100%;
  overflow: hidden;
  zoom: 1;
  margin-top: 900px;
  background: red;
  border: 1px solid #666666;  
}

.perf-parts div#maincontent div.right div.pics{
  margin-top: 65px;
}


.wevo div#project-box div#cabinets {
  overflow: hidden;
  zoom: 1;
  margin: 0;
  padding: 0;
  margin-left: 30px;
}

.wevo div#project-box {
  width: 950px;
  overflow: hidden;
  zoom: 1;
  margin-bottom: 25px;
  
}

.wevo div#project-box div#content {
  float: left;
  width: 700px;
  margin: 0 20px 0 5px;
}

.wevo div#project-box div#content-right {
  width: 200px;
  overflow: hidden;
  zoom: 1;
}

.wevo div#project-box div#content .project { 
font: bold .9em Arial, Verdana, Geneva, Helvetica, sans-serif; 
color: #FF6600; 
padding:0; 
margin:0;
}

.wevo div#project-box div#content .date { 
  color: #000;
  text-align:left; 
  font: bold 0.7em Arial, Verdana, Geneva, Helvetica, sans-serif; 
  line-height: 120%;
  padding: 0;
}

body.performance div#box {
  border: solid 1px red;
  width: 685px;
  height: 50px;
}

.swf-box {
  position:absolute;
  top: 327;
  left: 112;
  overflow: hidden;
  zoom: 1;
  width: 549px; 
  *width: 552px; 
  height: 446px; 
  *height: 449px; 
  border: groove 4px;
}

.swf-box-out {
  position:absolute;
  top: 322;
  *top: 323;
  left: 108;
  *left: 110;
  overflow: hidden;
  zoom: 1;
  width: 560px; 
  height: 458px; 
  *height: 459px; 
  border: solid 2px #e77714;
}

.swf-box-out2 {
  position:absolute;
  top: 318;
  *top: 319;
  left: 104;
  *left: 106;
  overflow: hidden;
  zoom: 1;
  width: 568px; 
  height: 466px; 
  *height: 467px; 
  border: solid 2px #cc0000;
}

#newsRight{
	width: 860px;
	overflow:visible;
}

#newsLeft{
	width: 860px;
	overflow:visible;
}

/*
#newsLeft{
	position: relative;
	background: transparent;
	background-image: url(../img/leftGrad.png);
	background-repeat: repeat-y; 
	}
	
#newsRight{
	position: relative;
	top: 0px;
	left: 50px;
	background: transparent;
	background-image: url(../img/rightGrad.png);
	background-repeat: repeat-y; 
	background-position: right;}
*/

#news {
	
	background: white;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 555px;
	height: 144px;
	background-image: url(../img/leftGrad.png);

}

#snippets a{
				color: #FF8921;
				display: block;
				font-size: 14px;
				margin-left: 10px;
				margin-bottom: 5px;
				font-family: Arial, Helvetica, sans-serif, Verdana;
}
	
#snippets h2{
	color: white;
	margin-left: 10px;
	margin-top: 10px;}

#snippets {
				position: absolute;
				bottom: 64px;
				right: 0px;
				width: 394px;
				height: 80px;
				background-image: url(../img/newsBg.png);
				border: 0px;
				padding: 0px;
				margin: 0px;
				color: #FF6600;
}
	
#specials {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 394px;
	height: 64px;
	background-image: url(../img/newsBg.png);
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
	

	
#news p{padding-bottom: 1em;
margin: 0px;}

#carViewer{
	position: relative;
	z-index: 20;
	margin-top: -164px;
	width: 100%;
/* 	padding-left: 10px; */
	height: 352px;
	background-color: transparent;
	border-top: 1px solid white;}
	
#carViewer .panel{
	position: absolute;
	width: 100px;
	height: 350px;
	border: 1px solid #cccccc;
	overflow: hidden;
	z-index: 3;
	background-image: url(../img/panelBg.png);
	background-repeat: repeat-x;
	}
	
#carViewer #Porsche{
	left: 0px;}
	
#carViewer #Audi{
	left: 105px;}
	
#carViewer #Merc{
	left: 210px;}
	
#carViewer #VW{
	left: 315px;}
	
#carViewer #BMW{
	left: 420px;}
	

	
.panel img{
	margin-left: -200px;
}

.panel .subNav{
	position: absolute;
	top: 50px;
	left: 530px;}
	
.panel .subNav h2{
	font-size: 24pt;
	color: #CC0000;
	border-bottom: 2px solid black;
	width: 300px;
	margin-bottom: 10px;}
	
.panel .subNav ul{
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	display: block;}
	
.panel .subNav ul li{
	list-style: none;
	list-style-image: none;
	}
	
.panel .subNav ul li a{
	font-size: 12pt;
	font-weight: bold;
}
	

	
#SemanticContent{
	position: relative;
	background-color: #ebebeb;
	overflow: hidden;
	width: 1000px;}
	
.left{
	float: left;}
	
.clear{
	clear: both;}
	
.right{
	float: right;}
	
.circle{
	position: absolute;
	right: 0px;
	top: 0px;}
	
#SemanticContent img{
	display: block;}
	
#redBar{
	display: block;
	height: 46px;
	background-repeat: repeat-x;
	background-image: url(../img/sub_bg.gif);
	background-color: #666666;
	width: 1000px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#redBar h1{
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	position: absolute;
	bottom: 0px;
	left: 20px;
	display: block;
	padding: 0px;
	margin: 0px;
	}

#textCol{
	width: 630px;
	margin: 20px;
	float: left;
	z-index: 80;
	position: relative;
	background-color: #ebebeb;
	overflow: visible;
	
}

#picsCol{
	position: relative;
	float: right;
	width: 300px;}
	
#picsCol img{
	float: right;
	clear: both;
	margin: 20px;
	display: block;
	z-index: 200;
}

#picsCol img.first {
	margin-top: 230px;
}
 img#bosch1{
	position: absolute;
	left: 680px;
}

 img#bosch2{
	position: absolute;
	left: 680px;
	margin-top: 200px;
}

 img#injection1{
	position: absolute;
	left: 680px;
}

img#injection2{
	position: absolute;
	margin-top: 200px;
	left: 680px;
}

 img#logo{
	position: absolute;
	left: 680px;
}

img#brakes{
	position: absolute;
	left: 680px;
}

#picsCol img.last{
	margin-bottom: 200px;
}

.servicePictures img{
	border: 1px solid #cccccc;
}



.dash{
	margin-top: -160px;
	position: relative;
	float: right;
	z-index: 30;
	clear: both;
}

#tileTitleBox{
	position: relative;
	width: 1000px;
	height: 97px;}

.tileTitle{
	position: absolute;
	top: 73px;
	left: -120px;
	color: black;
	z-index: 4;
}

#mask{
	position: absolute;
	top: 68px;
	left: 0px;
	z-index: 9;
}

.carCaption{
	float: left;
	margin-right: 8px;
}


.carCaption img{
	border: 1px solid #cccccc;
	margin-bottom: 5px;
	
	}
	
#nav{
	float: right;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	text-decoration: none;
	color: black;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 40;
	background-image: url(../img/menuBG.png);
	height: 23px;
}

#nav a{
	text-transform: uppercase;
	text-decoration: none;
	color: black;
	font-size: 12px;
}
	
#nav li{
	border-left: 1px solid #646464;
	float: left;
	position: relative;
	list-style: none;
	z-index: 40;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

#nav li:hover{
	background-image: url(../img/menuBGon.png);
}

#nav li:hover a{
	color: white;
}

#nav li:hover ul li a{
	color: black;
}

#nav li:hover ul li:hover a{
	color: white;
}

#nav li ul{
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 23px;
	display: none;
}

#nav li:hover ul{

}



#nav li ul li{
	float: none;
	border-left: 1px solid #646464;
	border-right: 1px solid #646464;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 170px;
	padding: 4px;
	background-image: url(../img/menuBG.png);
	padding-left: 10px;
	padding-right: 10px;


	
}

#contactForm{
	position: absolute;
	width: 550px;
	left: 640px;
}

#contactForm * {
	float: left;
	clear: both;
}

#contactForm Label{
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 10px;
}

#contactForm fieldset{
border: none;
	
}

#picsCol h2{
	text-align: center;
	margin-top: 250px;
}

.serviceBlurb {
	border-top: 1px solid #cccccc;
	margin-top: 20px;
	padding-top: 20px;
	display: block;
	overflow: hidden;
	position: relative;
}

.serviceBlurb a{
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 12px;
}

.serviceBlurb img{
	float: left;
	clear: none;
	margin-right: 20px;
	border: 1px solid #cccccc;
	
}

.serviceBlurb h2{
	float: left;
	clear: right;
}

.serviceBlurb p{

}

.serviceBlurb{
	float: left;
	clear: both;
	display: block;
	width: 630px;
}

#serviceForm{
				margin-top: 20px;
				margin-left: 0px;
				padding-left: 0px;
				background-image: url(serviceBookingBG.png);
				padding: 80px 5px 20px 21px;
				width: 300px;
				background-repeat: no-repeat;
				min-height: 514px;
}

#serviceForm li{
	list-style: none;
	overflow: hidden;
}

#serviceForm li label{
				float: left;
				clear: both;
				overflow: hidden;
				color: #FFFFFF;
				font-weight: bold;
}

#serviceForm li #date{
	float: left;
	clear: both;
	overflow: hidden;
}

#serviceForm li select{
	float: left;
	clear: both;
	overflow: hidden;
}

#serviceForm li input{
	float: left;
	clear: both;
	overflow: hidden;
}

#serviceForm li select{
	font-size: 12px;
	padding: 2px;
}

#serviceForm li input{
	font-size: 12px;
	padding: 2px;
}

#serviceForm li textarea{
	float: left;
	clear: both;
	width: 250px;
	height: 120px;}