﻿body {
	background: #FFE9C5 url(../images/bg.gif) repeat;
	color: #444;
	font: 13px verdana, arial, helvetica, sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
}

/*IE 5 bad dog!!!*/
/*These global selectors exist to overwrite IE 5's font rendering issues '*/

li {
	font: 13px verdana, arial, helvetica, sans-serif;
	color: #444;
	margin: 0;
	padding: 5px 20px 5px 20px;
}

ol {
	font: 13px verdana, arial, helvetica, sans-serif;
	color: #444;
	margin: 0;
	padding: 5px 20px 5px 20px;
}

td {
	font: 13px verdana, arial, helvetica, sans-serif;
	color: #444;
	margin: 0;
	padding: 5px 20px 5px 20px;
}

ul {
	font: 13px verdana, arial, helvetica, sans-serif;
	color: #444;
	margin: 0;
	padding: 5px 20px 5px 20px;
}

p {
	font: 13px verdana, arial, helvetica, sans-serif;
	color: #444;
	margin: 0;
	padding: 5px 20px 5px 20px;
}

td {
	padding: 0;
}

th{
	background-color : #DCD9CA;
}

/* All H's here now for ease of use */
h1 {
	font: bold 20px verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 15px 20px 5px 20px;
}

h2 {
	font: bold 16px verdana, arial, helvetica, sans-serif;
	margin: 8px 0 10px 20px;
	font-style: italic;
	color: #00662A;
}

#indent h5{
	font-size:10px;
	float:right;
	width:110px;
	background-color : #FF9933;
	background : transparent url(../images/upArrow.gif) no-repeat 3px;
	text-indent:14px;
	margin-top:0;
	padding-top:0;
}

h6 {
	font: bold 14px verdana, arial, helvetica, sans-serif;
	margin: 8px 0 0 0;
}

h4 {
	font: bold 14px verdana, arial, helvetica, sans-serif;
	margin: 8px 0 0 0;
}

h3 {
	font: bold 14px verdana, arial, helvetica, sans-serif;
	margin: 8px 0 0 0;
}

div#indent h2 { 
	background-color: #7D8B5A;
	color: #fff;
	margin-left: 0px;
	padding: 1px 0 0 3px;
	border-bottom: 3px groove #7D8B5A;
	font-style: normal;
	font-weight: 700;
	width: 660px;
	margin-left: 0px;
	margin-bottom: 12px;
}

div#indent h2.country{
	background-color : Red;
}

div#indent h3 { 
	margin: 0 0 0 6px;
}

a:link { 
	color: #f00;
	text-decoration: none;
}

a:visited { 
	color: #f00;
	text-decoration: none;
}

a:hover { 
	color: #f00; 
	text-decoration: underline;
}

a:active { 
	color: #f00;
	text-decoration: none;
}
	
img {
	border: 0;
}



/************  CONTAINER *****************/

#container {
	width: 779px;
/*	background: #f6f1ed; */
	background: transparent url(../images/shadow.png) repeat-y top center;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 15px;
}

.boldlink { 
	font-size: 1.3em;
	font-weight: 600;
}


div.hr {
  height: 20px;
  background: transparent url(../images/dogtracks2.gif) no-repeat scroll center;
}

div.hr hr {
  display: none;
}

#indent {
	margin: 0 30px;
}

#newslink1 {
	position: absolute;
	width: 320px;
	height: 350px;
	top: 526px;
	left: 530px;
}

div#indent p { 
	font-size: 0.8em;
	margin-right: 0px;
	padding-right: 0px;
}

.locations {
	margin: 0;
	border: 0;
	width: 100%;
}

.locations td{
	vertical-align:top;
}

.testimonial{
	background : transparent url(../images/quotes-large.gif) no-repeat 20px 16px;
	padding-top : 28px;
	text-indent : 24px;
}

#rightcolumn p.testimonialsplash{
	background : transparent url(../images/quotes-large.gif) no-repeat 0px 0px;
	padding-top : 14px;
	text-indent : 24px;
}

.fourths {
	width: 25%;
	vertical-align: top;
	padding:0;
	margin:0;
}
form{
	margin:0;
	padding:0;
}

cite{
	margin-left: 40px;
	font-style : italic;
	color : #666666;
}
.note{
	font-size:85%;
}
#content cite{
	margin-left: 0px;
}

cite.splash{
	margin-left: 6px;
	font-size: 8pt;
}

.imagetop {margin-top: 4px; line-height:16px;}

/************  HEADER *****************/


#header {
	background: #fff; 
	border: 1px solid #dcd9ca;
/*	height: 171px; */
	width: 747px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 8px;
}



/************  FLASH MARQUEE *****************/

#flashmarquee {
	width: 741px;
	height: 157px;
	background-image: url(../images/header4.jpg);
	margin: 3px auto 0 auto;
}

#lick {
	position: absolute;
	width: 15px;
	height: 10px;
	top: 118px;
	left: 369px;
	background: transparent url(../images/lick.gif) no-repeat top left;
}
/************  NAV *****************/

#nav {
	width: 741px;
	background: #009D42 url(../images/navbg.gif) repeat-x center;
	margin: 3px auto 3px auto;
	height: 26px;
}

#nav p {
	margin: 0;
	padding: 0;
	color: #FCDC6B;
	font-weight: bold;
	padding-top: 4px;
	font : normal 700 10pt Arial, Helvetica, sans-serif;
}

#nav a:visited { 
	color: #fff;
	text-decoration: none;
}

#nav a:link { 
	color: #fff;
	text-decoration: none;
}

#nav a:hover { 
	color: #FEFB18; 
	text-decoration: underline;
}

#nav a:active { 
	color: #fff;
	text-decoration: none;
}



/************  MAIN *****************/


#main {
	background: #fff url(../images/bg-content.gif) repeat;
	border: 1px solid #dcd9ca;
/*	height: 171px; */
	width: 747px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 14px;
	position: relative;
	top: 11px;
	text-align: left;
}
#analysis{float:right; margin: 0 12px 6px; clear:right;}
#analysis td{padding:2px;white-space:nowrap;}

#feeding{float:right; margin: 0 12px 6px;}
#feeding td{padding:2px;}
.subtitle{
	color: #00662A;
	font : normal 700 14pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#formulas p {
	font-size:12px;
}
#formulas h2 {
	margin-bottom:0;
}
.clear{
	clear:both;
}
.cangredients{
	float:left;
	margin:0 8px 20px 0;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

/************ SPLASH *****************/
#splashleft img {border-width:0;}
#order{padding:0; margin:0;border:0;}
#order td{vertical-align:top;}
#orderSalmon input {font : normal normal 88% Arial, Helvetica, sans-serif;}
#orderBeef input {font : normal normal 88% Arial, Helvetica, sans-serif;}
#order input{font : normal normal 88% Arial, Helvetica, sans-serif;}
#orderSalmon input:hover{	font : normal normal 88%; color:#fff;}
#orderBeef input:hover{	font : normal normal 88%; color:#fff;}
#order input:hover{font : normal normal 88%; color:#fff;}
input.orange{background-color : #FFE2C8;}
input.orange:hover{	background-color : #FF6600;}
input.blue{background-color : #CEEBF9;  margin-top : 8px; }
input.blue:hover{background-color : #067EC6;}
input.red{
	background-color: #FFAAAA;
	margin-top : 16px;
}
input.red:hover{background-color : #D43124;}
input.yellow{background-color : #FFF3C8;  margin-top : 8px; }
input.yellow:hover{	background-color : #FFCC00;}
input.green{background-color : #DDFFEA;}
input.green:hover{background-color : #4DA351;}
input.salmon{background-color : #F3D8D2;}
input.salmon:hover{background-color: #DB8980;}
input.beef{background-color: #E0B38D;}
input.beef:hover{background-color: #502913;}
input.venison{
	background-color: #FF9B9B;
}
input.venison:hover{
	background-color: #990000;
	color: #fff;
}
input.lamb{
	background-color: #D2BEFC;
}
input.lamb:hover{
	background-color: #361577;
	color: #fff;
}
input.duck{
	background-color: #A7CDDC;
}
input.duck:hover{
	background-color: #234A59;
	color:#fff;
}

#orderVenison {
	position: absolute;
	top: 115px;
	left: 35px;
}
#orderLamb {
	position: absolute;
	top: 115px;
	left: 170px;
}
#orderDuck {
	position: absolute;
	top: 115px;
	left: 305px;
}
#orderSalmon {
	position: absolute;
	top: 615px;
	left: 250px;
}
#orderBeef {
	position: absolute;
	top: 615px;
	left: 400px;
}
#splashbox {
	border: 4px #DCD9CA solid;
	background-color: #FFFFFF;
	padding: 2px 3px 1px 3px;
	margin-bottom: 10px;
	text-align: center;
}
.articlelink {
	font-size: 8pt;
	color: #0275AE
}
#splashbox a:active {
	text-decoration:none;
}
#splashbox a:hover {
	text-decoration:none;
}
#splashbox a:visited {
	text-decoration:none;
}
#splashbox a:link {
	text-decoration:none;
}
#splashbox a {
	text-decoration:none;
}
#splashbox:hover {
	border: 4px #0E73AB double;
	padding: 3px 3px 0 3px;
}
/************  RIGHT BOX *****************/
#rightcolumn{
	width:188px;
	position: absolute;
	left:548px;
	top:10px;
	margin:0;
}
#rightcolumn p{
	margin:8px 0px;
	padding:0;	
	width:188px;
	font-size : 8pt;
}
#rightside {
	float: right;
	margin: 20px 11px 10px 20px;
	background: #F8F3E9 url(../images/bg-rightside.gif) no-repeat center 40px;
	border: 1px solid #dcd9ca;
	width: 180px;
	height: 188px;
	padding: 3px;
}

#rightside p {
	padding: 5px 10px;
}

#splashlink {
	position: absolute;
	top: 225px;
	left: 548px;
	width: 188px;
	height: 174px;
}

#title {
	width: 100%;
	height: 26px;
	background: #DDDDDD;
	font-weight: 700;
	margin-bottom: 16px;
}

#title p {
	font-weight: 700;
}

#daryl {
	position: absolute;
	width: 340px;
	height: 330px;
	top: 200px;
	left: 398px;
	background: transparent url(../images/daryl-delivering.gif) no-repeat top left;
}

#paris {
	position: absolute;
	width: 320px;
	height: 350px;
	top: 720px;
	left: 480px;
	background: transparent url(../images/paris-hilton.gif) no-repeat top left;
}

#petexpo2008 {
	position: absolute;
	width: 125px;
	height: 125px;
	top: 26px;
	left: 610px;
	background: transparent url(../images/globalPetExpo2008.gif) no-repeat top left;
}
#gelsons1 {
	position: absolute;
	width: 347px;
	height: 299px;
	top: 3910px;
	left: 390px;
	background: transparent url(../images/gelsons1.gif) no-repeat top left;
}
#gelsons2 {
	position: absolute;
	width: 335px;
	height: 228px;
	top: 9350px;
	left: 390px;
	background: transparent url(../images/gelsons2.gif) no-repeat top left;
}
#gelsons3 {
	position: absolute;
	width: 324px;
	height: 216px;
	top: 2372px;
	left: 390px;
	background: transparent url(../images/gelsons3.gif) no-repeat top left;
}
#gelsons4 {
	position: absolute;
	width: 360px;
	height: 230px;
	top: 12722px;
	left: 360px;
	background: transparent url(../images/gelsons4.gif) no-repeat top left;
}
#wholefoods1 {
	position: absolute;
	width: 338px;
	height: 245px;
	top: 270px;
	left: 390px;
	background: transparent url(../images/wholefoods1.gif) no-repeat top left;
}

#wholefoods2 {
	position: absolute;
	width: 360px;
	height: 300px;
	top: 1835px;
	left: 390px;
	background: transparent url(../images/wholefoods2.gif) no-repeat top left;
}

#wholefoods3 {
	position: absolute;
	width: 460px;
	height: 270px;
	top: 1550px;
	left: 240px;
	background: transparent url(../images/wholefoods3.gif) no-repeat top left;
}

#wholefoods4 {
	position: absolute;
	width: 480px;
	height: 270px;
	top: 3280px;
	left: 320px;
	background: transparent url(../images/wholefoods4.gif) no-repeat top left;
}

#wholefoods5 {
	position: absolute;
	width: 490px;
	height: 270px;
	top: 6190px;
	left: 340px;
	background: transparent url("../images/wholefoods5.gif") no-repeat top left;
}

#wholefoods6 {
	position: absolute;
	width: 460px;
	height: 270px;
	top: 7568px;
	left: 280px;
	background: transparent url("../images/wholefoods6.gif") no-repeat top left;
}

 
/************  FOOTER *****************/


#footer {
	width: 779px;
	height: 20px;
	background: transparent url(../images/shadowbottom.png) no-repeat top center;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	font : normal 9px/9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	color : #999999;
	display : block;
}



