html, body 	{ margin: 10px 0px 0px 0px; padding: 0; text-align: center; background: #000 url(http://www.brooksspeed.com/images/bg_site.jpg) center; }

#container 	{ position: relative; margin: auto; padding: 0; width: 780px; border: 0; text-align: left; background: #000; border: 1px solid #333; }

p,td	{ margin: 0; padding: 0; font-family: tahoma,arial,sans-serif; font-size: 13px; color: #333333; }
a:link, a:visited, a:hover, a:active	{ color: #a6d436; font-weight: bold; text-decoration: underline; }

h1	{ margin: 0px 0px 5px 0px; font: bold 20px arial,trebuchet ms,tahoma,arial,sans-serif; color: #a6d436; font-style: italic; }
h2	{ margin: 15px 0px 5px 0px; font: 20px arial,trebuchet ms,tahoma,arial,sans-serif; color: #a6d436; }
h3	{ margin-bottom: 0px; font: 18px arial,trebuchet ms,tahoma,arial,sans-serif; color: #a6d436; }
h4	{ margin-bottom: 0px; font: bold 15px arial,tahoma,arial,sans-serif; color: #a6d436; }
h5	{ margin-bottom: 2px; font: 14px arial,trebuchet ms,tahoma,arial,sans-serif; color: #a6d436; }
h6	{ margin-bottom: 2px; font: 10px arial,trebuchet ms,tahoma,arial,sans-serif; color: #a6d436; }

.cb		{ clear: both; height: 0px; }
.noborder	{ border: 0; }
.gborder	{ border: 1px solid #333; }
.greenboxhdr	{ margin: 10px 0px 0px 0px; padding: 6px 0px 6px 6px; color: #fff; font: bold 12px verdana,sans-serif; background: #000 url(http://www.brooksspeed.com/images/bg_navitem_mo.gif) repeat-x; border: 1px solid #333; }

.service	{ float: left; width: 300px; margin: 5px 0px 3px 0px; padding: 3px 10px 3px 5px; font: 12px arial,tahoma,sans-serif; color: #fff; }
.service2	{ float: left; width: 300px; margin: 5px 0px 3px 0px; padding: 3px 10px 3px 5px; font: 12px arial,tahoma,sans-serif; color: #fff; background: #1b1b1b; }
.price		{ float: left; width: 130px; margin: 5px 0px 3px 0px; padding: 3px 10px 3px 5px; text-align: right; font: 12px arial,tahoma,sans-serif; color: #fff; }
.price2		{ float: left; width: 130px; margin: 5px 0px 3px 0px; padding: 3px 10px 3px 5px; text-align: right; font: 12px arial,tahoma,sans-serif; color: #fff; background: #1b1b1b;}

.servicesmall	{ float: left; width: 300px; margin: 5px 0px 5px 0px; padding: 5px 10px 5px 5px; font: 11px arial,tahoma,sans-serif; color: #fff; border-top: 1px dashed #333; }
.pricesmall	{ float: left; width: 130px; margin: 5px 0px 5px 0px; padding: 5px 0px 5px 0px; text-align: right; font: 11px arial,tahoma,sans-serif; color: #fff; border-top: 1px dashed #333; }

.arrow		{ clear: both; margin: 0; padding: 0; }
.arrow ul	{ clear: both; margin: 0; padding: 0; list-style-type: none; } 
.arrow li	{ margin: 0; padding: 0; list-style-type: none; font: bold 11px arial,tahoma,sans-serif; color: #333; display: inline; line-height: 20px; }
.arrow a	{ margin: 0; padding: 2px 5px 2px 18px; display: inline; background: transparent url(http://www.brooksspeed.com/images/i_arrow.gif) no-repeat; background-position: 0% 50%; }
.arrow a:hover	{ text-decoration: underline; }

.arrow2		{ clear: both; margin: 0; padding: 0; }
.arrow2 ul	{ clear: both; margin: 0; padding: 0; list-style-type: none; } 
.arrow2 li	{ margin: 0; padding: 2px 5px 2px 18px; font: 13px arial,tahoma,sans-serif; color: #ccc; display: block; line-height: 20px; background: transparent url(http://www.brooksspeed.com/images/i_arrow2.gif) no-repeat; background-position: 0% 50%; }

.carleft	{ float: left; margin: 15px 0px 5px 0px; padding-right: 10px; width: 380px; }
.carright	{ float: left; margin: 15px 0px 5px 0px; width: 325px; }
.carright img	{ border: 1px solid #ccc; }

/* navigation */

#navlist		{ margin: 0; padding: 0; list-style: none; }
#navlist ul		{ margin: 0; padding: 0; list-style: none; }
#navlist li		{ float: left; position: relative; display: inline; }
#navlist li a		{ display: block; margin: 0; padding: 10px 10px 8px 10px; background: #000 url(http://www.brooksspeed.com/images/bg_navoff.jpg) repeat-x; font: bold 13px arial,tahoma,sans-serif; color: #fff; border-right: 1px solid #b3b3b3; text-decoration: none; }
#navlist li a:hover	{ background: #000 url(http://www.brooksspeed.com/images/bg_navon.jpg) repeat-x; text-decoration: underline; }


/* main divs */

#header			{ margin: 0; padding: 0; width: 780px; background: #000; height: 160px; }
#navigation		{ position: relative; float: left; margin: 0; padding: 0; width: 780px; background: #000 url(http://www.brooksspeed.com/images/bg_navoff.jpg) repeat-x; border-bottom: 1px solid #666; }
#main			{ margin: 0; padding: 0; width: 750px; padding: 10px 10px 0px 20px; background: #000; font: 13px tahoma,arial,sans-serif; }
#colone			{ float: left; margin: 0; padding: 0; width: 460px; color: #fff; background: #000 url(http://www.brooksspeed.com/images/bg_leftcol.jpg) repeat-x; }
#coltwo			{ float: left; margin: 0; padding-left: 20px; width: 230px; color: #fff; }
#coltwo a:link, #coltwo a:visited, #coltwo a:hover, #coltwo a:active	{ color: #16c062; font-weight: bold; text-decoration: underline; }

#footer			{ clear: both; float: left; margin: 0; padding: 30px 10px 10px 30px; width: 740px; height: 55px; background: #000; border-top: 1px solid #666; }
#footl			{ float: left; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 10px; font: 10px arial,tahoma,sans-serif; color: #fff; }
#footr			{ float: right; margin: 10px 15px 15px 5px; padding: 0; color: #999; font: 10px arial,tahoma,sans-serif; text-align: right; }
#footr a:link		{ font: bold 10px tahoma,arial,sans-serif; color: #fff; text-decoration: none; }
#footr a:visited	{ font: bold 10px tahoma,arial,sans-serif; color: #fff; text-decoration: none; }
#footr a:hover		{ text-decoration: underline; }


/* styles */

p.front			{ font: 12px lucida grande,arial,tahoma,sans-serif; color: #f2f2f2; line-height: 17px; width: 95%; }
p.front a:link		{ font: bold 12px lucida grande,arial,tahoma,sans-serif; color: #f2f2f2; text-decoration: underline; }
p.front a:visited	{ font: bold 12px lucida grande,arial,tahoma,sans-serif; color: #f2f2f2; text-decoration: underline; }
p.front a:hover		{ font: bold 12px lucida grande,arial,tahoma,sans-serif; color: #f2f2f2; text-decoration: underline; }
p.front a:active	{ font: bold 12px lucida grande,arial,tahoma,sans-serif; color: #f2f2f2; text-decoration: underline; }


/* form */

form		{ display: inline; margin: 0; padding: 0; }
label.cform	{ float: left; width: 110px; margin: 0; padding: 6px; font: bold 12px lucida grande,arial,tahoma,sans-serif; color: #999; text-align: right; }
.cfloat		{ float: left; width: 300px; margin: 0; padding: 5px; }
.ctext		{ font: 11px arial,sans-serif; width: 250px; margin: 0; }
.button		{ padding: 5px; color: #fff; font: bold 12px verdana,sans-serif; background: #000 url(http://www.brooksspeed.com/images/bg_navon.jpg) repeat-x; }

/* stylish quotes */

blockquote {
	text-indent: 25px;
	background: url(http://www.brooksspeed.com/images/quotes1.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
}

blockquote p {
	display: inline;
	margin: 0;
	padding-right: 24px;
	color: #f2f2f2;
	font-size: 12px;
	line-height: 18px;
	background: url(http://www.brooksspeed.com/images/quotes2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}



/* swap tabs */

#tabs {
	margin: 0; padding: 10px 0px 0px 0px;
	list-style: none;
	border-bottom: 1px solid #999;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-right: 6px;
	background-color: #333;
	text-decoration: none;
	color: #ccc;
	border-top: 3px solid #999;
}

#tabs a.active-tab {
	background-color: #3e3e3e;
	border-top: 3px solid #fff;
	color: #fff;
}

.panel.active-tab-body {
	display: block;
}

.panel {
	clear: both;
	display: none;
	background-color: #000;
	padding: 5px 10px 10px 10px;
}