/* MAIN */

body, html {
font-size: 62.5%;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

body { 
font-size: 14px; 
font-size: 1.4rem; 
padding-top:0;
}

a, a:visited {
color:#2bbed8;
text-decoration:underline;
}

a:HOVER, a:ACTIVE {
color:#0d92a9;
}


.greenTop {
background-image: url(../images/back_green.jpg);
background-repeat: repeat-x;
height:572px;
padding-right:0;
padding-left:0;
position:relative;
}


.achLogo {
position:absolute;
top:25px;
left: 10%;
}

.topCopy {
position:absolute;
top:160px;
left: 10%;
width:40%;
color:#fff;
z-index:200;
}

.topCopy h1 {
font-size:50px;
font-size:5.0rem;
line-height:60px;
line-height:6.0rem;
}

.topCopy p {
font-size:18px;
font-size:1.8rem;
line-height:26px;
line-height:2.6rem;
width:70%;
}


.boyDesktop {
position:absolute;
top:0;
right:0;
width:719px;
height:572px;
z-index:100;
}

.boyMobile {
position:absolute;
bottom:0;
right:0;
z-index:100;
}

.bottomShadow {
position:absolute;
bottom:0;
left:0;
height:12px;
width:100%;
background-image: url(../images/bottomShadow.png);
background-repeat: repeat-x;
z-index:200;
}

.locoSearch {
background-color:#2bbed8;
padding:5px 10px 10px 10px;
}

.locoListings, .theFooter {
background-image: url(../images/topShadow.png);
background-repeat: repeat-x;
}

.zipSearch {
text-align:center;
font-size:22px;
font-size:2.2rem;
color:#fff;
margin-top:5px;
margin-bottom:5px;
}

.achButton {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border:2px solid #fff;
background-color:#0f9dbb;
font-size:14px;
font-size:1.4rem;
text-transform:uppercase;
padding: 15px 25px;
margin-top:3px;
}

.zipField {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border:2px solid #fff;
background-color:#FFF;
font-size:14px;
font-size:1.4rem;
text-transform:uppercase;
padding: 15px 20px;
margin:0 0 0 10px;
color:#999;
}

a.locName {
	font-weight:bold;
	font-size:18px;
	font-size:1.8rem;
	margin-top:5px;
	text-decoration:none;
	color:#000;
}

.theDistance {
	color:#999;
	text-transform:italics;
	
}

.littleCar {
float:right;
}


.locationIntro h3 {
margin-top:100px;
}

.locationIntro h3 a {
font-size:14px;
font-size:1.4rem;
}

.locationList h3 {
font-size:24px;
font-size:2.4rem;
color:#7ac143;
font-weight:bold;
}

.theFooter {
margin-top:30px;
padding-top:20px;
}

.footerLogos img {
margin-left:20px;
}

.footerInfo {
padding-top:20px;
}


/* OVERRIDES */


/*SMALL DEVICES */
@media (max-width: 767px) {			

	.greenTop {
		height:362px;
		}
		
	.achLogo {
		top:35px;
		left: 5%;
		width:140px;
		height:auto;;
		}
		
	.zipSearch {
	margin-top:0;
	margin-bottom:0;
	}
	
		
	.topCopy {
	top:115px;
	left: 5%;
	width:70%;
	}

	.topCopy h1 {
	font-size:20px;
	font-size:2.0rem;
	line-height:24px;
	line-height:2.4rem;
	}

	.topCopy p {
	font-size:14px;
	font-size:1.4rem;
	line-height:18px;
	line-height:1.8rem;
	width:80%;
	}
	
	.locationIntro h3 a {
	padding-left:5px;
	}
	
	.locationIntro h3 {
	margin-top:30px;
	}
	
	
	.zipField {
	padding: 15px 10px;
	margin:0;
	}
	
	
	
	
	
	
}

/* TABLETS */
@media (min-width: 768px) and (max-width: 991px) {

	.greenTop {
		height:362px;
		}
		
	.achLogo {
		top:35px;
		left: 5%;
		width:140px;
		height:auto;;
		}
	
		
	.topCopy {
	top:115px;
	left: 5%;
	width:70%;
	}

	.topCopy h1 {
	font-size:30px;
	font-size:3.0rem;
	line-height:32px;
	line-height:3.2rem;
	}

	.topCopy p {
	font-size:24px;
	font-size:2.4rem;
	line-height:28px;
	line-height:2.8rem;
	width:80%;
	}


	.littleCar {
	float:right;
	margin:10px 10px 0 20px;
	}
	
	.locationIntro h3 a {
	padding-left:0;
	}
	
 	
}

/* DESKTOP */
@media (min-width: 992px) and (max-width: 1199px) {
 
	.littleCar {
	float:right;
	margin:10px 70px 0 20px;
	} 	
	
	.locationIntro h3 a {
	padding-left:20px;
	}
 	
 
}


/* LARGE DESKTOP */
@media (min-width: 1200px) {
	
	.littleCar {
	float:right;
	margin:10px 140px 0 20px;
	}

	
	.locationIntro h3 a {
	padding-left:20px;
	}

 	
}


@media print {

	a[href]:after {
	content: none !important;
	}
	
	
}