/* reset all elements to give a level playing field in the browsers */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}

/* generic styling */
html {
background:#fff;
height:100%;
width:100%;
overflow-y:scroll   /* always have a scrollbar so that the page doesnt jump around */
}
body {
/* background:url(../images/westernScene.jpg) no-repeat fixed center; */
color:#000;
font-family: Georgia, Helvetica, Arial, sans-serif;
font-size:16px;
line-height:1.3;
height:100%;
width:100%;
}
h1 {font-family:georgia, sans-serif;font-size:24px;padding-bottom:10px}
h2 {font-family:georgia, sans-serif;color:#000;font-size:18px;padding-top:20px}
h3 {
	font-family:georgia, sans-serif;
	color:#003399;
	font-size:16px;
	font-weight:bold;
	padding-top:15px;
	text-align: left;
}
h4 {font-family:georgia, sans-serif;color:#003399;font-size:13px;font-weight:bold;padding-top:15px}
img {vertical-align:bottom}
p {padding:15px 0 0;text-align:justify}
.clearFix {clear:both;height:0;overflow:hidden}
a {color:#003399}
ol, ul {
padding:10px 20px
}
li {padding:5px 0}
blockquote {
border-bottom:1px solid black;
padding:0 0 10px
}
blockquote:last-child {
border-bottom:none
}
#background {
height:100%;
position:absolute;
width:100%;
z-index:1;
}
#scroller {
height:100%;
left:0;
overflow:auto;
position:absolute;
top:0;
width:100%;
z-index:2
}
#container {
background:url(../images/bgMid.png) repeat-y 0 0;
margin: 0 auto;
padding:20px 0;
width:894px
}
#header {
	background:url(../images/bgTopBot.png) no-repeat 0 0;
	font-family:Georgia, sans-serif;
	height:148px;
	margin:20px auto 0;
	position:relative;
	width:894px
}
#header a {
display:block;
position:absolute;
left:205px;
height:110px;
text-indent:-9999em;
top:15px;
width:450px
}
#header p {
font-size:22px;
padding:0;
position:absolute;
left:680px;
top:69px;
width:200px
}
#header p span {color:red}
#header p .white {color:white}
#header p .blue {color:blue}
#header .phone {
	font-size:24px;
	position:absolute;
	left:25px;
	top:85px
}
.content {
float:left;
padding:0 20px 0 30px;
width:600px
}
#footer {
background:url(../images/bgTopBot.png) no-repeat left bottom;
clear:both;
height:95px;
margin: 0 auto 20px;
width:894px
}
#footer p {text-align:center}

/* navigation */
#nav {float:right;padding:0;width:230px}
#nav li {padding:0}
#nav li a {display:block;padding:4px 0 4px 22px;text-decoration:none}
#nav li a:hover,
#nav li span:hover {color:white}
#nav li.film a {background:url(../images/youTubeIcon.png) no-repeat left center;padding-left:42px}
#home .home a,
#order .order a,
#nutrition .nutrition a,
#whyChooseUs .whyChooseUs a,
#faq .faq a,
#aboutUs .aboutUs a,
#comeVisit .comeVisit a,
#mailingList .mailingList a,
#fundraiser .fundraiser a,
#bikerRally .bikerRally a,
#testimonials .testimonials a,
#kansasProfile .kansasProfile a,
#wolfCreek .wolfCreek a,
#makeASmoker .makeASmoker a,
#oldFashionedJerky .oldFashionedJerky a,
#makeJerkyHamburger .makeJerkyHamburger a,
#makeSteakJerky .makeSteakJerky a,
#jerkyBusiness .jerkyBusiness a,
#howWeMakeJerky .howWeMakeJerky a,
#dogStoleIt .dogStoleIt a {color:red}

#oldFashionedJerky .recipes ul,
#makeJerkyHamburger .recipes ul,
#makeSteakJerky .recipes ul,
#makeASmoker .recipes ul,
#jerkyBusiness .recipes ul,
#howWeMakeJerky .recipes ul,
#homeMadeBeefJerky .recipes ul,
#beefJerkyFactoryDirect .recipes ul {display:block}

#aboutUs .aboutUsMenu ul,
#whyChooseUs .aboutUsMenu ul,
#comeVisit .aboutUsMenu ul {display:block}

#kansasProfile .news ul,
#wolfCreek .news ul {display:block}

#nav ul {display:none;padding:0 10px 10px}
#nav li span {background:transparent url(../images/interviewExpand.gif) no-repeat scroll 0 7px;color:#003399;cursor:pointer;padding:4px 0 4px 22px;}
/*#nav li span span {
background:transparent url(../images/interviewExpand.gif) no-repeat scroll 0 0;
display:inline;
float:right;
height:12px;
margin:2px 20px 0 0;
width:17px
}*/
#nav li span.closed {
background:transparent url(../images/interviewCollapse.gif) no-repeat scroll 0 7px
}

/* index page */
.indexColumn {
	display:inline;
	float:left;
	margin:0 15px;
	padding:5px;
	width:160px
}
.indexColumn2 {
	display:inline;
	float:left;
	margin:0 15px;
	padding:5px;
	width:260px
}
.indexColumn h3 {
border-bottom:1px solid black;
color:black
}
#rotate1 div,
#rotate2 div {
background-color:transparent !important;
padding-bottom:10px;
width:260px
}

/* order page */
#order .product {
border-bottom:1px solid #333;
float:left;
padding:10px 0;
width:600px
}
#order .content > div:last-child {
border-bottom:none
} 
.product .details {
float:left;
width:290px
}
.product form {
float:right;
width:190px
}
.product form select {
margin:5px 0 20px
}
#order .product h2 {
padding-top:0;
}
#order .product .details p {
font-size:14px;
padding:5px 0 0
} 
#order .content .clip {
float:left;
height:100px;
margin:0 10px 10px 0;
overflow:hidden;
position:relative;
width:100px;
}
/*#order .content .clip img {
display:none
}*/
#order .content .clip img.height100 {
display:block;
position:absolute;
width:100px
}
#order .content .clip img.width100 {
display:block;
position:absolute;
height:100px
}

/* email us form */
form#contactForm input {
border:1px solid #999;
font-size:14px;
padding:7px;
width:300px
}
form#contactForm input:focus,
form#contactForm textarea {
border:1px solid #007dcc
}
form#contactForm textarea {
border:1px solid #999;
font:14px Helvetica, Arial, sans-serif;
padding:7px;
height:100px;
margin-top:15px;
width:300px;
}

form#contactForm input[type="submit"] {
background:#eee;
border:1px solid #999;
cursor:pointer;
width:316px
}
form#contactForm input[type="submit"]:hover {
background:#ccc
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxTopLeft{width:14px; height:14px; background:url(../images/colorbox/controls.png) 0 0 no-repeat;}
	#cboxTopCenter{height:14px; background:url(../images/colorbox/border.png) top left repeat-x;}
	#cboxTopRight{width:14px; height:14px; background:url(../images/colorbox/controls.png) -36px 0 no-repeat;}
	#cboxBottomLeft{width:14px; height:43px; background:url(../images/colorbox/controls.png) 0 -32px no-repeat;}
	#cboxBottomCenter{height:43px; background:url(../images/colorbox/border.png) bottom left repeat-x;}
	#cboxBottomRight{width:14px; height:43px; background:url(../images/colorbox/controls.png) -36px -32px no-repeat;}
	#cboxMiddleLeft{width:14px; background:url(../images/colorbox/controls.png) -175px 0 repeat-y;}
	#cboxMiddleRight{width:14px; background:url(../images/colorbox/controls.png) -211px 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:5px;}
		#cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
                #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
                #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
                
                #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
                #cboxPrevious{left:0px; background-position: -51px -25px;}
                #cboxPrevious.hover{background-position:-51px 0px;}
                #cboxNext{left:27px; background-position:-75px -25px;}
                #cboxNext.hover{background-position:-75px 0px;}
		#cboxClose{right:0; background-position:-100px -25px;}
		#cboxClose.hover{background-position:-100px 0px;}

                .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
                .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
                .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
                .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}