/* custom fonts via google font api */
@import url(http://fonts.googleapis.com/css?family=Unkempt:700);

body {
	line-height: 1;
}

blockquote {
	quotes: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* HTML5 display rule */

article {
	display: block;	
}

aside {
	display: block;	
}

canvas {
	display: block;	
}

details {
	display: block;	
}

figcaption {
	display: block;	
}

figure {
	display: block;	
}

footer {
	display: block;	
}

header {
	display: block;	
}

hgroup {
	display: block;	
}

men {
	display: block;	
}

nav {
	display: block;	
}

section {
	display: block;	
}

summary {
	display: block;	
}

body {
	background: #C2271F url('../images/footerbg.png');
	background-repeat: repeat-y;
	color: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow-x: hidden;
	background-position: center top;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
}
#wrapper {
	position: absolute;
	top: 0px;
	height: 770px;
	width: 2000px;
	left: 50%;
	margin-left: -1000px;
	background: #C2271F url('../images/starbg.png');
	background-position: center -100px;
	background-repeat: no-repeat;
	background-color: #C2271F;
}

#wrapper.cocolicious {
  background-color: #c11058;
  background: #c11058 url('../images/gradebg.png') no-repeat;
}

.cocolicious {
  background-color: #c11058;
}

#container {
	width: 944px;  
	margin: 0 auto; 
	text-align: left;
	position: relative;
	text-align: left;
}

a {
	outline: none;
}

a img {
	border:none;
}


/************* Header ***************/

#header {
	width: 962px;
	height: 132px;
	position: relative;
	padding-top: 16px;
	background: transparent url('../images/gourmet-dog-and-cat-food-made-in-the-usa.png') no-repeat 327px 40px;
}
a#buy-party-animal {
	display: block;
	background: transparent url('../images/shop.png') no-repeat top right;
	height:140px;
	width:140px;
	float:right;
	margin-top:-9px;
	margin-right:2px;
	margin-bottom:2px;
}
a#buy-party-animal:hover {
	margin-top:-7px;
	margin-bottom:0;
}

#header h1 {
	margin: 0; 
	padding: 0;
}

/***************************/

.welcome {
	padding:0 10px;
	width:820px!important;
}
.welcome h2 {
	margin-bottom:8px;
}
.welcome h1 {
	margin-bottom:8px;
}
.textSlide li {
	margin-bottom:4px;
}
#bone-a-fides {
   background: transparent url('../images/lower-bar2.png') no-repeat right 10px;
   width: 942px;
   height: 124px;
   position: relative;
   margin-bottom:10px;
   padding-right:22px;
   font-size: 12px;
   font-family: Helvetica,Arial,sans-serif;
}
#bone-a-fides img{
   margin:-26px 0 0 -26px;
}

#organic-links {
	float:right;
	width:325px;
	height:118px;
	background: transparent url('../images/organic-badges6.png') no-repeat right bottom;
}
a#usda-organic {
	background: transparent url('../images/organic-badges6.png') no-repeat left bottom;
	display:block;
	width:83px;
	height:118px;
	float:right;
}
a#oregon-tilth {
	background: transparent url('../images/organic-badges6.png') no-repeat -83px bottom;
	display:block;
	width:81px;
	height:118px;
	float:right;
}
a#oregon-tilth:hover {
	padding-top:2px;
}
a#usda-organic:hover {
	padding-top:2px;
}
#content {
	width:86%;
	margin:2px auto 15px;
	min-height:461px;
	position:relative;
}
#content a {
	color: #FFFF99;
	text-decoration: underline;
	font-weight: bold;
}
#content a:visited {
	color: #FFFF99;
	text-decoration:none;
	font-weight: bold;
}
#content a:hover {
	color:#fff;
	text-decoration: underline;
}
.locations {
	margin: 0;
	border: 0;
	width: 100%;
}
#indent h5 {
	font-size: 10px;
	float: right;
	width: 110px;
	background-color : #FF9933;
	background : url('images/upArrow.gif') no-repeat 3px 3px;
	text-indent: 14px;
	margin-top: 0;
	padding-top: 0;
}
.subtitle {
	color: #00662A;
	font : normal 700 14pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#feeding {
	float: right;
	margin: 0 12px 6px;
}

#analysis {
	float: right;
	margin: 0 12px 6px;
	clear: right;
}
.cangredients {
	float: left;
	margin: 0 8px 20px 0;
}
.pullquote {
	padding:10px;
	margin: 4px 0 10px;
	background-image:url('../images/black-opacity-40.png');
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px; /* future proofing */;
	-khtml-border-radius: 12px; /* for old Konqueror browsers */
}
.pullquote li {
	list-style:circle;
	font-size:12px;
	margin-left:20px;
}
div#organic-cat-food {
	background: transparent url('../images/rotate03.png') no-repeat top right;
	width: 478px;
	height:237px;
	float:left;
}
#content .pullquote table th {
	font-size: 14px;
	padding: 6px;
	background: transparent url('../images/grade-down.png') repeat-x bottom;
	font-style: italic;
}
#content .pullquote table td {
	font-size: 13px;
	padding: 6px;
	background: transparent url('../images/grade-down.png') repeat-x bottom;
	font-style: italic;
}
#content .pullquote table th {
	color:#FFFF99;
	font-style: normal;
}
#content .pullquote em {
	font-style: italic;
	color: #FFFF99;
}
#party-animal-social-media a {
	text-decoration: none;
	background: url('../images/social-animal.png');
	display: block;
	width: 46px;
	height: 42px;
	margin-right: 12px;
	float: left;
}

#social-links a span {
	display:none;
}
#party-animal-social-media a.facebook {
	background-position: 0 0
}
#party-animal-social-media a.twitter {
	background-position:-55px 0
}
#party-animal-social-media a.pinterest {
	background-position:-110px 0
}
#party-animal-social-media a.facebook:hover {
	background-position: 0 -42px;
}
#party-animal-social-media a.twitter:hover {
	background-position:-55px -42px
}
#party-animal-social-media a.pinterest:hover {
	background-position:-110px -42px
}
#content.products {
	width:875px;
}
#product {
	width:430px;
	float:left;
}
#dogfood {
	float:left;
	clear:both;
	position:absolute;
	top:313px;
	left:4px;
}
#dogfood.coconav {
  margin-left: 185px;
  width:600px;
}
#dogfood.cocohome {
  margin-left: 0;
  width:100%;
  position:relative;
  top:0;
  left:0;
  float:none;
  height:268px;
}

#catfood {
	float:left;
	clear:both;
	position:absolute;
	top:353px;
	left:82px;
}
#catfoodnav li {
	display:block;
	float:left;
	margin-left:2px;
	text-align:center;
}
#dogfoodnav li {
	display:block;
	float:left;
	margin-left:2px;
	text-align:center;
}
#content #catfoodnav li a {
	display:block;
	font-weight:normal;
	text-decoration:none;
	font-size:14px;
	line-height:15px;
	padding-top:0px;
	padding-bottom:2px;
}
#content #dogfoodnav li a {
	display:block;
	font-weight:normal;
	text-decoration:none;
	font-size:14px;
	line-height:15px;
	padding-top:0px;
	padding-bottom:2px;
}
#content #catfoodnav li a:hover {
	padding-top:2px;
	padding-bottom:0;
	font-weight:700;
}
#content #dogfoodnav li a:hover {
	padding-top:2px;
	padding-bottom:0;
	font-weight:700;
}
/********* Footer **********/
#footerwrapper {   
	width:2000px;
	height:60px;
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:-1000px;
	top:785px;
}
#wrapper.cocolicious #footer {
	width: 920px;
	height:64px;
	margin: 10px auto;
	font-weight:700;
	font-size:14px;
	line-height:25px;
	margin-top:40px;
}

#footer {
	width: 920px;
	height:64px;
	margin: 10px auto;
	font-weight:700;
	font-size:14px;
	line-height:25px;
}
#copyright {
	float:left;
	text-align:left;
	width:230px;
	/* padding-top:6px; */
}
#social-links {
	float:left;
	width:230px;
	text-align:left;
	
	margin:0;
	padding:0;
}
#footer_nav { 
	width:400px; 
	text-align:right;
	margin:0 auto;
	float:right;
}

#social-links a {
	text-decoration: none;
	background: url('../images/social-media-links.png');
	display: block;
	width: 30px;
	height: 32px;
	margin:0;
	float:left;
}

#social-links a span {
	display:none;
}
#social-links a.facebook {
	background-position: 0 0
}
#social-links a.twitter {
	background-position:-30px 0
}
#social-links a.pinterest {
	background-position:-60px 0
}
#social-links a:hover {
	margin-top:2px;
}


/*====================*/
/*=== Other Styles ===*/
/*====================*/

/*
.clear {
	clear:both;
	overflow:hidden;
	line-height:0.08em;
	font-size:0.08em;
	height:0.08em;
}
conflicts with responsive nav --- */
p {
	font-size:15px;
	line-height:19px;
	margin:6px 0 10px 0;
}

h6 {
	margin-top:0;
	text-transform:lowercase;
}

h5 {
	margin-top:0;
	text-transform:lowercase;
}

h4 {
	margin-top:0;
	text-transform:lowercase;
}

h5 {margin-top:0; text-transform:lowercase;}

h4 {margin-top:0; text-transform:lowercase;}

h3 {margin-top:0;}

h1 {
	font-size:2.8em;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: 'Unkempt', cursive;
	text-shadow: 2px 2px 2px #111;
}
h2 {
	font-size: 2.0em;
	margin-bottom: 6px;
	color: #FEC994;
	font-family: 'Unkempt', cursive;
	margin-top:0;
}
h3 {
	font-size: 20px;
	margin-bottom: 1px;
	line-height: 22px;
	font-style: italic;
	color: #FEC994;
}
h4 {font-size:1.6em; margin-bottom:.3em;}
h5 {font-size:1.2em;}
h6 {font-size:1.0em;}

a:visited {
	color: #FFFF99;
	outline: none;
}

a {
	color: #FFFF99;
	outline: none;
}
a:hover {
	color:#fff;
}
line-height:2.1em;}
h4 {font-size:1.6em; margin-bottom:.3em;}
h5 {font-size:1.2em;}
h6 {font-size:1.0em;}

a:visited {
	color: #FFFF99;
	outline: none;
}

strong {
	font-weight:700!important;
}
.center {
	text-align:center;
}
.imgleft{
	float:left;
	margin:0 12px 6px 0;
}
.imgright{
	float:right;
	margin:0 0 6px 12px;
}
.subtitle {
	color: #00662A;
	font : normal 700 14pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#feeding {
	float: right;
	margin: 0 12px 6px;
}
#analysis {
	margin: 0 0 6px;
}
#analysis th {
	font-size:12px;
	font-weight:700;
}
.cangredients {
	float: left;
	margin: 0 8px 20px 0;
}

.fourths {
	width: 25%;
	vertical-align: top;
	padding:0;
	margin:0;
}
form{
	margin:0;
	padding:0;
}
#mcs3_container .customScrollBox .content p.testimonial {
    background: url("../images/quotes-large.png") no-repeat scroll 0 19px transparent;
    padding-top: 24px;
    text-indent: 28px;
}
cite{
	margin-left: 40px;
	font-style : italic;
	color: #FFFF99;
	font-size: 13px;
}
.news cite{
	font-size:15px
}
.news p{
	margin-bottom:16px;
}
.news .imgleft{
	margin-right:4px;
}
.news .pullquote{
	width:234px;
	float: right;
	text-align:center;
	margin-bottom:0px;
	padding:7px;
}
.news .pullquote a{
	text-decoration:none!important;
	font-size:12px;
	line-height:12px;
	font-style:italic;
}
.note{
	font-size:85%;
}