/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0;}

html { overflow-y: scroll;}
body { 
	font: 62.5% Helvetica, sans-serif;
	background-color: #999965; ;
}


<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->



ul { list-style: none inside; }
p { font-size: 1.3em; line-height: 1.3em; }
a { outline: none; color: #646442}
a img {border: none; }

h1 {
	text-transform: uppercase;
	font: 2.4em Georgia, serif italic bold;
	letter-spacing: 3px;
	color: #b15224;
	margin-bottom:0.8em;
	margin-left:0em;
	border-bottom: 1px solid #646442;
	border-top: 1px solid #646442;
}
h2 {
	font-style: normal;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 1.6em;
	color: #646442;
	margin-bottom:0.4em;
}
#order h3 {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	color: #b15224;
	font-style: italic;
	font-size: 1.8em;
	border-bottom: 1px solid #bbb;
	margin-bottom: 0.6em;
}


h4 {
	text-decoration: underline;
	font-style: italic;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 1.6em;
	color: #b15224;
	margin-bottom:0.4em;
}
h6 {
	text-transform: uppercase;
	font:1.1em  sans-serif italic bold;
	color: #b15224;
	margin: -10px 0 0.8em 0;
	border-bottom: 1px solid #777;
	color: #777

}
/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */
#page-wrap {
	width: 899px;
	margin: 0 auto;
	}
#facebook-like-button {
	float:left;
	margin-top:0px;
	padding:0px 0px 0px 0px;
	color:#999;
	font-size:16px;
	font-style:italic;
	text-shadow:#fff 0px 1px 1px;
}


#header {
	background: url(images/nav-bg.jpg) no-repeat #646442;
	width: 899px;
	}
	#header p {
		color:#f9efcb;
		height:18px;
		padding:34px 30px 5px 0;
		text-align:right;
		}
		#header a {
			color:#f9efcb;
			}
			#header a:hover {
				color:#FFFFFF;
			}
	#header #logo {
		text-indent: -9999px;
		display: block;
		background: url(images/logo.jpg) no-repeat ;
		float:left;
		padding: 0;
		width:253px;
		height: 91px;

	}

#menu {
	position: relative;
	list-style: none;
	background: #646442;
	}
	
	#menu ul {
		display: inline;
		float: left;
		}
		#menu ul li a {
		display: block;
		float: left;
		height: 34px;
		}
	#menu li {
		display: inline;
	}
	#menu li a {
		text-indent: -9999px;
		display: block;
		height: 34px;
		float: left;
		}
		#menu li a.home {
			background: url(images/nav-home.jpg) no-repeat bottom center;
			width: 73px;
			}
		#menu li a.order {
			background: url(images/nav-order.jpg) no-repeat bottom center;
			width: 113px;
			}
		#menu li a.about {
			background: url(images/nav-about.jpg) no-repeat bottom center;
			width: 146px;
			}
		#menu li a.placeorder {
			background: url(images/nav-placeorder.jpg) no-repeat bottom center;
			height: 28px;
			width: 180px;
			}
		#menu li a.orderingdetails {
			background: url(images/nav-orderingdetails.jpg) no-repeat bottom center;
			height: 28px;
			width: 180px;
			}
		#menu li a.theranch {
			background: url(images/nav-theranch.jpg) no-repeat bottom center;
			width: 108px;
			}
		#menu li a.ranchhistory {
			background: url(images/nav-ranchhistory.jpg) no-repeat bottom center;
			height: 28px;
			width: 180px;
			}
		#menu li a.photogallery {
			background: url(images/nav-photogallery.jpg) no-repeat bottom center;
			height: 28px;
			width: 180px;
			}
		#menu li a.cookingtips {
			background: url(images/nav-cookingtips.jpg) no-repeat bottom center;
			width: 124px;
			}
		#menu li a.news {
			background: url(images/nav-news.jpg) no-repeat bottom center;
			width: 81px;
			}
			#menu li a:hover {
				background-position: center center;
			}
			#menu li a:active {
				background-position: top center;
			}
		body#home #menu li a.home,
		body#order #menu li a.order,
		body#about #menu li a.about,
		body#order #menu li a.placeorder,
		body#orderingdetails #menu li a.orderingdetails,
		body#orderingdetails #menu li a.order,
		body#ranchhistory #menu li a.theranch,
		body#ranchhistory #menu li a.ranchhistory,
		body#photogallery #menu li a.photogallery,
		body#photogallery #menu li a.theranch,
		body#cookingtips #menu li a.cookingtips,
		body#news #menu li a.news {
			background-position: top center;
		}
	

		
ul.plist {
	margin-left: 20px;
	list-style-type: circle;
	list-style: outside;
	}
	ul.plist li {
		font-size: 1.3em;
		line-height: 1.3em;
		margin-bottom: 10px;
		}
		
ul.products-list {
	margin-left: 40px;
	list-style-type: circle;
	list-style: outside;
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 5px;
	}
	ul.products-list li ul {
		font-size: 100%;
	}
		
#banner {
	min-height:256px;
	}
	#banner-left {
		float: left;
		height: 256px;
		width: 616px;
		position: relative;
		background: url(images/carousel-bg.jpg)
		}
		
	#banner-right {
		height: 256px;
		width: 283px;
		float: left;
		position: relative;
		background: url(images/banner-ad-blank.jpg);
		}
		
	#ad-rotator  {
		height: 256px;
		width: 283px;
		position: relative;
		float: left;
		}
		
	#ad-rotator a {
		height: 256px;
		width: 283px;
		position: absolute;
		top: 0px;
		left: 0px;
		}
			
	#banner-right a {
		height: 256px;
		width: 283px;
		position: absolute;
		top: 0px;
		left: 0px;
		}
	#banner #carousel {
		height: 236px;
		width: 605px;
		position: absolute;
		top: 7px;
		left: 7px;
		
		}	
	#banner #carousel-left {
		height: 236px;
		width: 8px;
		position: absolute;
		padding-top: 5;
		padding-left: 7;
		}	
	#banner #carousel-right {
		height: 236px;
		width: 3px;
		background: url(images/carousel-right.jpg);
		}	
	#banner #carousel-bottom {
		height: 13px;
		width: 616px;
		background: url(images/carousel-bottom.jpg);
		}	







	
#center {
	
}	

#home #main-content p {
	font-size: 1.4em;
	color: #444;
	
	}

#home #main-content p span {
	font-family: Georgia;
	font-style: italic;
	font-size: 1.5em;
	color: #444;
	line-height: 1.3em;
	
	}



#content {
	min-height: 200px;
	background: url(images/watermark.jpg) no-repeat #f9efcb;
	padding: 20px 30px 30px 20px;
}
	#main-content {
		width: 540px;
		float: left;
		padding: 0 0 0 10px;
		overflow: hidden;
	}
	#sidebar {
		margin-left: 580px;
		width: 260px;
		color: #616161;
		}
		#sidebar .blurb {
		font-size: 1.1em; 
		font-family: serif;
		font-style: italic;
		background-image: url(images/blurb-bg4.png);
		_background:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blurb-bg4.png',sizingMethod='crop');
		width: 200px;
		margin: 0 10px 0 15px;
		padding: 24px;
			}
			
			#sidebar .blurb p {
			line-height: 1.5em;
			}
		#sidebar .links {
		font-size: 1.1em; 
		font-family: serif;
		font-style: italic;
		background-image: url(images/blurb-bg6.png);
		_background:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blurb-bg6.png',sizingMethod='crop');
		width: 200px;
		margin: 20px 10px 0 15px;
		padding: 24px;
			}
			
			#sidebar .links p {
			line-height: 1.0em;
			}
		#sidebar a {
		margin-bottom: 10px;
		}
		
		#sidebar .facebook {
		width: 248px;
		height: auto;
		background-color: #fff;
		margin: 0px 15px 20px 15px;
		padding: 0px;
		}
		
		#sidebar .facebook-like-button {
		width: 224px;
		height: auto;
		background-image: url(images/blurb-bg2.png);
		_background:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blurb-bg2.png',sizingMethod='crop');
		margin: 0px 10px 15px 15px;
		padding: 12px;
		}
		
		
	#popup table{border-left:1px solid #ccc;}
	#popup table tr{border-bottom:1px solid #ccc;}
	#popup table td, #popup table th{padding:5px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
	
	
	
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 1.1em;
	font-family: inherit;
	vertical-align: baseline;
}	
	
table {
	-moz-box-sizing:border-box;
	border-collapse:separate;
	border-spacing:0px;
	display:table;
	margin-bottom:0;
	margin-top:0;
	text-indent:0;
}	
	
body#shipping, body#freezerspace, body#howmuchbeef {
	background-color: #ffffff;
	}	
	
#popup {
	margin: 0 auto;
	padding: 20px 30px 30px 30px;
	width: 632px;
	float: left;
	background-color: #ffffff;
	}	
#popup-sm {
	margin: 0 auto;
	padding: 20px 30px 30px 30px;
	width: 440px;
	float: left;
	background-color: #ffffff;
	}	
	
a.link {
	font-style: normal;
	text-decoration: underline;
	color: #646442;
	}
	a.link a:hover {
		color: #000000;
	}
a.readmore {
	font-size: 80%;
	font-style: normal;
	text-decoration: underline;
	color: #646442;
	}
	a.link a:hover {
		color: #000000;
	}
	
		
a.ref {
	font-size: 1.0em;
	font-style: normal;
	text-decoration: none;
	color: #b5b685;	
	}
	a.ref a:hover {
		color: #000000;
	}
.ref p {
	font-size: 1.0em;
	font-style: normal;
	color: #646442;
	}
	.ref p a {
		color: #646442;
		}
		.ref p a:hover {
			color: #000000;
		}

/*
    BUNDLES
*/
#product-menu { width: 500px; position: relative; }
#bundles { position: relative; list-style: none; }
#bundles li { padding: 3px 0 0 10px;}
#bundles li h2 { margin-bottom:0.1em }
#bundles li p { color:#646442; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:1.4em; font-style:normal; padding: 0 0 0 20px; margin-bottom:0.1em }
#bundles li a:hover { text-decoration: underline; }
#bundles ul li strong a { font-weight: bold; color: #A54D22 !important; }
#bundles ul { position: relative; list-style: none; padding: 5px 0 5px 25px; font-size: 100%;}
#bundles ul li { padding: 1px 0; font-family: Helvetica, Sans-Serif; border-left: 3px solid #f9efcb;}
#bundles ul ul li { padding: 0 20px; font-size: 1.3em; color: #646442;}

.bundle-title {position: relative; list-style: none; margin-left: -45px;}
.bundle-title li {display: inline; float: left; margin-left: 10px; font-size: 1.1em;}

.accordion-arrow { width: 11px; height: 11px; background: url(images/accordion-arrow.png) no-repeat; float: left; margin: 0 5px 0 0; position: relative; top: 2px; }
.accordion-arrow:hover { background-position: 0 -11px; }
.showing { background-position: -11px 0 !important; }
.showing:hover { background-position: -11px -11px !important; }

#laughbreak { padding-left: 0px; text-align: center; }

/*
	CONTACT
*/
#contact li p { font-family:Arial,Helvetica,Verdana,sans-serif; font-size:1.4em; font-style:normal; padding: 0 0 0 20px; margin-bottom:0.1em }


/*--not in use--*/	
#bottom-ads {
	background: #f9efcb;
	}
	#bottom-ads #order-ad {
		float:left;
		padding:0px;
		width:349px;
	}
	#bottom-ads #recipes-ad {
		float:left;
		padding:0px;
		width:338px;
	}
	#bottom-ads #about-ad {
		float:left;
		padding:0px;
		width:212px;
	}
/*--END not in use--*/		

		
#footer {
	min-height: 167px;
	background: url(images/footer-bg.jpg) no-repeat;
	overflow: hidden;
	}
	#footer #footer-logos {
	margin: 0 auto;
	}
	#footer-logos {
		width: 899px;
		}
		#footer-logos ul {
		list-style: none;
		padding: 10px 205px 0px 205px;
		}
		#footer-logos li {
			display: inline;
		}
		#footer-logos li a {
			text-indent: -9999px;
			display: block;
			height: 109px;
			float: left;
			}
			#footer-logos li img.blank {
				background: none;
				width: 205px;
				}
			#footer-logos li a.natural {
				background: url(images/footer-natural.jpg) no-repeat;
				width: 174px;
				}
			#footer-logos li a.angus {
				background: url(images/footer-angus.jpg) no-repeat;
				width: 150px;
				}
			#footer-logos li a.montana {
				background: url(images/footer-montana.jpg) no-repeat;
				width: 164px;
			}
	#footer-text {
		width:899px;
	}
	#footer p {
		margin-top: 0px;
		color:#FFFFFF;
		font-size: 1.1em;
		height:18px;
		padding:10px 0px 15px 0;
		text-align:center;
		line-height: 1.4em;
		}
		#footer a {
			color:#FFFFFF;
			}
			#footer a:hover {
				color:#FFFFFF;
			}
			

/*
Photo Gallery
*/	
#galleria							{width:850px; height: 600px; margin:0 0 5px 5px;}
#fullscreenlink	a					{text-align: right; display: block; font-size: 1.3em; text-decoration: none; }
#fullscreenlink a:hover				{text-decoration: underline;}			
			
/*
DROP DOWN MENU STYLING
*/			


/* 
	LEVEL ONE
*/
ul.dropdown li a                    { display: block; solid #333; 
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 180px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 500}
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-left: 1px solid #ccc;
									  border-right: 1px solid #ccc;
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }