body {background-color:#051625; text-align:center;/* IE hack to center page contents */
	margin:0;  font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#333; line-height:20px;}

h1, h2, h3, h4 {padding:0; margin:0; font-weight:normal; color:#B2096B;}
h1 {font-size:26px; line-height:36px; padding-bottom:12px;}
h2 {font-size:22px; line-height:28px;}
h3 { font-size:22px; line-height:24px; padding-bottom:12px;}
h3.line {background:url(images/back_line.png) 0 bottom repeat-x;}


p {margin:0; padding:0 0 15px 0; font-size:14px; line-height:20px;}
p.error {padding:0 0 20px 20px !important; background:url(admin/icons/warning.gif) 0 0 no-repeat; color:#de0000;}
ul, ol {margin:0; padding:0;}
li {margin:0; padding:0;}


hr {text-align:center; height:1px; color:#ccc; border:none; margin:4px auto; width:80%;} /* For IE */
html>body hr {background-color:#ccc; margin:10px auto;} /* For Gecko-based browsers */
html>body hr {border:0px solid #ccc;} /* For Opera */
/* hr rules, see: http://www.saila.com/usage/tips/defn.shtml?hr */

form {margin:0;}
img {border:0;}
.clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}
img.right {float:right; margin:0 0 14px 20px; border:1px solid #ccc;}
img.left {float:left; margin:0 20px 14px 0; border:1px solid #ccc;}

#printlogo {display:none;position:absolute; top:0px; left:0px;}


/* ---- links ----------------------------------------- */
a {color:#B2096B; text-decoration:none;}  
a:visited {}
a:hover {color:#9B0C65;}
a:active {}
a:active, a:focus {outline:none;}
a.arrow {background:#B2096B url(images/icon_arrow.png) right center no-repeat; padding:4px 26px 4px 10px; color:#FFFFFF; font-weight:normal;-moz-border-radius: 5px; border-radius: 5px;}
	a.arrow:hover {background-color:#9B0C65;}
a.bluearrow {background:url(images/icon_bluearrow.png) right top no-repeat; padding:0 15px 0 0; line-height:16px;}
	a.bluearrow:hover {background-position:right -16px;}

/* ---- forms ----------------------------------------- */
form {margin:0;}
input, textarea, select, option {}


/* ---- ids & classes ----------------------------------------- */
#back { background:#FFF url(images/back.png) repeat-x; border-bottom:1px solid #999;}

	 
/* Header styles */ 
#header {position:relative; width:922px; height:215px; margin:0 auto;}
	#logo {position:absolute; top:0px; left:0px; width:460px; height:170px; background:url(images/logo.png) no-repeat; text-indent:-4000px;}
		#logo a {display:block; width:460px; height:214px;}
	
	#tagline {position:absolute; top:170px; left:0px; width:460px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:20px; color:#051625;}
	#header .contact {position:absolute; top:160px; left:580px;}
		#header .contact p.hours { font-size:22px;  color:#051625; padding:0 10px 8px 38px; background:url(images/icon_wrench.png) 12px center no-repeat; border-bottom:1px solid #999; line-height:30px;}
		#header .contact p.phone, #header .contact p.phone a { font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  color:#051625; padding:0; line-height:40px;text-decoration:none; padding:0 8px 0 8px;}
	
	
#nav ul {width:922px; height:40px; margin:0 auto; }
	#nav li {padding:0; margin:0; float:left; list-style:none;}
	#nav li a {margin:0; padding:0 24px 0 24px; display:block; font-size:16px; line-height:40px; font-weight:normal; color:#FFFFFF;}
	#nav li a:hover {color:#FFF; background:#879E83;}
	#nav li a.on {color:#FFF; background:#758972;}


#content {width:922px; margin:0 auto; text-align:left; margin-top:28px;}


	#homebanner { background:#FFF; position:relative;}
		#homebanner .pad {padding:20px;}
		#homebanner .intro {float:left; margin:0 0 0 10px; width:400px;}
		#homebanner h1 {margin:25px 0 10px 0; font-size:26px; line-height:35px;}
		#homebanner p {font-size:18px; line-height:25px;}
		
		
		/*** set the width and height to match your images **/

		#slideshow {
			float:right;
			position:relative;
			height:300px;
			width:450px;
		}
		
		#slideshow IMG {
			position:absolute;
			top:0;
			left:0;
			z-index:8;
			opacity:0.0;
		}
		
		#slideshow IMG.active {
			z-index:10;
			opacity:1.0;
		}
		
		#slideshow IMG.last-active {
			z-index:9;
		}	


	#quote {background:url(images/icon_quote.png) 0 10px no-repeat; width:435px; float:left; margin-top:35px; padding-top:15px;}
		#quote p {padding:0 0 6px 70px; margin:0; text-align:right;}
	
	#servicerepair {background:url(images/back_appliances.png) 0 0 no-repeat; width:460px; height:208px; float:right; margin-top:35px;}
		.pad {padding:15px 0 0 25px;}
		#servicerepair .col1 {float:left; width:138px; margin-bottom:6px;}
		#servicerepair .col2 {float:left; width:160px; margin-bottom:6px;}
		#servicerepair .col3 {float:left; width:130px; margin-bottom:6px;}
		
		
	#brands {margin-top:35px;}
		#brands h3 {padding-left:20px;}
		#brands a {float:right; margin:-28px 20px 0 0;}
		#brands .brandnames {text-indent:-4000px; background:url(images/brands_2022a.png) 0 0 no-repeat; width:920px; height:240px; padding:0; margin:0;}



#page { background:#FFF; position:relative;}
	#page .pad {padding:40px 30px 40px 30px;}
	.page_left {width:475px; float:left;}
	.page_right {width:350px; float:right; margin-top:48px;}
	
	#page p.intro {font-size:18px; line-height:25px;}
	#page h3 {border-bottom:1px solid #ccc; margin:20px 0 20px 0;}
	
	#page .quote {background:url(images/icon_quote.png) 0 0 no-repeat; width:350px; float:none; margin-top:20px; padding-top:0px;}
		#page .quote p {padding:0 0 15px 70px; margin:0; text-align:right;}
		#page .quote .mclogo {background:url(images/mclogo.png) 80px 0 no-repeat;}
		
		.twocol {float:left; width:237px;}
		.threecol {float:left; width:158px;}

        .towns {
            display: flex;
            gap: 30px;
        }
		


/* Footer styles */
#footer {border-top:1px solid #FFF;}
	#footer .pad {width:900px; margin:0 auto; padding:25px 0 25px 0;}
	
	#footer .left {float:left; width:400px; text-align:left;}
		a.bbb {display:block; float:left; margin:0 15px 0 0;}
		a.mcdonald {background: url(images/icon_mcdonald.png) no-repeat; width:172px; height:34px; text-indent:-4000px; display:block; float:left; margin:0;}
		p.copy {color:#8C9BA4; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:12px;}
			p.copy a {color:#8C9BA4;}
			p.copy a:hover {color:#FFF;}

	#footer p.creditcards {float:right; background: url(images/icon_creditcards.png) right top no-repeat; height:28px; line-height:28px; text-align:right; padding:0 155px 0 0; margin:0; font-size:18px; color:#8C9BA4;}
		#footer p.creditcards span {display:none;}
