/* CSS Document */

*{margin: 0; padding: 0;}
html {
	font: 125% Arial, Sans-serf;
}
body {
	font-size: 50%;
	background: url(img/bg.gif) fixed;
}
.hiddenSpan{display: none;}
/*--==LAYOUT==--*/
#container{	
	width: 756px;
	position: relative;
	margin: 216px auto 0;
	background: url(img/bgContainer.gif) repeat-y;}
	#header{
		margin-top:-196px;
		height: 196px;
		background: url(img/bgHeader.jpg) no-repeat;
		position: relative;}
		h1 a{
			display: block;
			width: 370px;
			height: 191px;
			position: absolute;
			bottom: 0;
			left: 30px;
			background: url(img/h1Default.gif) no-repeat;}
			h1.Jeffs a{background: url(img/h1Jeffs.gif) no-repeat;}
			h1.Jasons a{background: url(img/h1Jasons.gif) no-repeat;}
			#header a span{
				display: none;}
	#middle{
		background: url(img/bgMiddleLeft.gif) no-repeat;}
		#middle .extraDiv{
			background: url(img/bgMiddleRight.gif) no-repeat right top;
			}
		#nav{
			position: relative;
			background: white;
				left: 37px;
				border: #5c5e88 1px solid;
				border-top: none;
				width: 353px;}
			#nav ul{
				list-style: none;
				width: 308px;
				position: relative;
				margin: 0 auto;}
				#nav li{
					display: inline;}
				#nav a{
					text-decoration: none;
					display: block;
					float: left;
					color: #0055a5;
					font-weight: bold;
					padding: 0 8px;
					line-height: 1.5em;
					margin: 0 2px;
					text-transform:uppercase;}
				#nav a:hover{
					background: #D7D7FF;
					border-top: 1px solid #0033FF;
					line-height: 1.4em;}
		#contentWrapper{
				margin: 0 38px;
				position: relative;
				padding-top: 1px;}
			#content{				
				padding: 1px 0;
				font-size:1.1em;
				background: #f3f3f3 url(img/bottomContent.gif) no-repeat bottom center;
				min-height: 500px;
				position: relative;}
				*html #content{
					height: 500px;}
					/*#content embed, #content object{height: 350px; width: 600px; position: relative; margin: 0 auto; display: block;}*/
					#content #coupons table {width:100%; margin-top:5px; margin-bottom:5px;}
					#content #coupons td {background:url(../coupon.gif) no-repeat center; width:476px; height:108px;}
			#contentPic{
				float: right;
				margin: -1px 0px 0 8px;}
				#contentPic ul{
					height: 86px;
					width: 318px;
					margin-top: 5px;
					list-style: none;}
					#contentPic li{
						display: inline;}
					#contentPic ul li a{
						display: block;
						float: left;
						height: 100%;
						background-image: url(img/bgConsoleNav.gif);
						}
					#contentPic a span{
						display: none;}
			#contentLeft{
				float: right;
				width: 334px;
				padding: 10px;
				margin: 0;
				background: #f3f3f3;}
				*html div.twoColumns{
					}
	#bottomNav{
		}
	#bottom{
		text-align: center;}
	#footer{
		background: url(img/bgFooter.gif) no-repeat;
		height: 5px;
		width: 756px;
		position: relative;
		margin: 0 auto;}

/*--==CUSTOM==--*/

.brandsTable td {padding: 8px 14px;}

.menu{
	position: relative;
	margin: 0 auto;
	width: 450px;}
.menu td{
	border-bottom: 1px black dotted;}
.menu .description td{
	border-bottom: none;
	font-size: .9em;
	text-align: center;}
.menu table{
	width: 100%;
	border: 1px solid black;
	background: white;}
.menu h3{
	margin-top: .5em;
	font-size: 1.6em;
	border: none;}
.menu .item, .menu .prices{
	padding-top: 10px;}
.menu .item, .menu .description{padding-left: 5px;}
.menu .prices{padding-right: 5px;}
.prices p{
	text-align: right;}
.menu .item p{
	font-weight: bold;}
.menu td p{
	margin: 0;
	font-size:1.1em;}
.stretcher div{
	width: 626px;
	position:relative;
	margin: 0 auto;
	display: block;}
#cookieCrumbs{
	position: absolute;
	top: 35px;
	left:0;
	width: 318px;}
#monthlyAward{
	margin: 0 27px;
	background: white;
	border-right: 1px solid #919ABD;}
	#monthlyAward td{
	border-left: 1px solid #919ABD;
	border-bottom: 1px solid #919ABD;
	padding: 5px;
	width: 200px;}
	#monthlyAward .pics td{
		border-bottom: none;
		padding: 10px 10px 0;}
		#monthlyAward p{
			margin: 0;
			font-size: 1em;}
		#monthlyAward h5{
			color: #003179;
			font-size:1.6em;
			line-height:1em;}
	
dl{
	font-size: 1.1em;
	margin: 1em;}
dd{
	font-size: 1.3em;
	color: #0055a5;
	padding: .5em .5em 0;
	font-weight: bold;
	}
dt{
	font-size: 1.2em;
	border-bottom: 1px solid #999;
	color: #999999;
	line-height: 0.9em;
	margin-top: 1.1em;
	text-transform:uppercase;
	}
img{
	margin: 10px 0;
	}
#locations img{
	margin: 0;}
#locations li{
	display: inline;}
#locations a{
	display: block;
	float: left;
	width: 318px;
	margin: 10px;
	color: black;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-decoration: none;}
	*html #locations a{
		margin: 5px;}
	#locations a:hover{
		background: #D7D7FF;
		cursor:pointer;}
	#locations a img{
		float:left;
		border: none;
		width: 141px;
		height: 88px;}
	#locations a h3{
		float: left;
		border:none;
		width: 177px;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 5px;
		font-size: 1.7em;}
		#locations span{
			display: block;
			float: left;
			width: 177px;
			margin: 0;
			font-size: 1em;
			line-height: 1.2em;
			text-align: center;}
ul#services{
	list-style:none;
	margin: 10px 40px;
	padding: 1px;}
	#services li{
		margin: 10px 0;}
		#services a{
			font-size: 2.3em;
			height: 75px;
			overflow: hidden;
			font-weight: bold;
			display: block;
			text-decoration: none;
			color: #000066;
			padding-left: 90px;}
			#services #store a{background: url(img/iconStore.jpg) no-repeat 0 -75px;}
			#services #storeOnly a{background: url(img/iconStoreOnly.jpg) no-repeat 0 -75px;}
			#services #pumps a{background: url(img/iconPumps.jpg) no-repeat 0 -75px;}
			#services #wash a{background: url(img/iconWash.jpg) no-repeat 0 -75px;}
			#services #repair a{background: url(img/iconRepair.jpg) no-repeat 0 -75px;}
			#services #tow a{background: url(img/iconTow.jpg) no-repeat 0 -75px;}
			#services #detail a{background: url(img/iconDetail.jpg) no-repeat 0 -75px;}
			#services #smallEngine a{background: url(img/iconSmallEngine.jpg) no-repeat 0 -75px;}
			#services #events a{background: url(img/iconEvents.jpg) no-repeat 0 -75px;}
			
			#services #store a:hover{background: white url(img/iconStore.jpg) no-repeat 0 0;}
			#services #storeOnly a:hover{background: white url(img/iconStoreOnly.jpg) no-repeat 0 0;}
			#services #pumps a:hover{background: white url(img/iconPumps.jpg) no-repeat 0 0;}
			#services #wash a:hover{background: white url(img/iconWash.jpg) no-repeat 0 0;}
			#services #repair a:hover{background: white url(img/iconRepair.jpg) no-repeat 0 0;}
			#services #tow a:hover{background: white url(img/iconTow.jpg) no-repeat 0 0;}
			#services #detail a:hover{background: white url(img/iconDetail.jpg) no-repeat 0 0;}
			#services #smallEngine a:hover{background: white url(img/iconSmallEngine.jpg) no-repeat 0 0;}
			#services #events a:hover{background: white url(img/iconEvents.jpg) no-repeat 0 0;}
			#services a span{
				display: block;
				color: #333333;
				font-size: .5em;
				font-weight: normal;}
				
ul#ulList {margin: 10px 0px; padding: 0px 15px; color: #003179; font: 1.2em/1.3em Tahoma, Arial, Helvetica, sans-serif; margin: 1em 1em;}
#ulList li {margin: 0px 10px; padding: 5px 0px;}

#headerNav{
	width: 309px;
	position: absolute;
	right: 37px;
	bottom: 0;
	background: url(img/topBigNav.gif) no-repeat top left;
	padding-left: 9px;}
	#headerNav ul{
	list-style: none;
	padding: 0;}
	#headerNav li{
		display: inline;}
	
	#headerNav a{
		display: block;
		background: white;
		font-size:1.9em;
		padding: .3em .5em;
		text-decoration: none;
		color:#666666;
		float: left;
		line-height: 1.4em;}
		#headerNav a:hover{
			color:#000099;
			background:#D7D7FF;
			border-bottom: 1px solid #0033FF;
			line-height: 1.25em;
			padding-top: .4em;}
.buttons li{
	height: 65px;
	background: url(img/buttonsMiddle.gif) repeat-x;
	list-style: none;
	width: 353px;
	margin: 0 0 2px;}
.buttons li.wide{
	width: auto;}
.buttons a{
	height: 65px;
	background: url(img/buttonsLeft.gif) no-repeat top left;
	display:block;	
	text-decoration: none;
	color: #4B4B4B;
	font-size: 1em;
	line-height: 1.1em;}
	.buttons a span{
		display: block;
		height: 100%;
		background: url(img/buttonsRight.gif) no-repeat top right;}
		.buttons a span span{
			height: 55px;
			padding: 10px 0 0 115px;
			margin: 0 5px;}
		.buttons strong{
			display: block;
			font-size:1.8em;
			text-transform:uppercase;
			font-weight: normal;
			padding: 4px 0 .4em;}
	.buttons a#bottomButton{
		background: url(img/buttonsLeft.gif) no-repeat left -65px;}
	.buttons a#bottomButton span{
		background: url(img/buttonsRight.gif) no-repeat bottom right;}
	.buttons a:hover{
		cursor:pointer;}
		.buttons a:hover{
			background: url(img/buttonsLeft.gif) no-repeat left -130px;
			color: black;}
		.buttons a#bottomButton:hover{
			background: url(img/buttonsLeft.gif) no-repeat left -195px;}
			
.buttons a#bottomButton span span, .buttons span span{background:none;}
.buttons a#bottomButton span.services, .buttons span.services{background: url(img/iconServices.gif) no-repeat 5px 0;}
.buttons a#bottomButton span.coupons, .buttons span.coupons{background: url(img/iconCoupons.gif) no-repeat 10px 10px;}
.buttons a#bottomButton span.locations, .buttons span.locations{background: url(img/iconLocations.gif) no-repeat 15px 2px;}
.buttons a#bottomButton span.about, .buttons span.about{background: url(img/iconAbout.gif) no-repeat 8px 0;}
.buttons a#bottomButton span.awards, .buttons span.awards{background: url(img/iconAwards.gif) no-repeat 8px 4px;}
.buttons a#bottomButton span.philosophy, .buttons span.philosophy{background: url(img/iconPhilosophy.gif) no-repeat 7px 0;}
.buttons a#bottomButton span.bios, .buttons span.bios{background: url(img/iconBios.gif) no-repeat 15px 2px;}
.buttons a#bottomButton span.history, .buttons span.history{background: url(img/iconHistory.gif) no-repeat 15px 2px;}
.buttons a#bottomButton span.acrobat, .buttons span.acrobat{background: url(img/iconAcrobat.gif) no-repeat 15px 7px;}
.buttons a#bottomButton span.clock, .buttons span.clock{background: url(img/iconclock.gif) no-repeat 7px 1px;}

form{
	width: 450px;
	position: relative;
	margin: 0px auto 0;}
	form p{
		margin: .5em 0;}

#storeHeader, #towingHeader, #repairHeader, #pumpsHeader{display: block; height: 45px; background: red; margin: 5px 0px;}
#storeHeader{background: url(pics/bannerStore.jpg) no-repeat bottom right;}
#towingHeader{}
#repairHeader{}
#pumpsHeader{}

/*--==NAV==--*/
#button1 a{width: 80px; margin-right: 1px; background-position: 0 0;}
#button2 a{width: 81px; margin-right: 1px; background-position: -81px 0;}
#button3 a{width: 81px; margin-right: 1px; background-position: -163px 0;}
#button4 a{width: 73px; background-position: -245px 0;}

#button1 a:hover{background-position: 0 -86px;}
#button2 a:hover{background-position: -81px -86px;}
#button3 a:hover{background-position: -163px -86px;}
#button4 a:hover{background-position: -245px -86px;}

#button1 a:active{background-position: 0 -172px;}
#button2 a:active{background-position: -81px -172px;}
#button3 a:active{background-position: -163px -172px;}
#button4 a:active{background-position: -245px -172px;}

/*--==TYPOGRAPHY==--*/
.left{float:left; margin: 0 5px 5px 0;}
.right{float:right; margin: 0 0 5px 5px;}

p{
	color: #003179;
	font: 1.3em/1.4em Tahoma, Arial, Helvetica, sans-serif;
	margin: 1em;}
h2{
	color: #cdcdcd;
	font-weight: bold;
	font-size: 3.8em;
	text-align: right;
	padding-right: .5em;
	margin-top: .5em;
	padding-top: 1px;
	line-height: .7em;
	letter-spacing: -.02em;
	word-spacing: .3em;
	text-transform:uppercase;
	border-bottom: 1px solid #0055a5;}
.hours{
	font: bold 1.3em/1.2em Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-style: italic;
	margin: .5em 0;}
h3{
	font-size: 2.5em;
	color:#666666;
	border-bottom: 1px solid #666666;}
	h3.store{}
h4{
	font-size: 2.0em;
	color: #919ABD;
	font-weight: bold;
	border-bottom: 1px solid #919ABD;
	margin: 1.35em 27px 0;
	line-height: .8em;
	text-indent: -.05em;}
.breakAway{
	border: 1px solid #919ABD;
	border-top: none;
	font-size: .9em;
	background: white;
	margin: 0 27px 1em;
	padding: .5em;
}
	.breakAway li{
		color:#003179;
		margin-left: 2em;
		font-size:1.1em;
		}
#cookieCrumbs, #cookieCrumbs a{
	color: #8D8D8D;
	text-decoration: none;}
	#cookieCrumbs a:hover{
		text-decoration: underline;}
/*--====CLEARFIX=====--*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
*html .clearfix {height: 1%;}
.clearfix {display: block;}