@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-image:url(images/bg-stripes.png);
	background-repeat:repeat-x;
	color:#000;
	
}


a:link {color:#990000; text-decoration: underline;}   
a:visited {color: #CC0000;}  
a:hover {color: #990000; text-decoration: none;}  
a:active {color: #990000;} 

/* 
====================
Div layout code 
====================
*/


#mainContainer {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	}

#contentLeft {
	position: absolute; 
	width: 310px;
	top: 160px;
	left:0;
	color: 000;
	background-color: FFF;

	}
	

#contentCenter {
	position: absolute; 
	width: 310px;
	top: 265px;
	left:330px;
	color: 000;
	}

#contentRight {
	position: absolute; 
	width: 310px;
	top: 265px;
	left:660px;
	color: 000;

	}

#contentTwoColumn {
	position: absolute; 
	width: 640px;
	top: 265px;
	left:330px;
	color: 000;
	}

#contentFlex {
	position: absolute; 
	top: 265px;
	left:330px;
	color: 000;
	overflow:visible;
	}

#contentNavigation {
	position: absolute; 
	width: 638px;
	height:200px;
	top: 50px;
	left:330px;
	color: 000;
	background-image:url(images/BG-Purple.jpg);
	background-color:#000;
	padding:0;

	}

#contentLogo {
	position:absolute;
	top:35px;
	left:-74px;
	width:378px;
	height:173px;
	}

/* 
====================
Formatting Code 
====================
*/



.innerContent {

  font-family:Geneva, Arial, Helvetica, sans-serif;
  text-align:left;
  font-size: 15px;
  padding:5px;
  }
  
 #homeContent p {padding: 0 16px;}
  
 .special {width: 48%; float:left; position:relative;}
 .left {border-left: 1px solid #8f0000;}
 .clrflt {clear:both; position:relative;} 
  
 .shopPics {

  font-family:Geneva, Arial, Helvetica, sans-serif;
  text-align:justify;
  font-size: 13px;
  padding:5px;
  margin-bottom: -8px;
  }
  
 
 .showOff {margin-top:20px; margin-left:-20px; margin-bottom:-10px; }
 #images {margin-top:0;}
 #images img { margin-top:20px; -moz-border-radius:6px;}
 
  
 .innerContent h1 {
 	font-size: 18px;
	color: #990000;
	}


#photoGallery img {
	padding:3px;
	background-color:#CCCCCC;
	border: 1px solid #333333;
	margin: 4px;
	float: left;
	position: relative;
	}

#photoGallery a:link {
	border: #333333;
	}
	
#photoGallery a:visited {border:#990000;}  
#photoGallery a:hover { border:#FF0000;}  
#photoGallery a:active {border:#990000;} 

#topReasons {margin-left:40px;}
	#topReasons li {margin-bottom:9px;}

#tuningForm input {border:1px solid #999999;
display:block;
margin-bottom:12px;
padding:5px;
width:70%; }

#tuningForm label {font-size:9pt; padding:0; margin-bottom:10px;}
#tuningForm input.submit {width:80px;}

/* 
====================
Rounded Corner Code 
====================
*/

.rounded{display:block}
.rounded *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.rounded1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d;
  background:#bfbfbf}
.rounded2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;
  background:#cecece}
.rounded3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cecece;
  border-right:1px solid #cecece;}
.rounded4{
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d}
.rounded5{
  border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf}
.roundedfg{
  background:#FFF;
}


/*
==================
Navigation Style
==================
*/

#navWrapper {
	position:absolute;
	bottom: 10px;
	left: 0px;
	height:50px;
}


#nav {
	margin: 0;
	padding: 0;
	height: 30px;
	list-style: none;
	display: inline;
	overflow: hidden;
	vertical-align:bottom;

	}

#nav ul {
	margin-left:1px;
		}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 42px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -40px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -80px;
	}

#thome a  {
	width: 127px;
	background: url(images/Nav-Home2.png) top left no-repeat;
	}

#tservices a  {
	width: 127px;
	background: url(images/Nav-Services2.png) top left no-repeat;
	}

#tvideo a  {
	width: 127px;
	background: url(images/Nav-Video2.png) top left no-repeat;
	}

#tphotos a  {
	width: 127px;
	background: url(images/Nav-Photos2.png) top left no-repeat;
	}

#tcontact a  {
	width: 128px;
	background: url(images/Nav-Contact2.png) top left no-repeat;
	}
	


/*
=============================
Shop Pics Photo Gallery Style
=============================
*/

.album{
  width:100%;
  padding: 0px;
  float:left
}
.album .imageSingle {
  float: left;
  margin: 0px;
  width:55px;
  text-align:center;
  position:relative;
}
.album .imageSingle .image {
  width:150px;
  height:150px;
  margin:3px;
}
.album .footer {
  text-align:center;
  width: 156px;
  border-top:solid 1px #333;
  color:#999;
  font-weight:bold;
  padding-top: 7px;
  padding-bottom:7px;
  margin-top: 10px;
}


/*
==================
Main Gallery Style
==================
*/


/* The links at the bottom left */
#gsNavBar {
	font-size:12px;
	}



/* .gbSiteAdminLinks is the left navigation */

#gbSiteAdminLinks ul {
	margin-left:-40px;
	padding-left:0;
	}	

#gbSiteAdminLinks li span {
	font-size: 10pt;
	color:#000000;
	}	

#gbSiteAdminLinks li ul {
	margin-left:0;
	padding-left:0;
	}	


#gbSiteAdminLinks li ul li {
	font-size: 9pt;
	color:#666666;
	list-style: none;
	margin-left:0;
	padding-left:0;
	}

#gbSiteAdminLinks li ul li a{
	color: #333333;
	}	
	

/* .gbBlock is the main content area */

.gbBlock p {
	font-size: 12px;
	}

.gbBlock h2 {
	font-size: 18px;
	color: #990000;
	}

.gbBlock h3 {
	font-size: 15px;
	color: #000000;
	}

.gbBlock {
	background-color: #FFFFFF;
	}

.gbTabBar {
	background-color:#FFFFFF;
	}
	
	
div.gbTabBar {
    font-size: 0.9em;
    font-weight: bold;
    margin: 0.8em 0 0;
    padding: 6px;
    background: url('../matrix/images/tab_bg.gif') repeat-x bottom;
    white-space: nowrap;
}

div.gbTabBar span.o {
    padding: 6px 0 5px 8px;
    background: url('../matrix/images/tab_left.jpg') no-repeat left top;
}
#gallery.IE div.gbTabBar span.o {
    display: inline-block;   /* IE loses padding-left on wrapped inline nowrap element */
    margin-bottom: 1px;      /* ..and then adds padding differently with inline-block.. */
}
/* IE may clip off the right end of a long set of tabs, so allow IE to wrap them */
#gallery.IE div.gbTabBar { padding-bottom: 0; white-space: normal; }
#gallery.IE div.gbTabBar span.giSelected { margin-bottom: 0; }

#gallery div.gbTabBar span span {
    padding: 6px 12px 5px 4px;
    background: url('../matrix/images/tab_right.jpg') no-repeat right top;
}

#gallery div.gbTabBar a {
    color: #777;
    text-decoration: none;
}

#gallery div.gbTabBar a:hover {
    color: #333;
}

#gallery div.gbTabBar span.giSelected {
    padding-bottom: 6px;
    background-image: url('../matrix/images/tab_left_on.jpg');
}

#gallery div.gbTabBar span.giSelected span {
    color: #333;
    padding-bottom: 6px;
    background-image: url('../matrix/images/tab_right_on.jpg');
}

.autoCompleteShadow {
    background-color: #a0a0a0 !important;
}