html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	font: 15px/160% "Lucida Grande", Lucida, Tahoma, Verdana, sans-serif;
	background-color: #DEDCC7;
	color: #000000;
	text-align: center;
}

a img {

	border: none;

}

h1, h2, h3, h4, h5, h6, p, pre,blockquote, ul, ol, dl, address {

	margin: 0;

	padding: 0;

}

ul {

	list-style-position: inside;

}

pre {

	font-size: 13px;

}

/* Miscellaneous conveniences: */



form label {

	cursor: pointer;

}



fieldset {

	border: none;

}



/* Form field text-scaling */



input, select, textarea {

	font-size: 100%;

}



a:focus {

	outline: none;

}



/* @end */



/* @group Typography */
/* Basic Typography */
h1 {
	line-height: 145%;
	padding: 4px;
	letter-spacing: -1px;
	font-weight: normal;
	font-style: normal;
}
h2 {
	line-height: 145%;
	padding: 4px;
	letter-spacing: -1px;
	font-weight: normal;
	font-style: normal;
}
h3 {
	line-height: 145%;
	padding: 4px;
	letter-spacing: 0px;
	font-weight: normal;
	font-style: normal;
}
h4 {
	line-height: 145%;
	padding: 4px;
	font-weight: normal;
	font-style: normal;
}
p {
	padding-bottom: 10px;
}

/*-----BLOCKQUOTE STYLE-----*/
blockquote {
	padding: 10px;
	font-style: italic;
}
div.code {
	padding: 10px;
	text-decoration: none;
	font: normal normal normal 11px "Courier New", Courier, mono;
}
/* @end */
/* @group Header */
/* CSS for Header Text */
#header_text h1, #header_text h1 a {
	padding-left: 10px;
	padding-top: 20px;
	text-decoration: none;
	letter-spacing: -1px;
}
#header_text h2 {
	padding: 0px 0px 0px 20px;
	margin: 0px;
}
#header_text .inside {
	padding: 0;
	margin: 0;
}
/* CSS for Header Image */
#header_graphic h1, #header_graphic1 h1 {
	text-indent: -6000em;
}
#header_graphic .inside, #header_graphic1 .inside {
	padding: 0;
	margin: 0;
}
#header_graphic1 .inside {width:700px;}
body.adoption_today_lp #header_graphic1 .inside {width:650px; }
body.adoption_today_lp #header_graphic1 .inside ul {padding: 0px; margin: 0px;}
body.adoption_today_lp #header_graphic1 .inside ul li {line-height: 1.6em;}
body.adoption_today_lp #header_graphic1 .inside h1, body.adoption_today_lp #header_graphic1 .inside h2 {line-height: 0px; height: 0px; }
				
				
#header_graphic h1 a, #header_graphic1 h1 a {
	display: block;
	text-indent: -6000em;
}
#header_graphic h2, #header_graphic1 h2 {
	text-indent: -6000em;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
	font-size: 0;
}
#header_graphic1 {
	text-align: left;
}
#header_graphic1 p {
	font-size: 20px;
	padding: 5px 10px;
}
#header_graphic1 ul {
	font-size: 13px;
	padding: 5px 10px;
}

/* @end Header*/
/* @group Mainbody */
#main-wrapper,.outerstroke {
	margin: 0px auto;
}
#main-wrapper {
	width: 956px;
	border: 6px solid #c8c7b4;
}
#mainbody {
	width: 100%;
	margin: 0px auto;
	background-color: #fff;
	text-align: left;
}
#mainbody #mainbody-inner {
	padding: 10px;
}
#mainbody #mainbody-inner p, #mainbody #mainbody-inner ul {
	padding: 10px;
}

/* @end */
/* @group Footer */
#footer {
	width: 100%;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
}
#footer p {
	padding: 0px;
	margin: 0px;
	line-height: 105%;
}
#footer a, #footer a.mainlevel {
	background-image: none;
	text-align: center;
	text-decoration: underline;
}

fieldset {
	margin-top: 5px;
	padding: 5px;
}
/* ============== HEADER TEXT STYLE  ============== */
#header {color: #fff; background-color: #0F3B85; height: 50px;
}
.adoption_today #header, .adoption_today_lp #header {height: 100px;}
#header_text h1, #header_text h1 a {
	color: #5c7ebd;
	font: bold 45px/40px Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}

#header_text h2 {
	color: #fff;
	font: italic bold 18px/28px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/* ============= HEADER GRAPHIC STYLE  ============= */
#header_graphic {
	background: url(images/pi_logo.png) no-repeat center top;
	height: 165px; /* HEADER GRAPHIC HEIGHT */
}
#header_graphic1 {
	background: #F7F6F0 url(images/header.jpg) no-repeat right top;
	height: 308px; /* HEADER GRAPHIC HEIGHT */
	border-bottom: #0F3B85 8px solid;
}
.adoption_today_lp #header_graphic1 {
	background: #F7F6F0 url(images/header_at_lp.png) no-repeat right top;
	height: 308px; /* HEADER GRAPHIC HEIGHT */
	border-bottom: #0F3B85 8px solid;
}

/* ============= HEADER GRAPHIC HOTSPOT  ============= */
#header_graphic h1 a, #header_graphic1 h1 a {
	height: 80px;
	width: 300px;
	margin-top: 20px;
	text-indent: -6000em;
	/* REMOVE COMMENT TO PREVIEW
	border: 1px solid red;
	*/ 

}

#header_graphic1 h1 a {
	height: 10px;
	width: 300px;
	margin-top: 20px;
	text-indent: -6000em;
	/* REMOVE COMMENT TO PREVIEW
	border: 1px solid red;
	*/ 

}

#footer {background-color: #0F3B85; color: #fff; font-size: 10px; padding: 10px 0px;}
#footer .col{float:left;idth:30%;margin:0 0 0 20px; text-align: left;}
#footer .col h4 a {color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; padding-left: 0px;}
#footer .col a {color: #fff; text-decoration:none;}
#footer .col a:hover {text-decoration:underline;}
#footer .col ul {list-style: none;}
#copyright {color: #000; font-size: 10px; text-align: center;padding: 10px 0px;}

.clear{clear:both;}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
#bonus_wrapper {text-align: center;}
.bonus {margin: auto; background-color: #0F3B85; color: #fff; font-size: 16px; line-height: auto; padding: 10px; width: 500px;}
.bonus p {text-align: left; }

#signup_wrapper {text-align: center;}
#signup {margin: auto; background-color: rgb(255, 255, 204); font-size: 16px; line-height: auto; padding: 10px; margin: 25px auto; width: 470px; border: 1px dashed}
#signup p {text-align: left; }

table#testimonials {font: 14px/150% "Lucida Grande", Lucida, Tahoma, Verdana, sans-serif;}

div.bonus a {color:#fff; font-weight: bold;}

.btn {
	float: left;
	display: block;
	lear: both;
	background: url(images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.btn a{
	float: left;
	height: 40px;
	background: url(images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
}
.btn span {
	background: url(images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.btn_continue { background-color: #D4201F; }

.clear_btn { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
#mainbody-inner-left {float:left; width:45%; }
#mainbody-inner-right {float:right; width:45%; }


