@charset "UTF-8";
/* CSS Document */
@import "navigation.css";
body {
	background:#025394;
	color: #333;
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center;
}
	
	div#outerWrapper{
		background: #025394 url(../Images/bg-wrapper.jpg) repeat-y scroll 0 0;
		padding:0 15px;
		width:994px;
	}
	
	div#innerWrapper { padding:0 12px;}
	
	#wrapper {
		margin:0 auto;
		overflow:hidden;
		text-align:left;
		width:992px;

	}
	div#masthead{
		height: auto ;
		padding-top:10px
	}
	a.logo{
		background: url(../Images/logo.jpg) no-repeat;
		display: block;
		height:113px;
		margin:0 auto;
		text-indent: -9999px;
		width:386px;
		
	}
		#mainContent {
			/*padding: 0 20px;*/
		}
		
			#flashcontent { }
			h1 {
				color:#005393;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:200%;
				margin:20px;
				text-align:center;
				text-transform:uppercase;
			}
			
			.clear { clear:both;}
			br.clear{ line-height: 0;}
			
			 #mods div.mod { 
				float:left; 
				height:338px;
				padding:0 4px;
				text-align:center;
				width:186px;
				position:relative;
			}
			
			#mods div.mod p { margin:4px;}
			
			#mods div.mod p.logo a {
				display:block;
				height:62px;
				margin-bottom:10px;
				text-indent:-9999px;
				width:175px;
			}
			#mods div.mod p.title {
				font-size:75%;
				font-weight:bold;
				text-transform:uppercase;
			}
			#mods div.mod p.address {
				color:#777777;
				font-size:75%;
				font-weight:bold;
			}
			#mods div.mod p.phone {
				font-size:115%;
				font-weight:bold;
				
			}
			#mods div.mod p.phone span {
				font-size: 60%;
			}
			
			div.ltblue { background:transparent url(../Images/mods-bg.jpg) no-repeat scroll 0 0;}
			div.beige { background:transparent url(../Images/mods-bg.jpg) no-repeat scroll -197px 0;}
			div.gryblue { background:transparent url(../Images/mods-bg.jpg) no-repeat scroll -395px 0;}
			div.pink { background:transparent url(../Images/mods-bg.jpg) no-repeat scroll -592px 0;}
			div.grey { background:transparent url(../Images/mods-bg.jpg) no-repeat scroll -790px 0;}
			
			div.buttons {
				bottom:0;
				left:33px;
				position:absolute;		
			}
			
				#mods div.buttons p { margin:8px 0}
			
				div.buttons a.directions { 
					background:url("../Images/buttons.png") no-repeat scroll 0 -5px transparent;
					display:block;
					height:33px;
					text-indent:-9999px;
					width:129px;
				}
				
					div.buttons a.directions:hover { background:url("../Images/buttons-over.png") no-repeat scroll 0 -5px transparent;}
				
				div.buttons a.website { 
					background:url("../Images/buttons.png") no-repeat scroll 0 -38px transparent;
					display:block;
					height:33px;
					text-indent:-9999px;
					width:129px;
				}
				
					div.buttons a.website:hover { background:url("../Images/buttons-over.png") no-repeat scroll 0 -38px transparent;}
				
				div.buttons a.services { 
					background:url("../Images/buttons.png") no-repeat scroll 0 -71px transparent;
					display:block;
					height:33px;
					text-indent:-9999px;
					width:129px;
				}		
				
					div.buttons a.services:hover { background:url("../Images/buttons-over.png") no-repeat scroll 0 -71px transparent;}
				
			#logos { 
				padding:30px 35px;
			}
			
			#logos li { float:left; display:inline; padding:0 32px;list-style-type: none;}
			#logos li a{ display: block;	
						height:71px;
						text-indent:-9999px;
						background-image:url("../Images/logos-all.jpg");
						background-repeat: no-repeat;
						}
				#logos li a.chevy { 
					 scroll 0 0 transparent;
					width:70px;
				}
				#logos li a.ford { 
					background-position: -76px 0 ;
					width:70px;
				}
				#logos li a.scion { 
					background-position: -149px 0 ;
					width:74px;
				}
				#logos li a.benz { 
					background-position: -491px 0 ;
					width:166px;
				}
				#logos li a.buick { 
					background-position: -326px 0 ;
					width:74px;					
				}
				#logos li a.toyota { 
					background-position: -404px 0 ;
					width:84px;
				}
				
			div#footer {
				color:#005393;
				font-size:90%;
				padding:40px 0;
				width:auto;
				text-align:center;
			}
							
				#footer a { color:#005393;}
				div.socialmedia { margin:0 auto; overflow:hidden; width:64px;}
				div.socialmedia a { background-image:url("../Images/social-media-icons.jpg"); margin-right:2px; width:25px; height:25px; display:block; float:left; text-indent:-9999px;}		
				#footer a.twitter {background-position:25px 0;}
				#footer a.facebook {background-position:0 0;}
				
				
				
				#footer p { font-size:75%; margin:5px;}
				#footer p.small { font-size:60%;}
				
		
		ul.utility {float: left; z-index: 10;}
div#utilityWrapper {
height:36px;
padding: 0 0 0 74px;}

.sprite_buttons, .sprite_ctaBtns, .sprite_cta_buttons {
background-image:url("../Images/sprite_buttons.png");
}



		div#utilityWrapper,
		 {margin: 0 auto; width: 990px;}
		

		div#utilityWrapper {
background-color:#005393;
height:38px;
margin-bottom:7px;
margin-left:-2px;
padding-right:55px;
position:relative;
margin-right: 19px;
}
		

	
					ul.utility {
						float: left;
						margin-top:7px;
						position: relative;
					}
						div#utilityWrapper ul li {float: left;}
							ul.utility li.heading {
								color: #ffffff;
								font-size: 12px;
								font-weight: bold;
								text-transform: uppercase;
								padding: 5px 0px 0px;
							}
							ul.utility select {
								background-color: #ffffff;
								border: 1px solid #e9e9e9;
								height: 24px;
								margin: 0 5px 0 5px;
								padding: 3px 2px 2px 3px;
								width: 160px;
							}
							ul.utility input.searchBtn {
								background-position: 0px 0px;
								background-color: transparent;
								border: 0 none;
								cursor: pointer;
								height: 22px;
								width: 110px;
							}
								ul.utility .searchBtn:hover {background-position: 0px -22px;}
				
				.sprite_buttons, .sprite_ctaBtns, .sprite_cta_buttons {background-image: url(../Images/sprite_buttons.png);}