html			{height: 100%;
			margin: 0;
			padding: 0;
			background: white url(../images/bgfade1.gif) top left repeat-y}

body			{font-family: Verdana, sans-serif;
			font-size: 15px;
			color: #333;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			background: transparent url(../images/bgfade2.gif) top right repeat-y}

div			{margin: 0;
			padding: 0}

img			{border: 0;
			margin: 0;
			padding: 0}

a
{
 	color: #007;
	font-weight: normal;
}

a:hover	
{
 	color: red;
}

a:active
{
	outline: none;
}

a:focus
{
	-moz-outline-style: none;
}

h1,h2			{background: transparent url(../images/redbolt.gif) 2px 8px no-repeat;
			padding: 5px 0 5px 30px;
			margin: 0;
			font-size: 26px;
			line-height: 26px}

h3,h4			{background: transparent url(../images/redspanner.gif) 2px 4px no-repeat;
			padding: 5px 0 5px 30px;
			margin: 0;
			font-size: 20px;
			line-height: 20px}

h5,h6			{padding: 5px 0;
			margin: 0;
			font-size: 16px}

p			{text-indent: 30px;
			font-size: 1.1em;
			background: transparent url(../images/redcross.gif) top left no-repeat;
			margin: 12px 0}

address			{font-weight: bold;
			font-style: normal;
			margin-left: 20px;
			color: #555}

div#mainwrapper		{width: 850px;
			height: 100%;
			margin: auto;
			position: relative;
			display: block;
			overflow: hidden;
			border-left: 1px solid red;
			border-right: 1px solid red;
			background: white url(../images/chromebeetle.jpg) 0 160px no-repeat}

body.news div#mainwrapper
			{background-image: url(../images/chromebeetle7.jpg)}

body.services div#mainwrapper
			{background-image: url(../images/chromebeetle4.jpg);
			overflow-x: visible}

html>body.services div#mainwrapper
			{overflow: visible}

body.history div#mainwrapper
			{background-image: url(../images/chromebeetle5.jpg)}

body.faqs div#mainwrapper
			{background-image: url(../images/chromebeetle6.jpg)}

body.meetus div#mainwrapper
			{background-image: url(../images/chromebeetle3.jpg)}

body.contact div#mainwrapper
			{background-image: url(../images/chromebeetle2.jpg)}

div#top-panel		{border-bottom: 1px dashed red;
			height: 150px;
			background: transparent url(../images/exhaust-spec.jpg) 440px 10px no-repeat}

div#top-panel:after	{content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden}

div#top-panel		{display: inline-block;}

	/* Hides from IE-mac \*/

div#top-panel		{display: block;}

	/* End hide from IE-mac */

div#logo		{width: 320px;
			height: 130px;
			margin: 10px;
			display: block;
			overflow: hidden;
			float: left;
			text-indent: -640px}

* html div#logo		{margin-left: 5px}

div#logo a:link,
div#logo a:visited	{display: block;
			width: 320px;
			height: 130px;
			background: transparent url(../images/vslogo.gif) 0 0 no-repeat}

div#logo a:hover	{background-position: 0 -130px}

div#nav			{float: left;
			text-align: right;
			margin-top: 12px;
			width: 100px;
			height: 138px;
			overflow: hidden}

ul#navlist		{list-style: none;
			padding: 0;
			margin: 0;
			font-size: 14px;
			font-weight: bold;
			line-height: 17px}

#nav a,
#nav a:link,
#nav a:visited		{background: transparent url(../images/redspanner-small.gif) 0 40px no-repeat;
			padding-left: 20px;
			overflow: hidden;
			text-decoration: none;
			color: black;
			font-weight: bold}

#nav a:hover		{background-position: 0 4px;
			color: red}

body.index a#index:visited,
body.news a#news:visited,
body.services a#services:visited,
body.history a#history:visited,
body.faqs a#faqs:visited,
body.meetus a#meetus:visited,
body.contact a#contact:visited
			{background: transparent url(../images/redbolt-small.gif) 0 4px no-repeat;
			padding-left: 20px;
			overflow: hidden;
			color: red}

div#content		{display: block;
			width: 790px;
			padding: 0 20px 0 40px;
			position: relative;
			overflow: visible;
			overflow-y: scroll}

* html div#content	{width: 770px;
			padding-right: 40px}

html:first-child div#content
			{overflow: scroll}

p.date			{color: #007;
			font-size: 10px;
			line-height: 10px;
			margin: 0;
			padding: 0;
			background: none}

div.services		{border-top: 1px dashed red}

div.services:after	{content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden}

div.services		{display: inline-block;}

	/* Hides from IE-mac \*/

div.services		{display: block;}

	/* End hide from IE-mac */

div.services img	{float: right;
			clear: right;
			margin: 2px;
			border: 1px dashed red}

p.services		{display: block;
			padding: 0;
			margin: 0 0 10px 30px}

p.s-footer		{border-top: 1px dashed red;
			padding: 10px 0;
			background-position: 0 10px;
			font-weight: bold}

div#breadcrumbs		{display: block;
			width: 100%;
			height: 10px;
			position: absolute;
			bottom: 0;
			overflow: hidden;
			border-top: 1px dashed red;
			background: white}

* html div#breadcrumbs	{bottom: -1px}

ul#mini-nav		{list-style: none;
			width: 60%;
			padding: 0;
			margin: 0 auto}

ul#mini-nav li		{padding-right: 15px;
			margin: 0;
			display: block;
			float: left;
			font-size: 10px;
			font-weight: bold;
			line-height: 10px}

#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited	{text-decoration: none;
			color: #555;
			font-weight: bold}

#breadcrumbs a:hover	{color: red}

div.textbox-right,
div.textbox-left	{width: 200px;
			margin-top: 50px;
			border: 1px dashed red;
			display: block;
			float: right;
			background: transparent url(../images/trans-white.png) repeat}

div.textbox-left	{float: left;
			margin-top: 0}

* html div.textbox-right,
* html div.textbox-left	{background: #fff none;
			margin-right: -10px;
			filter: alpha(opacity=50)}

* html div.textbox-right *,
* html div.textbox-left *
			{position: relative;
			filter: alpha(opacity=100)}

img.historylarge	{float: left;
			border: 1px dashed red;
			margin: 5px}

div.addressbox		{border: 1px dashed red;
			display: block;
			width: 400px;
			padding: 5px;
			background: transparent url(../images/trans-white.png) repeat}

div.addressbox a	{font-weight: bold}

* html div.addressbox	{background: #fff none;
			filter: alpha(opacity=50)}

* html div.addressbox *	{filter: alpha(opacity=100);
			position: relative}

div.contactform		{border: 1px dashed red;
			display: block;
			padding: 5px;
			margin: 5px;
			background: transparent url(../images/trans-white.png) repeat}

* html div.contactform	{background: #fff none;
			filter: alpha(opacity=50)}

div.textbox-header	{border-bottom: 1px dashed red;
			text-align: center;
			display: block}

* html div.textbox-header
			{height: 1px;
			border-bottom: 1px dashed red}

div.textbox-content p	{text-indent: 2px;
			font-size: 12px;
			padding: 2px;
			margin: 2px;
			font-style: italic}

div.textbox-content h3	{font-size: 14px}

div.textbox a:hover	{color: #c00}

div#emailpanel		{display: block;
			overflow: hidden;
			position: absolute;
			right: 65px;
			width: 202px;
			height: 42px;
			z-index: 100}

div#emailpanel a:link,
div#emailpanel a:visited
			{width: 202px;
			height: 42px;
			display: block;
			text-indent: -500px;
			overflow: hidden;
			background: transparent url(../images/vsemail.gif) 0 0 no-repeat}

div#emailpanel a:hover	{background-position: 0 -42px}

body.index div#map	{display: block;
			border: 1px dashed red;
			float: right;
			clear: right;
			width: 200px;
			height: 150px;
			overflow: hidden;
			margin-top: 10px}

body.contact div#map	{display: block;
			border: 1px dashed red;
			float: right;
			width: 300px;
			height: 300px;
			overflow: hidden;
			margin-top: 16px}

div.indexrightpanel	{float: right;
			display: block;
			margin-left: 5px;
			width: 200px}

* html div.indexrightpanel
			{margin-right: -10px}

div.indextopleft	{float: left;
			display: block;
			margin: 10px 4px 0 0}

div.indextopleft img	{border: 1px dashed red}

div.indextext		{float: left;
			width: 400px}

div.newsrow		{border-top: 1px dashed red}

div.newsrow:after	{content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden}

div.newsrow		{display: inline-block;}

	/* Hides from IE-mac \*/

div.newsrow		{display: block;}

	/* End hide from IE-mac */

div.newsrow img		{float: right;
			margin: 2px;
			border: 1px dashed red}

div.team		{border-top: 1px dashed red;
			margin: 5px 0;
			padding-top: 5px}

div.team:after		{content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden}

div.team		{display: inline-block;}

	/* Hides from IE-mac \*/

div.team		{display: block;}

	/* End hide from IE-mac */

div.team img		{float: left;
			margin: 2px;
			border: 1px dashed red}

div.team h6		{display: block;
			float: left;
			width: 190px;
			font-weight: bold;
			font-size: 1.1em;
			padding: 0;
			margin: 0;
			line-height: 20px}

div.team p		{line-height: 20px;
			padding: 0 0 0 10px;
			text-indent: 0;
			margin: 0;
			display: block;
			float: left;
			width: 300px}

div.teamtext		{display: block;
			float: left;
			width: 500px;
			margin-left: 6px}

* html div.teamtext	{margin-left: 3px}

div.services-panel	{position: absolute;
			top: 180px;
			left: -65px;
			width: 100px;
			display: block;
			overflow: hidden}

div.services-panel ul	{list-style: none;
			text-indent: -500px;
			padding: 0;
			margin: 0;
			line-height: 12px}

div.services-panel li	{margin: 0;
			padding: 0}

div.services-panel a:link,
div.services-panel a:visited
			{width: 100px;
			margin: 0;
			padding: 0;
			display: block;
			font-size: 0}

a#toplink:link, a#toplink:visited
			{background: transparent url(../images/service1.gif) no-repeat;
			height: 20px}

a#servicinglink:link, a#servicinglink:visited
			{background: transparent url(../images/service2.gif) no-repeat;
			height: 20px}

a#motlink:link, a#motlink:visited
			{background: transparent url(../images/service3.gif) no-repeat;
			height: 20px}

a#electricallink:link, a#electricallink:visited
			{background: transparent url(../images/service4.gif) no-repeat;
			height: 30px}

a#accidentlink:link, a#accidentlink:visited
			{background: transparent url(../images/service5.gif) no-repeat;
			height: 30px}

a#electroniclink:link, a#electroniclink:visited
			{background: transparent url(../images/service6.gif) no-repeat;
			height: 30px}

a#airconlink:link, a#airconlink:visited
			{background: transparent url(../images/service7.gif) no-repeat;
			height: 30px}

a#toplink:hover, a#servicinglink:hover,
a#motlink:hover, a#electricallink:hover,
a#accidentlink:hover, a#electroniclink:hover,
a#airconlink:hover
			{background-position: -100px 0}

div.faq			{border-top: 1px dashed red;
			clear: both;
			margin: 0}

div.faq:after		{content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden}

div.faq			{display: inline-block;}

	/* Hides from IE-mac \*/

div.faq			{display: block;}

	/* End hide from IE-mac */

div.faq h3		{width: 210px;
			float: left;
			line-height: 1.2em;
			font-size: 18px}

p.name			{background: none;
			text-indent: 0;
			font-size: 14px;
			font-style: italic;
			font-weight: bold;
			color: #007;
			margin: 0 0 0 30px !important;
			margin: 0 0 0 15px;
			float: left;
			width: 210px !important;
			width: 180px;
			padding: 0;
			clear: left}

div.faq-leftcol		{display: block;
			float: left;
			width: 240px;
			padding: 0;
			margin: 0}

div.faq-leftcol:after	{content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden}

div.faq-leftcol		{display: inline-block}

	/* Hides from IE-mac \*/

div.faq-leftcol		{display: block}

	/* End hide from IE-mac */

div.faq-rightcol	{display: block;
			float: right;
			clear: none;
			width: 490px;
			padding: 0 0 0 10px;
			margin: 0;
			border-left: 1px dashed red}

div.contactform p	{font-size: 10px}

div#champion		{border: 1px dashed red;
			margin-top: 10px;
			float: right;
			clear: right;
			display: block;
			width: 200px;
			height: 36px}

div.webdesign		{width: 300px;
			display: block;
			float: right}

div.webdesign p		{font-size: 10px}

div.vsphone		{display: block;
			width: 500px;
			height: 104px;
			margin: auto}
			
div.flashbox		{display: block;
			width: 720px;
			height: 475px;
			margin: auto;
			border: 1px dashed red;
			clear: both}