body {
	background-color: #B9C8D1;
	background-image: url(spr.gif); 
	background-repeat: repeat-x; 
	background-position: bottom;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	text-align:left;
	padding:0;
}
a {
color:#9B5821;
}
#outer {
text-align:left;
width:808px;
margin:auto;
}
#hdr {height:18px;
margin:0;}


#bar {
position: relative;
height:305px;
background-image:url(bar.gif);
width: 806px;
/* either padding or border of 1 needed to keep layout together */
padding:1px;
}
#bar p {margin:0; padding:0;}
#bar img {margin:0; padding:0;}
#flashbanner {
	width: 404px;
	height:300px;
	float:left;
}
#nav {
width: 370px;
height:200px;
text-align:left;
margin-top:100px;
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:14px;
font-style:italic;
font-weight:bold;
color:#617236;
}
ul {
margin: 0 0 0 1.5em;
padding:0;
}
/* dynamically indicate current and visited pages */
#nav a  { color: blue; text-decoration: none;}
#nav a:visited  { color: #777;  text-decoration: none; } 
#nav a:hover {color: #9B5821; text-decoration: underline overline;}
 
body#index a#indexnav,
body#products a#productsnav,
body#pastured-goat a#goatnav,
body#pastured-chickens a#poultrynav,
body#pastured-beef a#beefnav,
body#pastured-pork a#porknav,
body#contact-us a#contact-usnav,
body#retailers a#retailersnav { color: #9B5821; text-decoration: none; }

/* dont forget the align:right that's attached to the bodyblock div tag! we could have probably accomplished same thing by adding a float to the container div (cont). without this, the divs just stack */
#bodyblock
{
	position: relative;
	background-image:url(centerBkg.gif);
	width: 808px;
	padding:0;
	background-repeat: repeat-y;
}
#l-col {
	background-image:url(lcolBkg.gif);
	background-repeat:no-repeat;
	float:left;
	width:321px;
	min-height:100px;
	padding:20px 45px 0px 35px;
	background-repeat: no-repeat;
	text-align:left;
}

#cont {
width: 334px;
text-align:left;
margin:0px;
padding:20px 30px 30px 40px;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:14px;
font-weight:bold;
font-style:italic;
color:#9B5821;
text-align:center;}
#l-col img {
display: block; margin-left: auto; margin-right: auto; margin-bottom:0;}

#l-col a {
font-weight:bold; color:blue;}

h3 {
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:14px;
font-weight:bold;
font-style:italic;
color:#617236;
}
#cont h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#617236;
}


#ftr {
height: 25px;
background: #c0c0c0;
border:1px solid #000;
margin: 0;
}
.caption {
text-align:right;
font-size: 12px;
font-style: italic;
font-family:"Times New Roman", Times, serif;
margin-bottom: 5px; margin-top:-1em;
}
.clear
{
     clear: both;
     display: block;
     overflow: hidden;
     width: 0;
     height: 0;
}

#CMS {
position:absolute; bottom:0; left:50%; margin-left:-120px; width:134px; height:134px;
}
#Content-Management-Systems {
position:absolute; top:253px; left:50%; margin-left:135px; width:84px; height:74px;
}

.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}