﻿@charset "UTF-8";
/* CSS Document */



/* text & link attributes */

.brown { color: #4d2e18; }

.black { color: #000000; }

.sixteen { font-size: 16px; }

.eighteen { font-size: 18px; line-height: 150%; }

.bold { font-weight: bold; }


.eightblack     { font-family: Verdana,Arial; font-size: 8pt; color: #000000 }
.nineblack     { font-family: Verdana,Arial; font-size: 9pt; color: #000000 }
.tenblack    { font-family: Verdana,Arial; font-size: 10pt; color: #000000 }
.twelveblack     { font-family: Verdana,Arial; font-size: 12pt; color: #000000 }
.fourteenblack     {
	font-family: Verdana,Arial;
	font-size: 14pt;
	color: #000000;
	line-height: normal;
}

.fourteenbluebold    { font-family: Verdana,Arial; font-size: 14pt; color: #003366; font-weight:bold }

.sixteenblue    { font-family: Verdana,Arial; font-size: 16pt; color: #003366; }

a:link.blacklink { color: #000000; font-family: Verdana,Arial;font-size: 25px; text-decoration: none }
a:active.blacklink { color: #000000;font-family: Verdana,Arial;font-size: 25px; text-decoration: none }
a:visited.blacklink { color: #000000;font-family: Verdana,Arial;font-size: 25px; text-decoration: none }
a:hover.blacklink { color: #000000; font-family: Verdana,Arial;font-size: 25px; text-decoration: underline }


a:link.redlink { color: #800000; font-family: Verdana,Arial;font-size: 20px; text-decoration: none }
a:active.redlink { color: #800000;font-family: Verdana,Arial;font-size: 20px; text-decoration: none }
a:visited.redlink { color: #800000;font-family: Verdana,Arial;font-size: 20px; text-decoration: none }
a:hover.redlink { color: #800000; font-family: Verdana,Arial;font-size: 20px; text-decoration: underline }

a:link.orangelink { color: #ee8a43; font-family: Verdana,Arial;font-size: 12px; text-decoration: none }
a:active.orangelink { color: #ee8a43;font-family: Verdana,Arial;font-size: 12px; text-decoration: none }
a:visited.orangelink { color: #ee8a43;font-family: Verdana,Arial;font-size: 12px; text-decoration: none }
a:hover.orangelink { color: #ee8a43; font-family: Verdana,Arial;font-size: 12px; text-decoration: underline }



a.leftnav_short:link, a.leftnav_short:visited { display: block; padding: 18px 0 18px 0; width: 200px; text-align: center; background: url(/images/leftnav_short1.jpg) center center no-repeat; }

a.leftnav_short:hover, a.leftnav_short:active { display: block; padding: 18px 0 18px 0; width: 200px; text-align: center; background: url(/images/leftnav_short2.jpg) center center no-repeat; }

a.leftnav_tall:link, a.leftnav_tall:visited { display: block; padding: 18px 0 18px 0; width: 200px; text-align: center; background: url(/images/leftnav_tall1.jpg) center center no-repeat; }

a.leftnav_tall:hover, a.leftnav_tall:active { display: block; padding: 18px 0 18px 0; width: 200px; text-align: center; background: url(/images/leftnav_tall2.jpg) center center no-repeat; }




/* main attributes */

body, a, p, div, img{ margin: 0; padding: 0; border: 0; }

a img { border: 0; }

.nav_left { float: left; }

.left { float: left; margin: 0 15px 0 0; }

.left_no_margin { float: left; margin: 0; }

.right_no_margin { float: right; margin: 0; }

.right { float: right; margin: 5px 0 0 15px; }

.center { margin: 0 auto; }

.border { border: 1px solid #000; }

.borderbottom { border-bottom: 1px solid #ddd ; }

.clear { clear: both; }

html { background: #533624 url(/images/sub-bg-bottom.jpg) center 902px repeat-y; }

body.homepage {
	text-align: center;
	font: 14px Arial, Times, serif;
	color: #000000;
	line-height: normal;
	background: url(/images/hp-bg.jpg) center 30px no-repeat;
}
body.subpage {
	text-align: center;
	font: 14px Arial, Times, serif;
	color: #000000;
	line-height: normal;
	background: url(/images/sub-bg-top.jpg) center 30px no-repeat;
}

.topnav {
	
	width: 100%;
	height: 30px;
	background: #2a1a10;
	border-bottom: 1px solid #ae5e26;
	font-size: 13px;
	
	text-align: center;
}


.topnavtext {
	margin: auto;
	width: 900px;
	text-align: right;
	color: #ee8a43;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
}





.wrapper { width: 830px; margin: 0 auto; }

.header {
	float: right;
	width: 830px;
	height: 260px;
}

.mainnav { float: right; width: 620px; height: 80px; padding: 0; margin: 20px 0 40px 0; }

.mainnavtext { float: right; padding: 0 65px 0 0; }

body.homepage .footer {
	float: left;
	width: 830px;
	padding: 35px 0 80px 0;
	color: #25140c;
}

body.subpage .footer { float: left; width: 830px; padding: 40px 0 50px 0; color: #25140c; }

ul.navlist { list-style: none; margin: 0; padding: 0; }

li.nav_item { float: left; margin: 0; padding: 0; list-style: none; }

.findjerky_overlay { position: absolute; top: 70px; left: 50%; margin: 30px 0 0 173px; list-style: none; padding: 30px; background: #563a29; border: 1px solid #efd29d; }

.findjerky_overlay li { list-style: none; margin: 0; padding: 0; }

.smoky { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .70; filter: alpha(opacity=70); }




/* homepage attributes */

.titleheader { float: right; height: 100px; margin: 0 35px 0 0; }

.subnav { float: left; width: 200px; }

.hpcontent {
	float: right;
	width: 600px;
	text-align: left;
	margin: 0 0 25px 0;
	line-height: 22px;
}

.storecontent {
	float: right;
	width: 600px;
	text-align: left;
	margin: 0 0 25px 0;
	line-height: 13px;
}

.storecontent table tr td table { background: transparent; }

.storecontent table tr td table tr td { background: transparent; }
