#wrapper { position:relative; top:0; left:0; width:960px; min-height:100%; margin:0 auto;z-index:1; }
.body { background-color:#FFF; padding:0; }
#body .left {  width:679px !important; max-width:100%; float:left; background-color:#ffffff;padding:0px !important;  }
.bodyHeader {  color:#1D388C; font-family:Lato; font-size:26px;font-weight:900; padding:0 0 5px; margin:0 0 20px; }
#welcomeText { font-size:14px;}
#ourServices {border-bottom:4px solid #B7B7B7;margin-top:30px;}
.serviceList {float:left;width:185px; height:auto; margin:0 0 20px 0 ; padding:0; list-style:none;  }
.listTitle { font-size:14px; font-weight:700;color:#333;padding:0 0 0px 10px;margin-bottom:5px;}
.listBullet { float:left;width:25px;height:25px;background:url("/images/homepage/bullet.png") no-repeat top left;}
.serviceList li{ width:100%; float:left;}
.liText { float:left;width:80%; text-decoration:none;color:#555;   font-size:12px; line-height:12px;font-weight:700; padding:7px 0 0 0;margin-bottom:2px;}
.liText:hover { text-decoration:underline;}
#body .left li.clear { display:block; width:0; height:0; float:none; overflow:0; clear:both; overflow:hidden; visibility:hidden; }
#whiteCarImg {float:left; width:255px; margin-top:25px;}                        
.slide { width:100%;height:350px; }
.imgNav {position:absolute;right:20px;bottom:10px;}
.imgOverlay { width:100%;height:75px;position:absolute;background-color:black;opacity:0.5;bottom:0;left:0; }
.overlayText {position:absolute;bottom:25px;left:25px;color:white;z-index:10; font-family:Lato; font-weight:bold;font-size:26px;}
.onBullet {float:left;width:15px;height:15px;margin-right:3px; background-color:blue; }
.offBullet {float:left;width:15px;height:15px;margin-right:3px; background-color:#ffffff; }
.leftContent { width:689px;padding:30px 20px 30px 30px;}
#body .right { float:right; width:280px !important; padding:8px !important;  }
.bodyRightImg { float:left; width:264px;margin-bottom:10px; }
#scheduleAppointment {margin-bottom:7px;}
#body .right h2 { color:#1D388C; font-size:30px; font-weight:700; margin:0 0 5px; }
#body .right h3 { color:#7D7D7D; font-size:18px; font-weight:700; margin:0; }
#body .right p { color:#555; font-size:14px; font-weight:700; }
#body .right p a { color:#555; font-size:14px; font-weight:700; }
#body .right #map { position:relative; top:0; left:0; width:505px; height:240px; }
#body .clear { display:block; width:0; height:0; overflow:0; clear:both; overflow:hidden; visibility:hidden; }
#bottomRuler { width:930px; max-width:100%; height:3px;padding:15px;background-color:#ffffff; }
#bottomRulerInside { width:930px; float:left; height:1px;margin:0 auto;background-color:#b7b7b7;}
#bodyRightContent { width:252px;background-color:#e9e9e9; border-radius:5px; padding:0px !important; padding-top:20px !important; padding-bottom:20px !important;}
#bodyRightHeader { padding:0 23px;color:#1D388C; font-size:18px; font-family:Lato; font-weight:bold; margin-bottom:15px; }
.bodyRightText {margin-bottom:20px; }
.bodyRightTextTitle { padding:0 25px;color:#000000; font-size:16px; font-family:Lato; font-weight:bold; }
.bodyRightTextContent { padding:0 25px;color:#000000; font-size:16px; font-family:Lato; }
#getDirectionsButton { padding:0 28px;margin:40px 0 10px 0px; }

 
.bodyRightTextContent2{ font-family:Lato;font-style:italic;font-size:15px;color:#333333;}

@media only screen and (max-width: 1362px) { 
}

@media only screen and (max-width: 992px) { 
	.overlayText {left:0px;}
	#bottomRulerInside{max-width:100%; display:none;}
	#bottomRuler{  background-color:#FFF; height:10px; padding:0px; float:left;}
	.listTitle{ font-size:21px;}
	.liText{font-size:16px;}
    #body .left{width:100% !important; padding:25px 20px 20px 20px;}
    #body .left img{ max-width:100%;} 
	#body .right{float:none; margin:0 auto;  }
    #wrapper, .wrapper{ max-width:100%; width:100%;}
    .z-mobile-header{ background-color:#1e388d;}

    .z-mobile-header .z-mobile-menu{ background-color:#1e388d;}
    .footerNavItem{ font-size:16px; line-height:1.3; padding-bottom:15px;}
    .serviceList{ width:33%; }

	.testimonialDiv1 div{ overflow:hidden;}
	.overlayText{ font-size:21px;}



	#body .right p{font-size:16px;}
	.bodyRightImg{ clear:both;}
	#bottomFooter div { text-align:center;}
	#bottomFooterLeft {float:none; width:100%; max-width:300px; margin:0 auto; }
	#bottomFooterMiddle { float:left;width:100%; max-width:100%; background-color:#1d388c;}
	#bottomFooterMiddle p {font-size:16px;line-height:1.3;}
	#bottomFooterRight {float:none; width:100%; max-width:200px; margin:0 auto;}
	.bodyRightTextContent2{font-size:16px;}
	#bodyRightContent{width:100%; float:left;}
	.overlayText{ width:100%; text-align:center;}
	.leftContent{width:100%;}
	.slide{ height:auto !important;}
}
@media only screen and (max-width: 767px) { 
	.slide{ height:350px;}
    .serviceList{ width:50%; }
	.overlayText{ font-size:18px;}

}
@media only screen and (max-width: 479px) { 
	.slide{ height:262px;}
    .serviceList{ width:100%; }
	.overlayText{ font-size:16px;}
}