/*
Theme Name: Suzanne v1
Author: Suzanne Phillips

Use it to make something cool, have fun, and share what you've learned with others.
*/

* 
{
  margin: 0;
  padding: 0;
  outline: none;
}

body {
  position:relative;
  background: #FFFFFF;
  margin: 0; padding: 0;
  width: 100%; height: 100%;
}
 


/* Footer */
	
	html, body {height: 100%}

	#wrap {min-height: 100%}

	#outer-wrapper {overflow:auto;
		padding-bottom: 0px;}  /* must be same height as the footer */

	#footer {position: relative;
		overflow:hidden;
		margin-top: -0px; /* negative value of footer height */
		height: 100px;
		clear:both
		} 

	
	#footer p {color:#000000; font-size:.8em; margin:0 padding:0; line-height:14px; font-weight:500
	}
		#footer p strong {color:#000000; font-size:1em; margin:0 padding:0; font-weight:600
		}
		#footer a {color:#000000; font-size:1em; margin:0 padding:0
		}
		
	#footer-main {float:center; width:100%; font-family: 'Arial', sans-serif; text-align:center; margin:10px 0; min-height:100px
	}	
	#footer-left {float:left; width:13%; margin:10px 0; min-height:100px
	}
		
	#footer-mid {float:left; width:73%; text-align:center; margin:20px 0 0 10px; min-height:100px; padding: 0 10px
	}
	
#footer-right {float:right; width:13%; min-height:200px
}

/* Composition styles */
.centered {text-align: center
}
.hidden {display: none
}
.clear {clear: both
}
.BorderImages {
	BORDER-RIGHT: #5381DD 1px solid; BORDER-TOP: #5381DD 1px solid;  BORDER-LEFT: #5381DD 1px solid; BORDER-BOTTOM: #5381DD 1px solid; MARGIN-RIGHT: 10px;  FLOAT: left; WIDTH: 158px! important; HEIGHT: 93px
}

.HomeSlideImages {
	BORDER-RIGHT: #5381DD 1px solid; BORDER-TOP: #5381DD 1px solid; BORDER-LEFT: #5381DD 1px solid; BORDER-BOTTOM: #5381DD 1px solid; MARGIN-RIGHT: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 4px; MARGIN-TOP: 4px; FLOAT: left; WIDTH: 578px! important; HEIGHT: 400px; z-index:15
  }
.LocationsSlideImages#slide-holder {
z-index:-2; BORDER-RIGHT: #5381DD 1px solid; BORDER-TOP: #5381DD 1px solid;  BORDER-LEFT: #5381DD 1px solid; BORDER-BOTTOM: #5381DD 1px solid; MARGIN-RIGHT: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 4px; MARGIN-TOP: 4px; FLOAT: left; WIDTH: 400px! important; HEIGHT: 300px
  }
 .LocationsSlideImages2#slide-holder {
z-index:1; BORDER-RIGHT: #5381DD 1px solid; BORDER-TOP: #5381DD 1px solid;  BORDER-LEFT: #5381DD 1px solid; BORDER-BOTTOM: #5381DD 1px solid; MARGIN-RIGHT: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 4px; MARGIN-TOP: 4px; FLOAT: left; WIDTH: 578px! important; HEIGHT: 400px
  } 
  
 .MapImages {
	BORDER-RIGHT: #83d4f2 2px solid; BORDER-TOP: #83d4f2 2px solid;  BORDER-LEFT: #83d4f2 2px solid; BORDER-BOTTOM: #83d4f2 2px solid;  WIDTH: 520px! important; HEIGHT: 570px; z-index:15
  } 
.LocationsMaps {
position:relative; z-index:4; BORDER-RIGHT: #5381DD 1px solid; BORDER-TOP: #5381DD 1px solid;  BORDER-LEFT: #5381DD 1px solid; BORDER-BOTTOM: #5381DD 1px solid; MARGIN-RIGHT: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 4px; MARGIN-TOP: 4px; FLOAT: left; WIDTH: 398px! important; HEIGHT: 303px
  }  
 
.Image {
position:relative; z-index:-2; MARGIN-RIGHT: 4px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 4px; MARGIN-TOP: 4px; FLOAT: left
  }
 .ImageRight {
position:relative; MARGIN-RIGHT: 4px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 24px; MARGIN-TOP: 4px; FLOAT: right
  } 
.Video {
position:relative; z-index:-2; MARGIN-RIGHT: 6px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 2px; MARGIN-TOP: 2px; FLOAT: left
  }  
 .Indent {
 PADDING-LEFT: 4px; TEXT-ALIGN: left; wrap
  } 
#shadow {
    width: 100%;
    border-bottom: 1px  #2c2c2c solid;
    height: 8px;
	margin-top: -2px;
    box-shadow: 
        
        inset 20px -10px 28px 0px #2c2c2c; 
}

/* Link styles */
a:hover {text-decoration: none;}
a.action-link {display: block; color: #fff; background: #555; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; margin: 0 0 10px; text-decoration: none
}
a.action-link:hover {background: #000
}
a.back {position: relative; color: #fff; background: #999; padding: 10px 40px 10px 20px; font-weight: bold; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; box-shadow: inset 0 0 5px #777
}
a.back:hover {background: #666
}
a.back span.icon {position: absolute; top: 10px; right: 20px; width: 12px; height: 14px; background: url('../images/icon_back_12x14.png') no-repeat;
}

A.EmailCarRepair:link { font-family: Arial Black, Helvetica, sans-serif; font-size: 18pt; font-weight: normal; line-height: 20pt; color: #35343a;
	text-shadow: -1px -1px 1px #cdcece, 1px 1px 1px #000; TEXT-DECORATION: underline 
} 
A.EmailCarRepair:visited { font-family: Arial Black, Helvetica, sans-serif; font-size: 18pt; font-weight: normal; line-height: 20pt; color: #35343a;
	text-shadow: -1px -1px 1px #cdcece, 1px 1px 1px #000; TEXT-DECORATION: underline 
} 
A.EmailCarRepair:hover { font-family: Arial Black, Helvetica, sans-serif; font-size: 18pt; font-weight: normal; color: #35343a;
	text-shadow: -1px -1px 1px #cdcece, 1px 1px 1px #000; TEXT-DECORATION: none 
}
A.PrintCarRepair:link { font-family: Arial Black, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #4533e2;
	TEXT-DECORATION: underline 
} 
A.PrintCarRepair:visited { font-family: Arial Black, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #4533e2;
	TEXT-DECORATION: underline 
} 
A.PrintCarRepair:hover { font-family: Arial Black, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #eb4e3d;
	TEXT-DECORATION: none 
}

/* Text styles */

.content { FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif 
}
.brand{font-family:'Kristi', serif; font-size:26px; color:#312976; text-decoration:none
}
h1, h2, h3, h4, h5, h6 { color: #000000
}
h1 {font-size: 1.6em; font-style: Italic; letter-spacing: 1px; margin: 0 0 0px 
}
h2 {font-size: 1.6em; text-shadow: 2px 2px 2px #eee
}
h3 {font-size: 1.5em; font-weight: 700
}
h4 {font-size: 1.3em; font-style: none; TEXT-ALIGN: center; FONT-FAMILY: Arial, Helvetica, sans-serif 
}
h5 {font-size: 1.2em
}
h6 {font-size: .9em; font-style: Italic; letter-spacing: 1px; margin: 0 0 0px
}
.space {
  margin-left:20px;
  }


.blackText { FONT-SIZE: 10pt; FONT-WEIGHT: 400; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: left
}
.blackTextMed { FONT-SIZE: 11pt; FONT-WEIGHT: 400; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: left
}
.blueTextLeft { FONT-SIZE: 12pt; COLOR: #312976; FONT-WEIGHT: 600; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; text-align: left
}
.blueTextNewsletter { FONT-SIZE: 10pt; COLOR: #3366CC; FONT-WEIGHT: 700; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; text-align: left
}
.blueItalic { FONT-SIZE: 11pt; COLOR: #2e3490; FONT-STYLE: italic; FONT-FAMILY: Arial, Helvetica, sans-serif 
}

.CarServicesIconsText { FONT-SIZE: 10pt; line-height:12px; FONT-STYLE:italic; FONT-WEIGHT: bold; COLOR: #312976; FONT-FAMILY: Arial, Helvetica, sans-serif
}.siteMapBold { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #2e3490; FONT-FAMILY:  Arial, Helvetica, sans-serif; FONT-STYLE: italic 
}
.UnderConstruction { FONT-SIZE: 1.7em; FONT-FAMILY:  Arial, Helvetica, sans-serif;
}