/* CSS Document */

/* Impress Design, LLC is the home of graphic designer 
		Jack McDaniel
		720.495.1368
		http://Impress-Design.com */
/* Feel free to use this template as you like. It was developed for use with 
MODx Content Management Framework, but it will work with any site. 
Just make certain you change it and don't steal my images */

/*******************************************************************
 			Site Colors: 	Dark Blue #002E57,
							Lighter Blue #4979A5
							Content Text #333
********************************************************************/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: 
	http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, 
fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Body Settings and Background */
html,body{
	margin:0; 
	padding:0; 
	border:0; 
	font-size:14px; 
	font-weight: 100; 
	font-family: 'Avenir LT Std',Arial,Helvetica,sans-serif;
	color:#333;
}
html{
	background:#FFF;
}

/***********************************************************
				BASIC LINKS
**********************************************************/
a {
	color: #4979A5; 
	text-decoration: none;
	font-weight: 500;
}
a:hover {
	color: #AA1111; 
	text-decoration: none;
}
/********************************************************
				BODY INFO
*********************************************************/
@font-face {
		font-family: 'DroidSansRegular';
		src: url('http://www.impress-design.com/DroidSans.eot');
		src: local('Droid Sans Regular'), local('DroidSans'), url('DroidSans.woff') format('woff'), url('DroidSans.ttf') format('truetype'), url('DroidSans.svg#DroidSans') format('svg');
}
body{
	width:100%; 
	margin:0 auto;
	background:#FFF;
	color: #333;
	font-family: 'Avenir LT Std',Arial,Helvetica,sans-serif;
	border-top: 5px solid #002E57;
}
*{margin:0; padding:0}

#bodywrap {
	width: 100%;
	margin: 0 auto;
}
#maincontainer{
	width: 960px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}
	
/**********************************************************
				HEADER
************************************************************/
#header {
	margin: 0 auto;
	height: 147px;
	overflow: hidden;
	background: #FFF url(../img/headerBG.jpg) top right no-repeat;
}
#logo {
float: left;
	width: 50%;
	height: 98px;
}
#rightInfo {
	float: right;
	width: 50%;
	height: 98px;
	text-align: right;
}
#telephone {
	text-align: right;
	margin-top: 60px;
	margin-right: 20px;
	line-height: 25px;
	color: #FFF;
	font-size: 1.25em;
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	}
/***********************************************************
				TOP NAVIGATION
************************************************************/
#menu {
	width: 960px;
	height: 45px;
	margin:0;
	padding:0;
}
.nav ul {
	list-style: none;
}
.nav ul li {
	display:inline;;
}
.nav ul li#home a {
	float: left;
	margin: 0;
	width: 78px;
	height: 45px;
	background: url(../img/home.jpg) top left no-repeat;
}
.nav ul li#home a:hover {
	background: url(../img/home.jpg) 0 -50px no-repeat;
}
.nav ul li#homeActive a {
	float: left;
	margin: 0;
	width: 78px;
	height: 45px;
	background: url(../img/home.jpg) 0 -50px no-repeat;
}
.nav ul li#services a {
	float: left;
	margin: 0;
	width: 147px;
	height: 45px;
	background: url(../img/services.jpg) top left no-repeat;
}
.nav ul li#services a:hover {
	background: url(../img/services.jpg) 0 -100px no-repeat;
}
.nav ul li#servicesActive a {
	float: left;
	margin: 0;
	width: 147px;
	height: 45px;
	background: url(../img/services.jpg) 0 -50px no-repeat;
}
.nav ul li#advantage a {
	float: left;
	margin: 0;
	width: 147px;
	height: 45px;
	background: url(../img/advantage.jpg) top left no-repeat;
}
.nav ul li#advantage a:hover {
	background: url(../img/advantage.jpg) 0 -100px no-repeat;
}
.nav ul li#advantageActive a {
	float: left;
	margin: 0;
	width: 147px;
	height: 45px;
	background: url(../img/advantage.jpg) 0 -50px no-repeat;
}
.nav ul li#specials a {
	float: left;
	margin: 0;
	width: 147px;
	height: 45px;
	background: url(../img/specials.jpg) top left no-repeat;
}
.nav ul li#specials a:hover {
	background: url(../img/specials.jpg) 0 -100px no-repeat;
}
.nav ul li#specialsActive a {
	float: left;
	margin: 0;
	width: 147px;
	height: 45px;
	background: url(../img/specials.jpg) 0 -50px no-repeat;
}
.nav ul li#tips a {
	float: left;
	margin: 0;
	width: 147px;
	height: 45px;
	background: url(../img/proTips.jpg) top left no-repeat;
}
.nav ul li#tips a:hover {
	background: url(../img/proTips.jpg) 0 -100px no-repeat;
}
.nav ul li#tipsActive a {
	float: left;
	margin: 0;
	width: 147px;
	height: 45px;
	background: url(../img/proTips.jpg) 0 -50px no-repeat;
}
.nav ul li#recognition a {
	float: left;
	margin: 0;
	width: 147px;
	height: 45px;
	background: url(../img/recognition.jpg) top left no-repeat;
}
.nav ul li#recognition a:hover {
	background: url(../img/recognition.jpg) 0 -100px no-repeat;
}
.nav ul li#recognitionActive a {
	float: left;
	margin: 0;
	width: 147px;
	height: 45px;
	background: url(../img/recognition.jpg) 0 -50px no-repeat;
}
.nav ul li#contact a {
	float: left;
	margin: 0;
	width: 147px;
	height: 45px;
	background: url(../img/contact.jpg) top left no-repeat;
}
.nav ul li#contact a:hover {
	background: url(../img/contact.jpg) 0 -100px no-repeat;
}
.nav ul li#contactActive a {
	float: left;
	margin: 0;
	width: 147px;
	height: 45px;
	background: url(../img/contact.jpg) 0 -50px no-repeat;
}

/*******************************************************
				CONTENT PAGE INFO
*********************************************************/
#wrap {
float: left;
width: 100%;
}
#contentContainer {
	float: left;
	width: 100%;
	margin: 20px 0 5px 0;
}
#content {
	margin-right: 440px; /*Set right margin to rightColumnWidth*/
	margin-bottom: 5px;
	margin-top: 10px;
	padding: 0 15px 5px 15px;
	font-size: 1.0em;
	font-weight: 100;
	line-height:1.4em;
	text-align: justify;
}
#content p {
	padding: 0 0 15px 0;
}
#content img {
	float: left;
	margin: 10px 20px 10px 0;
	border: 1px solid #002E57;
	padding: 7px;
	background: #4979A5;
}
#content img.plain {
	float: left;
	margin: 5px 10px 5px 0;
	border: none;
	padding: 0;
	background: none;
}
/*****************************************************
						LEFT COLUMN
******************************************************/
#leftColumn{
	float: left;
	width: 220px; /*Width of left column*/
	margin-left: -420px; /*Set left margin to -(MainContainerWidth)*/
	margin-top: 30px;
}
#leftColInner {
	margin: 0 10px 15px 5px;
	padding: 8px 8px 8px 0;
}
/*****************************************************
					RIGHT COLUMN
******************************************************/
#rightColumn{
	float: left;
	width: 200px; /*Width of left column*/
	margin-left: -200px; /*Set left margin to -(MainContainerWidth)*/
	margin-top: 30px;
}
.rightColInner {
	margin: 0 5px 15px 5px;
	padding: 8px;
}
/*****************************************************
					LEFT COL LINKS
******************************************************/
.block {
	width: 100%;
	margin-top: 20px;
}
.blockHead {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 21px;
	font-weight: 100;
	margin: 0 10px 10px 0;
	letter-spacing: -0.045em;
	color: #000;
}
.block ul {
	list-style: none;
}
.block li {
	margin: 0 15px 5px 10px;
	padding-left: 15px;
	line-height: 1.5em;
	background: url(../img/arrow.jpg)0 5px no-repeat;
	border-bottom: 1px solid #CCC
}
.block li a {
	color: #002E57;
	text-decoration: none;
}
.block li a:hover {
	text-decoration: none;
	color: #AA1111;
}
.blockDate {
	font-size: 12px;
	font-style: italic;
	color: #666;
	text-transform: uppercase;
}
.block h4 {
	background: url(../img/blockHead.jpg) top left no-repeat;
	color: #EBEBEB;
	line-height: 35px;
	height: 35px;
	margin-bottom: 7px;
	font-size: 16px;
	padding-left: 10px;
}
.serviceHilite {
	font-size: 1.15em;
	color: #4979A5;
	font-weight: bold;
}
.rhtColTest {
	background: url(../img/quotes.jpg) top left no-repeat;
	padding: 0 10px 5px 30px;
	margin: 5px 15px 20px 4px;
	font-size: .9em;
	color: #666;
	line-height: 1.4em;
	}
/**********************************************************************
				RIGHT COLUMN
**********************************************************************/
.rightImg {
	float: right;
	margin-bottom: 30px;

}
/**********************************************************************
				CUSTOMER COMMENTS
**********************************************************************/
.quote {
	padding: 0 15px 10px 30px;
	margin-left: 10px;
	background: url(../img/quotes2.png) top left no-repeat;
	font-style: italic;
	color: #000;
}
.business {
	text-align: right;
	padding-right: 15px;
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #333;
}
.owner {
	text-align: right;
	padding-right: 15px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #013568;
	background: url(../img/listBG.jpg) bottom left no-repeat;
}
/**********************************************************************
				FRONTPAGE
**********************************************************************/
#sectionContainer {
	margin: 20px 0;
}
.fpArea {
	float:left;
	width: 240px;
}
.fpArea2 {
	float:left;
	width: 480px;
}
.fpAreaInner {
	margin: 10px;
}
.fpAreaInner p {
	padding: 0 10px 0 5px;
}
.fpAreaInner img {
	float: left;
	margin: 0 5px 5px 0;
	border: none;
}
.testHead {
	width: 220px;
	height: 33px;
	text-indent: -9999px;
	background: url(../img/testHead.jpg) top left no-repeat;
	margin-bottom: 10px;
}
.specialsHead {
	width: 220px;
	height: 33px;
	text-indent: -9999px;
	background: url(../img/specialsHead.jpg) top left no-repeat;
	margin-bottom: 10px;
}
.towHead {
	width: 220px;
	height: 33px;
	text-indent: -9999px;
	background: url(../img/towHead.jpg) top left no-repeat;
	margin-bottom: 10px;
}
.mapHead {
	width: 460px;
	height: 33px;
	text-indent: -9999px;
	background: url(../img/mapHead.jpg) top left no-repeat;
	margin-bottom: 10px;
}
.reviewer { 
	float: right;
	font-style: italic;
	color: #666;
	margin-right: 7px;
}
/**********************************************************************
				SERVICES AREA - FRONT PAGE
**********************************************************************/
#servicesContainer {
	clear: left;
	width: 960px;
	height: 200px;
	overflow: hidden;
	margin-top: 20px;
	background: url(http://advantageautorepairofparker.com/img/servBG.jpg)top left no-repeat;
}
.servicesArea {
	float: left;
	width: 20%;
	margin-top: 70px;
}
.servicesInner {
	margin: 7px;
	padding: 7px;
	color: #EBEBEB;
	font-size: 13px;
	line-height: 1.5em;
}
#XYZ {
	clear:left;
	width: 960px;
	height: 200px;
	margin: 10px 0;
	background: url(../img/servBG.jpg) top left no-repeat;
	}
.hidden {
	display: none;
}
/**********************************************************************
				MAINIMAGE
**********************************************************************/
#mainImage {
	width: 960px;
	height: 325px;
}
#slider1 img {
}
div#slider1 {
	height:325px;
	overflow: hidden;
}

/**********************************************************************
				FOOTER
**********************************************************************/
#footer{
	clear: left;
	width: 960px;
	overflow: hidden;
	background: url(../img/contentBG.jpg) top left no-repeat;
	margin: 0 auto;
	margin-bottom: 15px;
	text-align: center;
}
.footArea {
	float: left;
	width: 20%;
}
.footInner {
	margin: 7px;
	padding: 7px;
	color: #666;
	font-size: 13px;
	text-align: left;
}
#footCopy {
	text-align: center;
	font-size: .80em;
	text-transform:uppercase;
	color: #666;
}
#footer2{
	clear: left;
	width: 960px;
	overflow: hidden;
	background: url(../img/contentBG.jpg) top left no-repeat;
	margin: 0 auto;
	margin-bottom: 15px;
	text-align: center;
}
/********************************************************************
				HEADERS
********************************************************************/
h1 {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 36px;
	font-weight: 100;
	margin: 20px 0;
	letter-spacing: -0.045em;
	color: #FFF;
}
h2 {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 32px;
	font-weight: 100;
	padding: 0 0 10px 0;
	letter-spacing: -0.075em;
	line-height: 1.2em;
	color: #013568;
	text-align: left;
}
h3 {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: 100;
	margin: 0 0 5px 0;
	letter-spacing: -0.065em;
	color: #4979A5;
	line-height: 1.25em;
	text-align: left;
}
h4 {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #4979A5;
	text-align: left;
	margin-bottom: 10px;
}
h5 {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 100;
	letter-spacing: -0.055em;
	color: #002E57;
	text-align: left;
	margin-bottom: 10px;
}
.emphasis {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 100;
	letter-spacing: -0.055em;
	color: #FFF;
	margin-bottom:5px;
}
.emphasis2 {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 100;
	letter-spacing: -0.055em;
	color: #002E57;
	margin-bottom:5px;
}
.emphasis3 {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: -0.055em;
	color: #AA1111;
	margin-bottom:5px;
}

/****************************************************
				BLOCKQUOTES
********************************************************/
.blockquote {
	float: right;
	width: 220px;
	border-top: 5px solid #222;
	border-bottom: 5px solid #222;
	padding: 10px 10px 10px 10px;
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	font-style: italic;
	color: #333;
	margin-left: 15px;
	margin-bottom: 10px;
	line-height: 1.4em;
}
.blockquote img {
	float: left;
	margin-bottom: 10px;
}
.blockquote p {
	padding: 10px;
}
/****************************************************
				CONTENT LISTS
********************************************************/
.contentlist {
	margin-left: 25px;
	font-size: 1.0em;
	list-style: none;
}
.contentlist li {
	display: block;
	text-decoration: none;
	line-height: 1.4em;
	margin-bottom: 10px;
}
.contentlist2 {
	margin-left: 25px;
	list-style: none;
}
.contentlist2 li {
	display: block;
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: -0.055em;
	color: #AA1111;
	line-height: 18px;
}
/*****************************************************************
				REFLECT ARCHIVES
******************************************************************/
.reflect_month_link {
	background: url(../img/arrow.jpg) top left no-repeat;
	padding: 0 13px;
	font-size: 14px;
}

/*****************************************************************
				USER COMMENTS & COMMENT FORM
******************************************************************/
.jot-row {
	margin-left: 20px;
	margin-bottom: 5px;
}
.jot-comment {
	padding: 10px;
	margin: 1px;
}
.jot-header {
}
.jot-postnumber {
	float: left;
	width: 40px;
	line-height: 1.5em;
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #013568;
}
.jot-subject {
	float: left;
	line-height: 1.5em;
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #013568;
}
.jot-message {
	color: #000;
	padding-left: 25px;
}
.jot-user {
	color: #333;
	font-size: .9em;
	padding-left: 25px;
	font-style: italic;
}
.commentuser {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #000;
}
.jot-info {
	float: left;
	text-align: right;
	width: 150px;
	border-right: 1px solid #000;
	margin-right: 15px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 3px solid #000;
}
.jot-date {
	padding: 0 10px;
	text-transform: uppercase;
	color: #000;
	font-size: .85em;
}
.jot-name {
	padding: 0 10px;
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 1.25em;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #013568;
}
/*******************************************************************
				EMAIL FORM
********************************************************************/
.cfName {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfName {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
.cfEmail {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfEmail {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfMessage {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 350px;
}
.cfMail {
	float: left;
	margin: 1px 0 10px 0;
	padding:0 5px;
	color: #FFF;
	background: #013568;
	text-align: center;
	border: 1px solid #222;
	line-height: 26px;
	min-height: 26px;
}
.cfMail a {
	color: #FFF;
	background: #013568;
}
.cfMail a:hover {
	color: #EBEBEB;
}
/*******************************************************************
				SEARCH
********************************************************************/
.search {
	margin-bottom: 20px;
}
.ajaxSearch_resultLink {
	font-size: 1.2em;
	color: #013568;
	margin-right: 20px;
}
#ajaxSearch_input {
	float: left;
	background: #f6f7fb;
	padding: 3px 3px;
	width: 115px;
	margin-left: 5px;
}
#ajaxSearch_submit {
	float: left;
	padding:0 4px;
	color: #FFF;
	background: #013568;
	text-align: center;
	border: 1px solid #222;
	line-height: 24px;
	min-height: 26px;
}
/*******************************************************************
				PAGINATION
********************************************************************/
#dittoContain {
	margin: 1px;
	height: 45px;
	line-height: 45px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: .9em;
}
.ditto_pages {
	width: 50%;
	float: left;
	text-align:left;
}
.ditto_pages2 {
	width: 50%;
	float: left;
	margin: 0 auto;
	text-align: right;
	color: #AA1111;
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 14px;
}
.ditto_previous_off {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	margin-right: 5px;
}
.ditto_currentpage {
	padding: 2px 4px 2px 4px;
	color: #FFF;
	background: #035dac;
	border: 1px solid #000;
}
.ditto_page {
	padding: 2px 4px 2px 4px;
}
.ditto_next_off {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	margin-left: 5px;
}
.ditto_next_link {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 16px;
	margin-left: 5px;
}
.ditto_previous_link {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 16px;
	margin-left: 5px;
}
.ditto_info {
	font-size:12px;
	color: #333;
	margin: 5px 0;
}
.ditto_info2 {
	padding-left: 20px;
	margin-bottom: 20px;
}
.ditto_summaryPost {
	background: url(../img/contentBG.jpg) bottom left no-repeat;
}
/************************************************
		GENERAL LISTS
*************************************************/
ol {
	font-family: 'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	margin-left: 75px;
	margin-top: 15px;
	color: #000;
}
ol p {
	font-family: 'Avenir LT Std',Arial,Helvetica,sans-serif;
	color:#666;
	font-size: 14px;
	line-height: 1.5em;
	margin-left: -10px;
}
/************************************************
		RIGHT COLUMN SOCIAL
*************************************************/
#social {
	float: right;
}