@charset "UTF-8";
body  {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0;
padding: 0;
color: #000000;
background-image: url(img/silver-flock-tile.gif);
background-repeat: repeat;
font-size: 11px;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 24px;
}


/* BASIC LAYOUT -----------------------------------------------*/

.twoColFixRtHdr #main-container {
width: 960px;
margin: 0 0 0 10px;
text-align: left;
display:inline;
} 


.twoColFixRtHdr #container {
width: 960px;
margin: 0;
padding: 0;
text-align: left;
} 

.twoColFixRtHdr #pagecontainer {
width: 960px;
margin: 0;
text-align: left;
background-color: #efebea;
background-repeat: no-repeat;
padding: 20px 0 0 0px;
} 


.twoColFixRtHdr #footercontainer {
margin: 0;
width: 960px;
padding: 10px 0 0 0px;
text-align: left;
height: 210px;
} 

/* HEADER -----------------------------------------------*/

#header {
padding: 0;
height: 140px;
background-image: url(img/header.png);
text-indent: -5000px;
} 

.twoColFixRtHdr #header h1 {
	margin: 0;
	padding: 10px 0; 
}

.twoColFixRtHdr #sidebar1 {
float:right;
margin-right:0px; 
width: 500px;
padding: 0px 30px 0px 0px;
}

.twoColFixRtHdr #mainContent {
margin: 0;
width:370px;
float:left;
padding: 0 30px 0 30px;
} 




/* NAVIGATION -----------------------------------------------*/

#navigation {
margin: 0;
background: url(img/gradient.png) top left no-repeat;
padding: 0 0 0 30px;
height: 42px;
width: 930px;
}

#nav {
	margin: 0;
	padding: 0;
	height: 42px;
	list-style: none;
	display: inline;
	overflow: hidden;
	width: 960px;
}

#nav li {float:left;
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
	}

#nav a {
	background: url(img/navbar.png) top left no-repeat;	
	display: inline;
	float: left;
	padding: 0 48px 0 0;
	overflow: hidden;
	text-indent: -1000px;
	height: 42px;
}

#nav a:focus{outline:none;}

#tindex a  {width: 56px;background-position: -30px 0;}
#tindex a:hover  {background-position: -30px -42px;}
	
#tabout a  {width: 85px;background-position: -134px 0;}
#tabout a:hover  {background-position: -134px -42px;}

#tproducts a  {width: 80px;background-position: -269px 0;}
#tproducts a:hover  {background-position: -269px -42px;}
	
#trecipes a  {width: 63px;background-position: -397px 0;}
#trecipes a:hover  {background-position: -397px -42px;}
	
#tdeli a  {width: 68px;background-position: -509px 0;}
#tdeli a:hover  {background-position: -509px -42px;}
	
#tlinks a  {width: 50px;background-position: -626px 0;}
#tlinks a:hover  {background-position: -626px -42px;}

#tfind a  {width: 67px;background-position: -724px 0;}
#tfind a:hover  {background-position: -724px -42px;}

#tcontact a  {width: 95px;background-position: -838px 0;  padding-right:0px;}
#tcontact a:hover  {background-position: -838px -42px;}

/* FOOTER AREA-----------------------------------------------*/

.twoColFixRtHdr #footer {
padding: 0 30px 0 30px;
background:#DDDDDD;
height: 200px;
margin: 0 0 0 0;
background-image: url(img/footer.jpg);
background-position: bottom;
background-repeat: no-repeat;
} 

.twoColFixRtHdr #footer p {
margin: 0;
padding:0;
}


#promotions {margin: 10px 0 0 0;}
#promotions-products {margin: 10px 0 0 0;}


div#form{
float:left;
height:160px;
margin-top:18px;
display:block;
background-image: url(img/receive-news.gif);
background-repeat: no-repeat;
background-position: top left;
width: 450px;
}

.twitter{
float:right;
width:300px;
padding: 100px 0 0 0;
}

.twitter p{text-indent: -5000px;}

#twitterimg{float: right;}



div#address{
clear:both;
float:left;
width:900px;
}

p#legal{
text-align:right;
float:right;
}

address p {
text-align:left;
float:left;
}


#hidden {display:none;}

#legal a {color: #000000;}

#forminput {
height: 20px;
width: 190px;
margin: 38px 5px 0 0;
float:left;
padding: 0 0 0 2px;
border: 0;
}

#submit {
height: 20px;
width: 50px;
margin: 38px 0 0 0;
border: 0;
}


/* Misc -----------------------------------------------*/

a {color: #0B5530;}

.fltrt {
	float: right;
	margin-left: 8px;
}

.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

div.hr {
  height: 7px;
  background:  url(img/horizontal-rule-370px.gif) no-repeat scroll center;
  padding: 20px 0;
}
div.hr hr {
  display: none;
}


.mainimage {
padding:20px;
background-color:#000000;
}


/* TYPOGRAPHY -----------------------------------------------*/

.twoColFixRtHdr h2 {
	margin: 20px 0 20px 0;
	padding: 0px 0 0 10px; 
	text-indent:-5000px;
height: 20px;

}

.twoColFixRtHdr h3 {
	margin: 20px 0 0px 0px;
	padding: 0;
	color: #0b5530;
	font-size:14px;	
}

.twoColFixRtHdr h4 {
	margin: 0;
	padding: 15px 0 0 0;
	color: #000000;
	font-size:11px;
	text-transform: uppercase;	
}

.twoColFixRtHdr p {
	margin: 0px 0 0 0;
	padding: 0px 0;	
}

#mainContent p {
padding: 0 0 10px 0;
}




#welcome {background: url(titles/welcome.gif) top left no-repeat;}

#about {background: url(titles/about.gif) top left no-repeat;}

#products {background: url(titles/products.gif) top left no-repeat;}

#deli {background: url(titles/the-deli.gif) top left no-repeat;}

#recipes {background: url(titles/recipes.gif) top left no-repeat;}

#links {background: url(titles/links.gif) top left no-repeat;}

#find-us {background: url(titles/find-us.gif) top left no-repeat;}

#contact-us {background: url(titles/contact.gif) top left no-repeat;}

#beef {background: url(titles/beef.gif) top left no-repeat;}

#bacon {background: url(titles/bacon.gif) top left no-repeat;}

#chicken {background: url(titles/chicken.gif) top left no-repeat;}

#cookedmeats {background: url(titles/cooked-meats.gif) top left no-repeat;}

#duck {background: url(titles/duck.gif) top left no-repeat;}

#game {background: url(titles/game.gif) top left no-repeat;}

#lamb {background: url(titles/lamb.gif) top left no-repeat;}

#pies {background: url(titles/pies.gif) top left no-repeat;}

#pork {background: url(titles/pork.gif) top left no-repeat;}

#sausages {background: url(titles/sausages.gif) top left no-repeat;}

#turkey {background: url(titles/turkey.gif) top left no-repeat;}