@charset "UTF-8";
body {
	font-family: Arial, Helvetica, Sans-Serif;
	background: #003399;
	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 */
	color: #000;
}

.hide {padding: 0;
	margin: 0;
	text-indent: -9999px;}
	
#skipnav, #tw_title {
	font-size: 0px;
}

#tw_title {
	font-size: 0px;
}
	
span {
	font-style: italic;
}

.oneColCentered #container {
	width: 800px;
	background: #333;
	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. */
}

/* header styles */
#header {
	margin: 0;
	padding: 0;
	overflow: hidden; /* this moves the header much closer to the top of the browser window */
}

#logo_area {
	margin: 0;
	padding: 0;
	width: 250px;
	height: 215px;
	float: left;
	background-color: #000;
	padding-right: 550px;
}

#logo_area img.top {
	margin: 14px 0 0 18px;
}

#logo_area img.bottom {
	margin: 0;
}

/* These are here for reference only. Actual CSS added to the jd.gallery.css file 

#myGallery {
	margin: 0 0 0 -550px;
	float: right;
	overflow: hidden;
}
*/

#topnav {
	margin: 0;
	padding: 0;
	clear: both;
	background: url(../graphics/common/silverbar.png) repeat-x; /* may need to replace in IE 6 */
	height: 60px;
}

#header .navbar {
	margin: 0;
	padding: 7px 0 0 0;
	height: 45px;
	text-align: center;
	/* padding: 0 246px??? ; IE7 only on separate CSS file */
}

#header ul li {
	margin: 0;
	list-style-type: none;	
}

#header ul.navbar li {
	display: inline; /* float left; IE7 only on separate CSS file */
	margin: 0 1.2em;
	line-height: 2em;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

a {
	color: #330099;
	text-decoration: none;
}

a:hover {
	color: gray; /*  #6633FF and 009900 are also a decent colors */
	cursor: pointer;
}

	
/* end header styles */

#mainContent {
	width: 800px;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* start main content area styles */

#mainContent .bold {
	font-weight: bold;
}

#mainContent h1, #mainContent h2 {
	font-size: 24px;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	font-weight: bold;
	/*font-variant: small-caps;*/
	display: block;
	background: #FFF;
	color: #330099;
	line-height: 36px;
	text-align: center;
	overflow: auto;	
}

#mainContent h3 {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	font-variant: small-caps;
	/* text-transform: uppercase; */
	margin-bottom: 10px;
	display: block;
	background: #330099;
	color: #FFF;
	line-height: 24px;
	padding-left: 10px;
	overflow: auto;
}

#mainContent .basic h1, #mainContent .basic h2 {
	/* padding-left: 10px; */
}

#mainContent .basic, #mainContent .emp {
	margin: 0;
	margin: 0 15px 15px 15px;
	padding: 15px;
	border: 1px solid #eee;
	background: gray;
	background: gray center center url(../graphics/backgrounds/convertible.jpg) no-repeat;
	text-align: left;
}

#mainContent p, #mainContent .basic ul, #mainContent .basic li, #mainContent .emp ul, #mainContent .emp li {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 14px;
	line-height: 22px;
}

#mainContent p {
	margin-bottom: 10px;
}

#mainContent .basic ul, #mainContent .emp ul {
	margin-bottom: 10px;
	list-style-type: none;
}

#mainContent .basic ul.last,#mainContent .emp ul.last {
	margin-bottom: 0;
}

#mainContent .basic a:hover, #mainContent .emp a:hover {
	color: red;
	text-decoration: underline;
}

#mainContent .basic h6 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	font-variant: small-caps;
	margin-bottom: 10px;
	display: block;
	background: #330099;
	color: #FFF;
	line-height: 24px;
	padding-left: 10px;
	overflow: auto;
}

#mainContent #size1 {
	width: 450px; /* 345px to split right down the middle */
	height: 240px;
	float: left;
	/* overflow: hidden; */
	margin: 0 0 15px 15px;
}

#mainContent #size2 {
	width: 240px; /* 345px to split right down the middle */
	height: 240px;
	float: right;
	/* overflow: hidden; */
	margin: 0 15px 15px 0;
}

/* start employment page styles ========================================== */

#mainContent .emp {
	background: #FFF;
}

#mainContent .emp ul.bullets {
	list-style-type: square;
}

#mainContent .emp ul.bullets li {
	margin-left: 20px;
}

/* end employment page styles ============================================ */


/* NOTE: tab styles are in a separate simpletabs.css file */

/* start services styles */

.serviceContainer {
	margin: 0;
	border: 1px white solid; /* dotted when bg is gray */
	padding: 10px;
	overflow: auto;
}

.services1 {
	background: gray center center url(../graphics/backgrounds/golf.jpg) no-repeat; /* good */
}

.services2 {
	background: gray center top url(../graphics/backgrounds/windingroad.jpg) no-repeat; /* good enough*/
}

.services3 {
	background: gray center bottom url(../graphics/backgrounds/repairs.jpg) no-repeat; /* good might use color tones */
}

.services4 {
	background: gray center top url(../graphics/backgrounds/chrome_rim_bg.jpg) no-repeat; /* good enough - might use less fading*/
}

.services5 {
	background: gray center center url(../graphics/backgrounds/misc.jpg) no-repeat; /* good */
}

#green_service {
	background: gray center center url(../graphics/backgrounds/green.jpg) no-repeat; /* good */
}

.serviceContainer img {
	float: right;
	margin: 0 0 15px 15px;
	padding: 3px;
	border: 3px  #330099 solid;
	background: #FFF;
	clear: both;
}

div.brandlogos {
	clear: both;
}

.brandlogos img {
	float: left;
	margin: 0 0 15px 15px;
	padding: 3px;
	border: 3px  #330099 solid;
	background: #FFF;
	clear: none;
}

h5.toggler, h5.toggler2, h5.toggler3, h5.toggler4, h5.toggler5, .serviceContainer h5, .serviceContainer h6, .serviceContainer p, .serviceContainer ul, .serviceContainer li {
	margin: 0;
	padding: 0;
}

.serviceContainer h5, h5.toggler, h5.toggler2, h5.toggler3, h5.toggler4, h5.toggler5 {
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	margin-bottom: 10px;
	display: block;
	background: #FFF;
	color: #330099;
	line-height: 28px;
	padding-left: 10px;
	overflow: auto;
}

h5.toggler, h5.toggler2, h5.toggler3, h5.toggler4, h5.toggler5 {
	margin: 0;
	margin-top: 10px;
	cursor: pointer;
}

h5.toggler a:hover, #green1 a:hover {
	color: gray;
	display: block;
}

.serviceContainer h6 {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	font-variant: small-caps;
	/* text-transform: uppercase; */
	margin-bottom: 10px;
	display: block;
	background: #330099;
	color: #FFF;
	line-height: 24px;
	padding-left: 10px;
	overflow: auto;
}

.serviceContainer ul {
	list-style-type: square;
}

.serviceContainer ul li {
	margin-left: 20px;
	line-height: 24px;
}

.serviceContainer p {
	margin-bottom: 10px;
}

.serviceContainer .green, #green1 a {
	color: #33CC66;
}

.serviceContainer span.green {
	color: #009966;
}

.serviceContainer .greenbg {
	background-color: #33CC66;
}

/* speedo testing =============================*/

#odoContainer1 {
	background: #FFF center center url(../graphics/odometer/istockspeedometer.jpg) no-repeat;
	width: 200px;
	height: 198px;
	cursor: pointer;
}

#odometer1 {
	/* position: relative; */
	top: 145px;
}

#odoContainer1 {
	float: right;
	margin: 0 15px 15px 0;
	margin: 0 0 15px 15px;
	padding: 3px;
	border: 3px  #003399 solid;
	clear: both;
}

.miles_container {
	margin: 0;
	padding: 0 0 0 10px;
	float: right;
	width: 212px;
	clear: both;
}

.miles_container p {
	margin: 0;
	padding: 0;
	clear: both;
}

/* speedo testing =============================*/

/* end services styles */

/* start email styles */


p#antispam {
	unicode-bidi: bidi-override;
	direction: rtl;
}

li#antispam {
	unicode-bidi: bidi-override;
	direction: rtl;
}

.antispam2 {
	display: none;
}

/* end email styles */

/* start footer styles */

#footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	clear: both;
	color: #FFF;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 12px;
	font-variant: small-caps;
	letter-spacing: .5px;
	text-align: center;
}

p#dvd {
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFF;
}

#dvd a {
	color: #FFF;
	text-decoration: none;
}

#dvd a:hover {
	color: #CCFFCC;
	text-decoration: underline;
}