


/* set body info for entire site 
======================================== */

body 	{ 
	background: #361503; 	
	padding: 0px; 
	margin: 0px; 
	text-align: center; 
	font: 80% verdana, tahoma, arial, Times,serif;}



/* set link colors for entire site 
======================================== */
	
a:link {
	color:#7E491E;
}

a:visited {
	color:#AF6930;
}

a:hover {
	color:#6F401B;
}

a:active {
	color:#6F401B;
}


/* sections of webpage defined 
======================================== */

#wrapper {
	text-align:center;
	background: url(images/body_background.jpg) repeat-y;
	width:767px;
	margin:0 auto;
}

#header {
	text-align:center;
	width:767px;
	margin:0 auto;
}

h1#header_top {
	text-align:center;
	background: url(images/top.jpg) no-repeat;
	width:767px;
	height: 49px;
	margin:0 auto;
}


h1#header_top a	{
	text-indent:-9999px;
	height: 49px;
	width: 267px; 
	display: block;
	overflow:hidden;
	text-decoration: none;
	}

h1#section_smokehouse {
	text-align:center;
	background: url(images/section_smokehouse2.jpg) no-repeat;
	width:767px;
	height: 140px;
	margin:0 auto;
}

h1#section_smokehouse span 	{ 
	display: none; 
	margin: 0px; 
	}

h1#section_smokehouse span a	{
	height: 140px;
	width: 767px; 
	display: block;
	}

h1#section_contact {
	text-align:center;
	background: url(images/section_smokehouse.jpg) no-repeat;
	width:767px;
	height: 140px;
	margin:0 auto;
}

h1#section_contact span 	{ 
	display: none; 
	margin: 0px; 
	}

h1#section_contact span a	{
	height: 140px;
	width: 767px; 
	display: block;
	}

h1#section_shop {
	text-align:center;
	background: url(images/section_shop.jpg) no-repeat;
	width:767px;
	height: 140px;
	margin:0 auto;
}

h1#section_shop span 	{ 
	display: none; 
	margin: 0px; 
	}

h1#section_shop span a	{
	height: 140px;
	width: 767px; 
	display: block;
	}

h1#section_about {
	text-align:center;
	background: url(images/section_about.jpg) no-repeat;
	width:767px;
	height: 140px;
	margin:0 auto;
}

h1#section_about span 	{ 
	display: none; 
	margin: 0px; 
	}

h1#section_about span a	{
	height: 140px;
	width: 767px; 
	display: block;
	}

h1#section_catering {
	text-align:center;
	background: url(images/section_catering2.jpg) no-repeat;
	width:767px;
	height: 140px;
	margin:0 auto;
}

h1#section_catering span 	{ 
	display: none; 
	margin: 0px; 
	}

h1#section_catering span a	{
	height: 140px;
	width: 767px; 
	display: block;
	}

/* headers
======================================== */


h2#header_about {
	text-align:left;
	background: url(headers/abouthanks.gif) no-repeat;
	width: 199px;
	height: 31px;
}

h2#header_about span 	{ 
	display: none; 
	}







/* navigation
======================================== */

/* h1#navone 	{ 
	background: url(images/header_middle_nav2.jpg) no-repeat; 
	height: 23px; 
	width: 767px; 
	margin: 0px; 
	}

h1#navone span 	{ 
	display: none; 
	margin: 0px; 
	}  */

#navone	{
	width: 767px;
	height: 23px;
	border: 0;
	padding: 0;
	margin: 0;
	}
	
#navone ul	{
	width: 767px;
	height: 23px;
	background: url(images/header_middle_nav2.jpg);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#navone ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#navone ul li, #navone a	{
	height: 23px;
	display: block;
	}

#navone ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	overflow:hidden;
	}

#navone1 {left: 0px; width: 230px;}
#navone2 {left: 520px; width: 110px;}
#navone3 {left: 640px; width: 95px;}
#navone4 {left: 735px; width: 35px;}


#navone1 a:hover {background: transparent url(images/header_middle_nav2.jpg) -0px -26px no-repeat;}
#navone2 a:hover {background: transparent url(images/header_middle_nav2.jpg) -520px -26px no-repeat;}
#navone3 a:hover {background: transparent url(images/header_middle_nav2.jpg) -640px -26px no-repeat;}
#navone4 a:hover {background: transparent url(images/header_middle_nav2.jpg) -735px -26px no-repeat;}



body#about #navone2 {background: transparent url(images/header_middle_nav2.jpg) -520px -26px no-repeat;}
body#contact #navone3 {background: transparent url(images/header_middle_nav2.jpg) -640px -26px no-repeat;}
body#cart #navone4 {background: transparent url(images/header_middle_nav2.jpg) -735px -26px no-repeat;}





/* h1#navtwo 	{ 
	background: url(images/mainnav.jpg) no-repeat; 
	height: 55px; 
	width: 767px; 
	margin: 0px; 
	}

h1#navtwo span 	{ 
	display: none; 
	margin: 0px; 
	}  */

#navtwo	{
	width: 767px;
	height: 55px;
	border: 0;
	padding: 0;
	margin: 0;
	}
	
#navtwo ul	{
	width: 767px;
	height: 55px;
	background: url(images/mainnav.jpg);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#navtwo ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#navtwo ul li, #navtwo a	{
	height: 45px;
	display: block;
	}

#navtwo ul li a	{
	text-indent: -9999px; 
	overflow:hidden;
	text-decoration: none;
	}

#navtwo1 {left: 370px; width: 70px;}
#navtwo2 {left: 470px; width: 150px;}
#navtwo3 {left: 650px; width: 75px;}



#navtwo1 a:hover {background: transparent url(images/mainnav.jpg) -370px -55px no-repeat;}
#navtwo2 a:hover {background: transparent url(images/mainnav.jpg) -470px -55px no-repeat;}
#navtwo3 a:hover {background: transparent url(images/mainnav.jpg) -650px -55px no-repeat;}


body#eatin #navtwo1 {background: transparent url(images/mainnav.jpg) -370px -55px no-repeat;}
body#cater #navtwo2 {background: transparent url(images/mainnav.jpg) -470px -55px no-repeat;}
body#shop #navtwo3 {background: transparent url(images/mainnav.jpg) -650px -55px no-repeat;}








	
#maincontent	{ 
	padding: 0px; 
	width: 767px; 
	margin: 0px auto 0px 0px; 
	text-align: left; 
	}

	


#footer 	{
	clear: both; 
	margin:0 auto;
	background: url(images/footer.jpg) no-repeat; 
	height: 61px; 
	width: 767px; 
	}

.bottomtext	{
	padding: 13px 0px 0px 40px;
	font-size:10px;
	font-family:verdana, tahoma, arial, Times,serif;
	color: #666666;
	text-align: left; 
	}

		.bottomtext a:link {color:#A1A38D; text-decoration: none;}

		.bottomtext a:visited {color:#999999;text-decoration: none;}

		.bottomtext a:hover {color:#ffffff;}

		.bottomtext a:active {color:#596622;}

.articleImg{
	background: url(images/imageshadow.gif) no-repeat 0px 4px;
	width:185px;
	height:183px;
}

.articleImg img{
text-align:right;
display:block;
width:159px;
height:159px;
margin:10px 0 0 6px;
}

.floatleft {float: right;}

.articleImg a, articleImg a:link{
border-bottom:none;
}



#subnav {
    float:left;
    width:190px;
    }
#main {
	float:right;
	width:567px;
	padding:0px 10px 10px 0px;
    }

#sidenavtop {
	background: url(images/sidebacktop.jpg) repeat-y;
	width:176px;
	height:34px;
	margin:0px 0px 0px 0px;
}



#sidenav {
	background: url(images/sidebackmiddle.jpg) repeat-y;
	margin:0px 0px 0px 0px;

}

#sidenav ul	{
	margin: 0px 0px 0px 18px;
	padding: 0;
	position: relative;
	line-height: 1.8;
	}
	
li.siden	{
	background: url(images/bl1.gif) no-repeat 0 .6em;
	display: inline;
	margin: 0;
	list-style: none;
	font-size:12px;
	font-color: #DEE1C7;
	font-family:verdana, tahoma, arial, Times,serif;
	 font-weight: 500;
	}
	
li.siden2	{
	margin: 0;
	list-style: none;
	background: url(images/sidebackmiddle2.jpg) repeat-n;
	font-size:12px;
	font-family:verdana, tahoma, arial, Times,serif;
	 font-weight: 500;
	}

#sidenav ul li a:link,a:active {color: #DEE1C7; text-decoration: none; font-weight: bold;}
#sidenav a:visited {color: #464B4F; text-decoration: none; border-bottom: 1px dotted #ccc;}	
#sidenav a:hover {color: #26405A; text-decoration: none; border-bottom: 1px solid #ccc;}








#sidenavmenu {
	background: url(images/sidebackmiddle.jpg) repeat-y;
	float: left;
	font-size: .8em;
	line-height: 1.8em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 176px !important;
	width /**/: 176px; /* IE5.x */
	position: relative;
	left: 0px;
}


#sidenavmenu ul {
	width: 176px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
}
#sidenavmenu li {
	background: url(images/arrow.gif) no-repeat 0 .6em;
	clear: left;
	float: left;
	display: inline;
	width: 90%;
}
#sidenavmenu li li {
	background: url(images/arrow2.gif) no-repeat 10px .6em;
}
#sidenavmenu ul ul {
	margin: 0;
}
#sidenavmenu a {
	border-bottom: 1px solid #464541;	
	color: #DAD4C1;
	display: block;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 3px;
	text-decoration: none;
}
* html #sidenavmenu a {
	/* Hide from IE Mac but not PC \*/
	height: 1px;
	/* */
}
#sidenavmenu a:hover,
#sidenavmenu a:active,
#sidenavmenu a:focus {
	background: #810516;
	border-bottom: 1px solid #EBEADE;
	color: #E8F47E;
}
#sidenavmenu ul ul a {
	margin: 0 0 0 24px;
	color: #999;
	font-weight: normal;
}
#sidenavmenu ul ul a:hover,
#sidenavmenu ul ul a:active,
#sidenavmenu ul ul a:focus {
	background: #810516;
	border-color: #b7eeac;
	color: #E8F47E;
}




#sidenavbottom {
	background: url(images/sidebackbottom.jpg) repeat-y;
	float: left;
	display: block;
	width:176px;
	height:26px;
	margin:0px 0px 0px 0px;
}


/* Image shadow for homepage
======================================== */

head:first-child+body .img-shadow {
  float:left; }


.img-shadow {
 background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 5px 0 0 3px !important;
  margin: 5px 0 0 8px;
  line-height: 1.3;  
  }

.img-shadow img {
  display: block;

  position: relative;
  background-color: #E7E5D8;
  border: 1px solid #a9a9a9; 
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
.footertext {
	
	font-size:10px;
	font-family:verdana, tahoma, arial, Times,serif;
	color: #9B9983;
	}

/* Styling for Purchase Thumbnails
======================================== */

div.purchase-print,
div.purchase-printgrey
{
	height: 120px;
	min-height: 80px;
	padding: 10px 0;
	clear:both;
}

div.purchase-printgrey
{
	border-top: 1px #bab089 dotted;
	border-bottom: 1px #bab089 dotted;
	padding: 10px 0;
	
}

img.purchase-thumbnail
{
	float: left;
	border: 1px #bab089 solid;
	margin: 0 10px 5px 0;
}

div.purchase-print h2,
div.purchase-printgrey h2
{
	margin: 0;
}

div.purchase-print h3,
div.purchase-printgrey h3
{font-size:12px;
	font-family:verdana, tahoma, arial, Times,serif;
	color: #b4402f;
	margin: 0;
}

div.purchase-desc
{
	font-family: verdana, tahoma, arial, Times,serif;
	color: #222;
	font-size: 12px;
	line-height: 17px;
}

h3.purchase-title {
	padding-bottom: 1px;
	font-size: 10px;
}







div.serviceware-printgrey
{
	
	min-height: 80px;
	padding: 10px 0;
	clear:both;
}

div.serviceware-printgrey
{
	border-top: 1px #bab089 dotted;
	/* border-bottom: 1px #bab089 dotted; */
	padding: 10px 0;
	
}

img.purchase-thumbnail
{
	float: left;
	border: 1px #bab089 solid;
	margin: 0 10px 5px 0;
}

div.serviceware-printgrey h2
{
	margin: 0;
}


div.serviceware-printgrey h3
{font-size:12px;
font-weight: bold;
	font-family:verdana, tahoma, arial, Times,serif;
	color: #b4402f;
	margin: 0;
}

div.purchase-desc
{
	font-family: verdana, tahoma, arial, Times,serif;
	color: #222;
	font-size: 12px;
	line-height: 17px;
}

h3.purchase-title {
	padding-bottom: 1px;
	font-size: 10px;
}






/* Forms
*******************************************************************************/

input.search {
	display: block; 
	background-color: #F9F9EE;
}

textarea {
background-color: #F9F9EE;
}

input.textbox {
	display: block; 
	margin-bottom: 18px;
	background-color: #F9F9EE;
}

select.textbox {
	display: block; 
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #F9F9EE;
}

#sidenavmenucart {
float: left;
font-size: .8em;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 160px !important;
width /**/: 176px; /* IE5.x */
position: relative;
left: 0px;
}


h3#menutop {
	width:560px; 
	height:32px;
	padding: 4px 0px 0px 4px;
	margin-bottom: -9px;
	color:#ffffff;
	background: url(images/menuheaderback2.jpg) no-repeat;}

#hors {width:550px;
	margin:0px 0px 0px 12px;
}

#homebanner {margin:10px 0px 4px 12px;
}

#flickr img {
	float:left;
	margin:0 0px 8px 8px;
	background:#9D9D9D;
	padding:2px;
	width:92px;
	height:92px;
}
