@charset "UTF-8";
/* CSS Document */
#leftColumn{
 background-image: url("https://aspenwagstoriches.com/catalog/images/leftColumn.jpg");
 background-repeat: no-repeat;
}



body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	}
	body a  {
	color:#333333;
	text-decoration:none;
	}
.header {
	padding: 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 15px;
	margin: 0px auto;
	background-color: #333333;
	}	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* bof html markup */
/* eof html markup */

/* bof nav items */
.home {
	float: left;
	padding-right: 26px;
	padding-left: 26px;
	}.home a:hover {
	color:#EA7ABC
	}#home_landing {
	color:#DF1690;
	}#home_landing a {
	color:#DF1690;
	text-decoration:none;
}
.shop {
	float: left;
	padding-right: 24px;
	padding-left: 24px;
	}.shop a:hover {
	color:#EA7ABC
	}#shop_landing {
	color:#DF1690;
	}#shop_landing a {
	color:#DF1690;
	text-decoration:none;
}
.services {
	float: left;
	padding-right: 21px;
	padding-left: 21px;
	}.services a:hover {
	color:#EA7ABC
	}#services_landing {
	color:#DF1690;
	}#services_landing a {
	color:#DF1690;
	text-decoration:none;
}
.about{
	float: left;
	padding-right: 24px;
	padding-left: 24px;
	}.about a:hover {
	color:#EA7ABC
	}#about_landing {
	color:#DF1690;
	}#about_landing a {
	color:#DF1690;
	text-decoration:none;
}
.contact {
	float: left;
	padding-right: 22px;
	padding-left: 22px;
	}.contact a:hover {
	color:#EA7ABC
	}#contact_landing {
	color:#DF1690;
	}#contact_landing a {
	color:#DF1690;
	text-decoration:none;
}
.callout {
	color:#69B445;
	display: inline;
	font-weight: bold;
	}.callout a {
	color:#69B445;
	text-decoration:none;
	
/* eof nav items */

/* bof wrappers */
}.content_wrapper {
	background-image: url(../images/content_bkg.jpg);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: center;
}
.body_wrapper {
	width: 915px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
}
.header_wrapper {
	height: 156px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}#home_hdr {
	background-image: url(../images/nav/home_nav.jpg);
	}#shop_hdr {
	background-image: url(../images/nav/shop_nav.jpg);
	}#services_hdr {
	background-image: url(../images/nav/services_nav.jpg);
	}#about_hdr {
	background-image: url(../images/nav/about_us_nav.jpg);
	}#contact_hdr {
	background-image: url(../images/nav/contact_us_nav.jpg);
	}
	
.topheader_wrapper {
	clear: both;
	height: 20px;
	padding-top: 8px;
}
.nav_wrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	letter-spacing: 0.1em;
	margin-top: 26px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 300px;
}
.intro_wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #69B445;
	margin-top: 30px;
	line-height: 24px;
	font-weight: lighter;
}
/* eof wrappers */



/* bof font styling */
.bold{
	font-weight:bold
	}
.donate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #FFFFFF;
	float: left;
	margin-left: 695px;
	width: 65px;
	letter-spacing: 0.1em;
	display: inline;
	}.donate a {
	color:#FFFFFF;
	text-decoration:none;
}
.phone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #69B445;
	float: left;
	padding-left: 30px;
	font-weight: bold;
}
#home_intro {
	padding-left: 300px;
}
.bottom_header_wrapper {
	background-image: url(../images/bottom_header_wrapper.jpg);
	background-repeat: no-repeat;
	height: 168px;
	background-position: center top;
}
.pinkbox_copywrap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 315px;
	margin-right: 45px;
	padding-top: 25px;
	line-height: 16px;
}
.green_body_wrapper {
	background-image: url(../images/green_body_bkg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 198px;
}

.green_content {
	float: left;
	margin-top: 38px;
	height: 124px;
	}#one {
	width: 260px;
	margin-left: 30px;
	display: inline;
	}#two {
	width: 260px;
	margin-left: 37px;
	
	}#three {
	width: 260px;
	margin-left: 36px;
}

.green_box_img_holder {
	float: left;
	height: 125px;
	width: auto;
	margin-left: 5px;
	overflow: hidden;
	display: inline;
}
.green_content_copywrap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	line-height: 20px;
	}#copy_one{
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	width: 138px;
	}#copy_two{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 155px;
	}#copy_three{
	margin-left: 90px;
	height: 45px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 170px;
	}#adoptable_cats{
	float:left;
	margin-left: 8px;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 122px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #DF1690;
	font-weight: bold;
	display: inline;
	}#adoptable_cats a{
	color: #DF1690;
	text-decoration:none;
	}#adoptable_dogs{
	float:left;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 122px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #DF1690;
	font-weight: bold;
	text-align: right;
	margin-right: 8px;
	}#adoptable_dogs a{
	color: #DF1690;
	text-decoration:none;
	
}
.footer {
	padding: 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: auto;
	margin: 0px auto;
	background-color: #333333;
	}
	.footer_wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 915px;
	height: 50px;
	padding-top: 10px;
}
.shop_wrapper {
	height: 350px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/shop_bkg.jpg);
}
.shop_row_one {
	height: 130px;
	padding-top: 33px;
	padding-right: 26px;
	padding-left: 26px;
}
.shop_row_two {
	height: 130px;
	padding-top: 8px;
	padding-right: 26px;
	padding-left: 26px;
}
.shop_category_wrapper {
	float: left;
	width: 172px;
}
.shop_category {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-align: center;
	margin-top: 15px;
	clear: both;
	height: 32px;
	}.shop_category a{
	color:#333333;
	text-decoration:none;

}.shop_img_holder {
	height: 82px;
}
.coming_soon_wrapper {
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #CCCCCC;
	padding-left: 300px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.smallText{
color:#9c9b9c;
font-size:9pt;
font-family:arial, helvetica, sans-serif;
}
.left_sidebar_wrapper {
	float: left;
	width: 225px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-right: 55px;
	} #contact_us {
}
.main_content_wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #CCCCCC;
	padding-bottom: 20px;
	padding-top: 20px;
}
.right_body {
	margin-right: 30px;
	width: 585px;
	float: left;
	text-align: left;
}
.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #DF1690;
	padding-bottom: 5px;
	text-align: left;
	} .h1 a {
	color: #DF1690;
	text-decoration:none;
	} #press {
	border-bottom: 2px solid #CCCCCC;
	padding-bottom: 0px;
}
.body_copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	float: left;
	} body_copy a {
	color: #333333;
	text-decoration:none;
	} #dividing_line {
	border-bottom: 2px solid #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666666;
	padding-top: 10px;
	padding-bottom: 2px;
}
.h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #69B445;
	padding-top: 5px;
	padding-bottom: 5px;
}
#shop {
	padding-top: 10px;
	padding-right: 23px;
	padding-bottom: 0px;
	padding-left: 25px;
	float: left;
}