/*  SECTIONS  ============================================================================= */
.section {
	clear: both;
	padding: 0px 20px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/* 960 Pixels */
@media only screen and (max-width: 960px) {
	.aaha {margin-top:6%;}
	.services {background-image:url('../img/dog500.jpg')}
	.nav li a {font-size:14px;font-size:1.4rem;}
}
/* 767 Pixels */
@media only screen and (max-width: 767px) {
	.aaha {width:50px;}
	.nav {display:none;}
	.header {height:180px;padding-right:0;}
	.topLinks {margin-top:20px;}
	.topContactInfo {margin-top:0;}
	.topContactInfo span {display:inline-block;float:right;clear:right;margin-top:20px;}
	.topContactInfo span.hours {margin-top:10px;}
	.topContactInfo span.hours.sat {clear:right;}
	.mobileMenuLink {display:block;float:right;clear:right;margin:20px 20px 0 0;}
	h1 {font-size:40px;font-size:4rem;line-height:1.2;}
	h2 {font-size:28px;font-size:2.8rem;line-height:1.2;}
	h3 {font-size:22px;font-size:2.2rem;line-height:1.2;}
	.about p, .petPlan p {font-size:24px;font-size:2.4rem;}
}

/* 700 Pixels */
@media only screen and (max-width: 700px) {
	.hideMobile {display:none;}
}

/* 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {margin: 1% 0 1% 0%;}
	.topNav, #slider, .headerInterior, .aaha {display:none;}
	.mobileOnly {display:block;}
	.headerInterior_mobile {display:block;font-size:0;}
	.services {background-image:url('../img/dog500.jpg')}
	h1, .pageTitle {font-size:36px;font-size:3.6rem;margin-bottom:30px;line-height:1.2;}
	h2 {font-size:24px;font-size:2.4rem;line-height:1.2;}
	h3 {font-size:20px;font-size:2.0rem;line-height:1.2;}
	.header {height:auto;}
	.logo {max-width:50%;}
	.topLinks {float:none;text-align:right;font-size:12px;font-size:1.2rem;}
	.topContactInfo span.hours {display:none;}
	.mobileMenuLink {margin-bottom:10px;}
	.homeIcons .span_1_of_4 {width:48%;margin:1%;}
	.services {background-image:none;}
	.serviceList {font-size:24px;font-size:2.4rem;}
	.petPlan p {font-size:20px;font-size:2rem;line-height:1.2;}
	.planList {font-size:18px;font-size:1.8rem;}
	.col.homeIcons {margin-bottom:50px;}
	.col.homeIcons:last-of-type {margin-bottom:0;}
	#googleMap {width:100%;}
	.newsImgContainer, .eventImgContainer {float:none;margin-left:0;}
	.newsImgContainer img, .eventImgContainer img {float:none;max-width:100%;}
	.footer, .footer .right {text-align:center;}
	.designedBy {padding-top:10px;}
	.wysiwyg img {width:100%;height:auto;}
	#googleMap {margin-bottom:60px;}
	input.submitButton {width:100%;}
	.servicesMenu {line-height:1.5;}
	
	/* Google reCaptcha Mobile Styles */
	#recaptcha_challenge_image {
		margin: 0 !important;
		width: 100% !important;
		height: auto !important;
    }
	.recaptchatable a img {width:auto !important;}
	#recaptcha_logo {display:none;}
    #recaptcha_response_field {
		margin: 0 !important;
		width: 100% !important;
		height: auto !important;
    }
    .recaptchatable #recaptcha_image {
		margin: 0 !important;
		width: 100% !important;
		height: auto !important;
    }
	.recaptchatable .recaptcha_image_cell center img {width:100% !important;}
	.recaptchatable a, .recaptchatable a:hover {font-size:7px;font-size:0.7rem;}
    .recaptchatable .recaptcha_r1_c1, 
    .recaptchatable .recaptcha_r3_c1, 
    .recaptchatable .recaptcha_r3_c2, 
    .recaptchatable .recaptcha_r7_c1, 
    .recaptchatable .recaptcha_r8_c1, 
    .recaptchatable .recaptcha_r3_c3, 
    .recaptchatable .recaptcha_r2_c1, 
    .recaptchatable .recaptcha_r4_c1, 
    .recaptchatable .recaptcha_r4_c2, 
    .recaptchatable .recaptcha_r4_c4, 
    .recaptchatable .recaptcha_image_cell {
		margin: 0 !important;
		width: 100% !important;
		background: none !important;
		height: auto !important;
    }
	/**********************************/
}

/* 2 Columns */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 49.2%;}
/* 3 Columns */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.13%;}
.span_1_of_3 {width: 32.26%;}
/* 4 Columns */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 23.8%;}
/* 5 Columns */
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 79.68%;}
.span_3_of_5 {width: 59.36%;}
.span_2_of_5 {width: 39.04%;}
.span_1_of_5 {width: 18.72%;}
/* 6 Columns */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
.span_1_of_6 {width: 15.33%;}
/* 7 Columns */
.span_7_of_7 {width: 100%;}
.span_6_of_7 {width: 85.48%;}
.span_5_of_7 {width: 70.97%;}
.span_4_of_7 {width: 56.45%;}
.span_3_of_7 {width: 41.94%;}
.span_2_of_7 {width: 27.42%;}
.span_1_of_7 {width: 12.91%;}
/* 8 Columns */
.span_8_of_8 {width: 100%;}
.span_7_of_8 {width: 87.3%;}
.span_6_of_8 {width: 74.6%;}
.span_5_of_8 {width: 61.9%;}
.span_4_of_8 {width: 49.2%;}
.span_3_of_8 {width: 36.5%;}
.span_2_of_8 {width: 23.8%;}
.span_1_of_8 {width: 11.1%;}
/* 9 Columns */
.span_9_of_9 {width: 100%;}
.span_8_of_9 {width: 88.71%;}
.span_7_of_9 {width: 77.42%;}
.span_6_of_9 {width: 66.13%;}
.span_5_of_9 {width: 54.84%;}
.span_4_of_9 {width: 43.55%;}
.span_3_of_9 {width: 32.26%;}
.span_2_of_9 {width: 20.97%;}
.span_1_of_9 {width: 9.68%;}
/* 10 Columns */
.span_10_of_10 {width: 100%;}
.span_9_of_10 {width: 89.84%;}
.span_8_of_10 {width: 79.68%;}
.span_7_of_10 {width: 69.52%;}
.span_6_of_10 {width: 59.36%;}
.span_5_of_10 {width: 49.2%;}
.span_4_of_10 {width: 39.04%;}
.span_3_of_10 {width: 28.88%;}
.span_2_of_10 {width: 18.72%;}
.span_1_of_10 {width: 8.56%;}
/* 11 Columns */
.span_11_of_11 {width: 100%;}
.span_10_of_11 {width: 90.76%;}
.span_9_of_11 {width: 81.52%;}
.span_8_of_11 {width: 72.29%;}
.span_7_of_11 {width: 63.05%;}
.span_6_of_11 {width: 53.81%;}
.span_5_of_11 {width: 44.58%;}
.span_4_of_11 {width: 35.34%;}
.span_3_of_11 {width: 26.1%;}
.span_2_of_11 {width: 16.87%;}
.span_1_of_11 {width: 7.63%;}
/* 12 Columns */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.53%;}
.span_10_of_12 {width: 83.06%;}
.span_9_of_12 {width: 74.6%;}
.span_8_of_12 {width: 66.13%;}
.span_7_of_12 {width: 57.66%;}
.span_6_of_12 {width: 49.2%;}
.span_5_of_12 {width: 40.73%;}
.span_4_of_12 {width: 32.26%;}
.span_3_of_12 {width: 23.8%;}
.span_2_of_12 {width: 15.33%;}
.span_1_of_12 {width: 6.86%;}

/* Go full width at 480px and less */
@media only screen and (max-width: 480px) {
	.span_1_of_2, .span_2_of_2,
	.span_1_of_3, .span_2_of_3, .span_3_of_3,
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_1_of_4,
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5,
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6,
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7,
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8,
	.span_1_of_9, .span_2_of_9, .span_3_of_9, .span_4_of_9, .span_5_of_9, .span_6_of_9, .span_7_of_9, .span_8_of_9, .span_9_of_9,
	.span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10, .span_9_of_10, .span_10_of_10,
	.span_1_of_11, .span_2_of_11, .span_3_of_11, .span_4_of_11, .span_5_of_11, .span_6_of_11, .span_7_of_11, .span_8_of_11, .span_9_of_11, .span_10_of_11, .span_11_of_11,
	.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {width: 100%;}
}