* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #000000;
	line-height: 90%;
}
h1, h2, h3, h4 {
	margin-bottom: .5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
	h2 {
		font-size: 18px;
	}
	h3 {
		font-size: 14px;
	}
	h4 {
		font-size: 14px;
	}
p, blockquote, ol, ul {
	margin-bottom: 1.5em;
	line-height: 160%;
}
blockquote {
	margin-left: 2em;
}
ol {
	padding-left: 2em;
	background:none;
}
ul {
	list-style: none;
}
ul li {
	list-style: disc;
	margin-left: 20px;
}
label {
	width: 5em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	padding-left: 5px;
}
.error {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
	font-weight: bold;
	margin-left: 10px;
}
#submit{
	position: relative;
	float: right;
	right: 60px;
	bottom: 40px;
}
a {
	font-weight: bold;
	text-decoration: underline;
	color: #CC6600;
	outline: none;
	overflow: hidden;
}
a:hover {
	text-decoration:none;
	}

/* Logo */

#logo {
	width: 880px;
	height: 140px;
	margin: 0 auto;
	background-color: #645e45;
	position: relative;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
}
	#logo a {
		text-decoration: none;
		color: #FFFFFF;
	}
	#logo .quote{
		position: absolute;
		right: 10px;
		top: 10px;
		width: 320px;
		height: 88px;
		background: url(../images/totems_qt.gif) no-repeat;
		text-indent: -9999px;
	}

/* Menu */

#menu {
	width: 880px;
	height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: auto;
	padding: 8px 0 8px 0;
	background-color: #A5A192;
	background-image: url(../images/menu_grad.gif);
	background-position: top;
	background-repeat: repeat-x;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
}
	#menu ul {
		margin: 0;
		list-style: none;
	}
	#menu li {
		margin: 0;
		padding: 5px;
		display: inline;
		font-weight: bold;
		border-right: 2px solid #000000;
	}
	#menu a {
		padding-right: 10px;
		padding-left:5px;
		color: #000000;
		text-decoration: none;
	}
	#menu a:hover {
		text-decoration: none;
		color: #DDDDDD;
	}

/* Page */

#page {
	width: 880px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;

}
	.wolf, .turtle, .goat, .elephant {
		background-color: #1D0703 !important; /* brown */
	}
	.rhino, .spider, .butterfly {
		background-color: #3C2F4A !important; /* purple */
	}
	.dragon, .raven, .owl, .dolphin {
		background-color: #516067 !important; /*gray/blue */
	}

/* Content */

#content {
	float: left;
	width: 600px;
	height: 100%;
	padding: 15px;
}
	.bwolf {
		background: url(../images/wolf_bg.jpg) top center no-repeat;
	}
	.bturtle {
		background: url(../images/turtle_bg.jpg) top center no-repeat;
	}
	.brhino {
		background: url(../images/rhino_bg.jpg) top center no-repeat;
	}
	.bspider {
		background: url(../images/spider_bg.jpg) top center no-repeat;
	}
	.bbutterfly {
		background: url(../images/butterfly_bg.jpg) top center no-repeat;
	}
	.bgoat {
		background: url(../images/goat_bg.jpg) top center no-repeat;
	}
	.bdragon {
		background: url(../images/dragon_bg.jpg) top center no-repeat;
	}
	.braven {
		background: url(../images/raven_bg.jpg) top center no-repeat;
	}
	.bowl {
		background: url(../images/owl_bg.jpg) top center no-repeat;
	}
	.belephant {
		background: url(../images/elephant_bg.jpg) top center no-repeat;
	}
	.bdolphin {
		background: url(../images/dolphin_bg.jpg) top center no-repeat;
	}

#body {
	width: 570px;
	padding: 8px;
}
	#body img {
		padding: 2px;
	}
	#body.collection img, #body.collection a img {
		padding: 7px;
		border: none;
		display: inline;
	}
	#body.collection a img:hover {
		background-color: #EEEEEE;
	}
	.colpar {
		position: relative;
		bottom: 170px;
	}
	#body .title {
		display: block;
		height: 30px;
		background: no-repeat;
		text-indent: -9999px;
	}
	#body .wiapa {
		width: 300px;
		background: url(../images/whatisapoweranimal.gif);
	}
	#body .wimpa {
		width: 300px;
		height: 39px;
		background: url(../images/whatismypoweranimal.gif);
	}
	#body .aboutus {
		width: 110px;
		background: url(../images/aboutus.gif);
	}
	#body .links {
		width: 78px;
		background: url(../images/links.gif);
	}
	#body .archive {
		width: 105px;
		background: url(../images/archive.gif);
	}
	#body .contactus{
		width: 143px;
		background: url(../images/contactus.gif);
	}
	#body .collection{
		width: 120px;
		background: url(../images/kidscollection.gif) right;
	}
	#body .kidscollection{
		width: 184px;
		background: url(../images/kidscollection.gif);
	}
	#body.tshirt {
		margin-top: 470px;
		color: #000000;
		line-height: 110%;
		font-weight: bold;
	}
		#body.ltblue {
			color: #809CD1;
		}
		#body.offwhite{
			color: #E7E5D3;
		}
		#body.grblue {
			color: #516067;
		}


.buff{margin-left: 15px;}
.highlight {
	background: url(../images/feather-margin.gif) top right no-repeat;
}
.highlight, .highlight p {
	background-color: #EEEEEE;
	padding: 12px;
	padding-right: 20px;
	margin-bottom: 1em;
	line-height: 140%;
	text-align: justify;
}
	.highlight h1{
		display: block;
		width: 300px;
		height: 28px;
		background: url(../images/whatisapoweranimal.gif);
		background-repeat: no-repeat;
		text-indent: -9999px;
	}

/* Sidebar */

#sidebar {
	float: right;
	width: 230px;
	background-color: #A5A192;
	padding: 10px;
	overflow: hidden;
	border-top: 1px solid #FFFFFF;
}
	#sidebar h2 {
		color: #000000;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align:center;
		padding-top: 1em;
	}
	#sidebar h3 {
		border-top: 1px solid #FFFFFF;
		padding-bottom: 30px;
	}
	#sidebar a {
		margin-left: 5px;
		font-size: 95%;
		font-weight: bold;
	}
	#sidebar a:hover {
		text-decoration: none;
		color: #752D1E;
	}
	#sidebar a:visited	 {
			font-weight:bold;
			text-decoration:none;
	}
	#sidebar p {
		text-align: left;
		padding: 0 10px 20px 0;
		font-size: 12px;
		color: #404040;
	}
.subscribe a, .subscribe a:visited{
	display:block;
	width: 194px; height: 72px;
	background: url(../images/subscribe.gif);
	text-indent: -9999px;
}
.subscribe a:hover{
	background: url(../images/subscribe.gif);
	background-position: bottom;
}
#buy {
	float: right;
}
	#buy input {
		vertical-align: middle;
	}
	#buy img {
		border: 0;
	}
	#buy p {
		text-align: right;
		margin-top: 20px;
	}
.popup {
	padding:10px;
}
	.popup a {
		color: #FFFFFF;
	}
.txt {
	line-height: 110%;
	font-weight: bold;
	width: 350px;
	float: left;
	white-space: pre-line;
}
.btxt {
	width:350px;
	position:relative;
	float:right;
	padding-right:15px;
}

/* Footer */

#footer {
	height: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
	#footer a {
		color: #DDDDDD;
	}
	#footer a:hover{
		color: #333333;
		text-decoration: none;
	}
	 
	#footer .wrapper {
		width: 884px;
		margin: auto;
	}
	
	#footer .links {
		float: left;
		width: 572px;
		height: 34px;
		padding: 16px 30px 0 30px;
		background-color: #645e45;
		font-size: 85%;
		color: #DDDDDD;
		border-left: 2px solid #000000;
		border-bottom: 2px solid #000000;
	}
	#footer img{
		border: 0;
		padding-right: 4px;
		vertical-align: middle;
	}
	#footer .legal {
		float: right;
		width: 228px;
		height: 34px;
		padding: 16px 20px 0 0;
		background-color: #645e45;
		text-align: right;
		font-size: 85%;
		color: #DDDDDD;
		border-right: 2px solid #000000;
		border-bottom: 2px solid #000000;
	}
	.sublegal {
		text-align: right;
		width: 880px;
		margin: 0 auto;
		padding-bottom: 20px;
		color: #777777;
		font-size: 10px;
	}
.inv {
	display: block;
	padding: 10px;
	background-color:#FFFF99;
	border: 2px solid #FFFF33;
	color: #000000;
}

.animal-blurb {
	width:446px; 
	float:left;
}
.animal-image {
	width:100px;
	float:right;
}