html, body {
	margin:0;
	padding:0;
	background:#1e669f url(../images/template/bg.png) top center repeat-y;
	width:100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	min-width:980px;
}
form {
	margin:0;
	padding:0;
}
img {
	display:block;
	border:0;
}
:focus {
	outline: none
}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;	
}
.error, .alert {
	color:#ce5012;
}
input.text, textarea, select {
	border:1px solid #afafaf;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	padding:2px 2px 1px 2px;
	width:200px;
	color:#4B535D;
}
input.error, textarea.error {
	border:1px solid #ce5012;
	color:#4B535D;
}

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block;
}

#wrapper {
	width:980px;
	margin:0 auto;
}
header {
	position:relative;
	background: url(../images/template/header-left-pawprints.png) 31px 49px no-repeat;
	height:202px;
}
#header-logo {
	position:absolute;
	top:5px;
	left:309px;
}
#header-webcam {
	position:absolute;
	top:0px;
	left:679px;
}
#header-social {
	position:absolute;
	top:22px;
	left:922px;
}

/* top nav */
#main-nav-wrapper {
	position: absolute;
	top:167px;
	height: 40px;
	width:100%;
	z-index:100;
}
ul#main-nav {
	list-style:none;
	margin:0;
	padding:0 0 0 14px;
}
ul#main-nav > li {
	float:left;
	height:36px;
	position:relative;
}
ul#main-nav > li#main-nav-resources {
	border-right:0px;
}
ul#main-nav > li > a {
	float:left;
	display:block;
	padding:1px 29px 0 29px;
	position:relative;
	font-family:"quatro-slab", Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:16px;
	line-height:17px;
	text-decoration:none;
	color:#fff;
	border-right:1px solid #b37632;
}
ul#main-nav > li#main-nav-resources > a {
	border-right:0;
}
ul#main-nav > li > a:hover {
	text-decoration:none;
}
ul#main-nav > li > a.selected {
	color:#bbd046;
}
/* nav dropdowns */
.nav-dropdown {
	position:absolute;
	top:35px;
	left:-1px;	
	background:#1870a9;
	display:none;
	width:149px;
	padding:5px 0 16px 0;
	border-top:3px solid #bbd046;
	border-bottom:3px solid #bbd046;
}
.nav-dropdown ul {
	list-style:none;
	margin:0;
	padding:0;
}
.nav-dropdown a {
	display:block;
	padding:6px 10px 5px 18px;
	color:#cbda76;
	text-decoration:none;
	font-size:14px;
	line-height:18px;
}
.nav-dropdown a:hover {
	color:#fff;
	text-decoration:none;
}

/* contact us footer */
#contact-us-footer {
	border-top:1px solid #929395;
	margin:28px 0 -2px 0;
	padding-top:10px;
	width:929px;
}
#contact-us-footer h2 {
	display:inline;
	margin:0 10px 0 0;
	padding:0;
}
#contact-us-footer p {
	display:inline;
	margin:0;
}

/* footer */
#footer-wrapper {
	background:#00aac5;
}
footer {
	width:980px;
	margin:0 auto;
	text-align:center;
	font-family:"quatro-slab", Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:500;
	font-size:11px;
	line-height:11px;
	padding:16px 0 16px 0;
}
footer a {
	color:#ffffff;
}
#content-wrapper {
	background: #ffffff url(../images/template/content-bg.png?v2) 0 0 no-repeat;
	min-height:500px;
	color:#4e4e4f; /*59595b;*/
}

.paws-h1-wrappper {
	position:relative;
	left:-2px;
	width:924px;
	height:42px;	
	background-color:#0066c5;
	margin:0 0 23px 0;
}
.paws-h1-wrappper h1 {
	position:absolute;
	left:20px;
	bottom:8px;
	font-family:"quatro-slab", Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:26px;
	line-height:27px;
	color:#fff;
}
.paws-h1-bg {
	position:absolute;
	background:url(../images/template/h1-paws-bg.png) repeat-x;
	height:36px;
	display:none;
}


.col-25 {
	float:left;
	width:25%;
}
.col-33 {
	float:left;
	width:33%;
}
.col-50 {
	float:left;
	width:50%;
}

h1, .h1 {
	padding:0;
	margin:0;
	font-size:20px;
	line-height:26px;
	font-family:"quatro-slab", Arial, Helvetica, sans-serif;
}
#section-home h1, #section-home .h1 {
	display:inline;
	font-size:12px;
	line-height:18px;
}
.subheader {
	color:#e7ae4a;	
	font-size:13px;
	line-height:21px;
	font-weight:500;
	margin-top:-4px;
	font-family:"quatro-slab", Arial, Helvetica, sans-serif;
}
.intro-text-orange{
	color:#f2a51d;	
	font-size:14px;
	line-height:21px;
	font-weight:normal;
	margin-bottom:-4px;
	position:relative;
	top:-4px;
	font-family:"bree", Arial, Helvetica, sans-serif;
}
h2, .h2 {
	margin:0 0 12px 0;
	padding:0;
	font-size:17px;
	line-height:20px;
	font-family:"quatro-slab", Arial, Helvetica, sans-serif;
	font-weight:500;
}
h3, .h3 {
	margin:0 0 12px 0;
	padding:0;
	font-size:14px;
	line-height:18px;
	font-family:"quatro-slab", Arial, Helvetica, sans-serif;
	font-weight:500;
}
h2.green, h3.green, .green-text {
	color:#bcd047;
}
h2.blue, h3.blue {
	color:#00aac5;
}
.blue-text {
	color:#254876;
}
h2.orange, h3.orange, .orange-text {
	color:#e7ae4a;
}
h2.purple, h3.purple, .purple-text {
	color:#421e6c;
}

h2.gray, h3.gray, .gray-text {
	color:#6d6e70;
}
.gray-text a {
	color:#6d6e70;
}
.white-text {
	color:#fff;
}




p {
	margin:9px 0px;
	padding:0;
}
#section-home p {
	margin:0 33px 0 33px;
}
.quotation-purple {
	clear:both;
	color:#421e6c;
	font-family:"quatro-slab", Arial, Helvetica, sans-serif;
	font-weight:500;
	line-height:20px;
	padding-top:10px;
}
.quotation {
	clear:both;
	color:#4d227e;
	font-family:'bree', Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:20px;
	padding-top:10px;
	font-size:14px;
}


.clear {
	clear:both;
}
.bold {
	font-weight:bold;
}
em {
	font-style:italic;
}
#section-home .grid-links {
	padding:7px 0 1px 4px;
	margin-bottom:11px;
}
.grid-links a {
	float:left;
	display:block;
	padding:9px;
}

.info-page #col1 {
	width:535px;
	float:left;
}
.info-page #col2 {
	width:356px;
	margin:0 19px 0 0;
	float:right;
}
.box  {
	padding:18px 16px 27px 16px;
}

.home-box  {
	position:relative;
	padding:12px 16px 10px 15px;
	margin:-1px 10px 0 0;
	line-height:16px;
	float:left;
	width:289px;
	min-height:73px;
}
#section-home .home-box p {
	margin:10px 0;
	padding:0;
}
#section-home .last {
	margin-right:-15px !important;
	width:288px !important;
}
.introduction {
	margin:0px 33px 0 33px;	
	color:#335cad;
	font-size:14px;
	line-height:18px;
}
.introduction .larger {
	color:#0066c5;
	font-size:18px;	
	font-family:"quatro-slab", Arial, Helvetica, sans-serif;
	font-weight:500;
}
.orange-theme {
	background-color:#e7ad49;
	color:#421e6c;
	border-right:1px solid #fcf4e6;
}
.orange-theme a {
	color:#421e6c;
}

.green-theme {
	background-color:#bbd046;
	color:#254876;
	border-right:1px solid #fcf4e6;
}
.green-theme a {
	color:#254876;
}
.purple-theme {
	background-color:#421e6c;
	color:#ffffff;
}
.purple-theme a {
	color:#ffffff;
}
.horizontal-line {
	height:2px;
	background:url(../images/template/horizontal-line.png) repeat-x;
}
.purple-theme h2.green {
	color:#b6d17b;
}
.purple-theme h2.blue {
	color:#00aac5;
}
.blue-text {
	color:#254876;
}
.blue-text-light {
	color:#335cad
}
.blue-text-lightest {
	color:#0066c5
}

#listing-page {
	padding:17px 0 17px 27px;
}
#listing-page hr {
	clear:both;
	border:none;
	margin:12px 0 20px 0;
	width:927px;
	padding:0;
	height:1px;
	display:block;
	background:url(../images/template/horizontal-dotted-line.png) repeat-x;
}
#listing-page .col1 {
	width:296px;
	float:left;
}
#listing-page .col1 img {
	margin-bottom:18px;
}
#listing-page .col2 {
	width:632px;
	margin:0 19px 0 0;
	float:left;
}
#listing-page .col2 img {
	padding:0 0 10px 10px;
}
#listing-page .top-row {
	margin-bottom:-12px;
}
#listing-page .top-row .col1 {
	width:291px;
}
#listing-page .top-row .col2 {
	width:630px;
}
#listing-page .adoption-text-button {
	float:right;
	text-align:center;
	margin: 5px 0 5px 10px;
}
#listing-page .adoption-text-button h2 {
	margin:0 0 15px 0;
	padding:4px 0 0 0;
}
.listing-spotlight {
	color:#421e6c;
	margin-top:18px;
	padding:16px 10px 9px 200px;
	font-size:12px;
	line-height:16px;
	background:#e7ad49 url(../images/helping-paws-rescue/listing-spotlight-many-thanks-bg.png) no-repeat;
	font-family:"quatro-slab", Arial, Helvetica, sans-serif;
}
.listing-spotlight strong {
	font-weight:500;
}
.listing-spotlight h2 {
	margin:0 0 -3px 0;
}
.listing-spotlight p {
	font-size:15px;
}



a.learn-how-to-adopt {
	display:block;
	background:url(../images/helping-paws-rescue/bttn-learn-how-to-adopt.png) no-repeat;
	width:149px;
	height:25px;
}