/*
* Hatfield Quality Meats
* www.hatfieldqualitymeats.com
* www.allebach.com
* May 2010
*/

html
{
	overflow-y:scroll;
	}
	
html,
body
{
	margin:0;
	padding:0;
	}
	
body
{
	background:#2a0000 url(images/body/background.jpg) no-repeat 50% -120px;
	color:#666666;
	font-family:Arial, Verdana, Sans-Serif;
	}
	
input,
textarea
{
    /*color:#666666;*/
	font-family:Arial, Verdana, Sans-Serif;
    }
    
textarea
{
    font-size:11px;
    }
	
a
{
    color:#C5272B;
	cursor:pointer;
	text-decoration:none;
	}

/* LAYOUT */
form
{
	margin:0;
	padding:35px 0 0 0;
	}
div#wrapper 
{
	margin:0 auto;
	padding:0;
	position:relative;
	top:0;
	width:960px;
	}	
div#content
{
    background:url(images/content/background.png) no-repeat 0 0;
    font-size:11px;
    height:572px;
    line-height:18px;
	margin:0 5px;
	position:relative;
	overflow:hidden;
	z-index:1;
	}	
div#content.expanding
{
    background:url(images/form/background.jpg) repeat-y 50% 208px;
    min-height:572px;
    height:auto;
    }
div#content-offset
{
    background:url(images/content/background.png) no-repeat 0 0;
    overflow:hidden;
    padding:30px 20px 20px 20px;
    min-height:522px;
    }
#content-inner
{
    background:url(images/content/background.png) no-repeat 0 0;
    overflow:hidden;
    }	
    
/* HEADER */
h1#header
{
	height:102px;
	left:-38px;
	margin:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	top:-15px;
	width:120px;
	z-index:3;
	}
	
h1#header a
{
	display:block;
	height:100%;
	text-indent:-9999px;
	width:100%;
	}
	
h1#header span.css-image
{
	background-image:url(images/header/background.png);
	}	
#header-facebook-link
{
    display:block;
    height:40px;
    left:4px;
    overflow:hidden;
    position:absolute;
    top:-15px;
    width:279px;
    }

#header-facebook-link .css-image
{
    background-image:url(images/header/facebook.jpg);
    }	

/* SECONDARY NAV */
ul#secondary-navigation
{
	font-size:12px;
	font-weight:bold;
	height:20px;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	text-align:right;
	}
	
ul#secondary-navigation li
{
	border-right:1px solid #f4dd8f;
	display:inline;
	margin-right:5px;
	padding-right:7px;
	}
	
ul#secondary-navigation li.last-child
{
	border-right:none;
	margin-right:0;
	}
	
ul#secondary-navigation a
{
	color:#f4dd8f;
	text-decoration:none;
	}
#secondary-navigation a:hover
{
    color:#fff;
    }

/* PRIMARY NAV */
ul#primary-navigation
{
	height:28px;
	list-style:none;
	margin:5px 0 0 0;
	padding:0 0 0 4px;
	position:relative;
	z-index:2;
	}
	
ul#primary-navigation li
{
	float:left;
	position:relative;
	}
	
ul#primary-navigation a
{
	color:#644204;
	display:block;
	height:28px;
	overflow:hidden;
	position:relative;
	width:100%;
	}
	
ul#primary-navigation span.css-image
{
	background-image:url(images/navigation/background.png);
	}
	
li#pn-about-us
{
	width:219px;
	}
li#pn-about-us span.css-image
{
	background-position:0 0;
	}
li#pn-about-us a:hover span.css-image,
li#pn-about-us:hover span.css-image
{
	background-position:0 -28px;
	}

li#pn-products
{
	width:115px;
	}
li#pn-products span.css-image
{
	background-position:-219px 0;
	}
li#pn-products a:hover span.css-image,
li#pn-products:hover span.css-image
{
	background-position:-219px -28px;
	}

li#pn-community
{
	width:135px;
	}
li#pn-community span.css-image
{
	background-position:-334px 0;
	}
li#pn-community a:hover span.css-image,
li#pn-community:hover span.css-image
{
	background-position:-334px -28px;
	}

li#pn-where-to-buy
{
	width:148px;
	}
li#pn-where-to-buy span.css-image
{
	background-position:-469px 0;
	}
li#pn-where-to-buy a:hover span.css-image,
li#pn-where-to-buy:hover span.css-image
{
	background-position:-469px -28px;
	}

li#pn-recipes
{
	width:106px;
	}
li#pn-recipes span.css-image
{
	background-position:-617px 0;
	}
li#pn-recipes a:hover span.css-image,
li#pn-recipes:hover span.css-image
{
	background-position:-617px -28px;
	}

li#pn-careers
{
	width:99px;
	}
li#pn-careers span.css-image
{
	background-position:-723px 0;
	}
li#pn-careers a:hover span.css-image,
li#pn-careers:hover span.css-image
{
	background-position:-723px -28px;
	}
	
#pn-store{width:80px;display:none;}
#pn-store .css-image{background-position:-822px 0;}
#pn-store a:hover .css-image{background-position:-822px -28px;}

/* DROP DOWNS */

div.drop-down
{
	background:url(images/navigation/drop-down.png) no-repeat 0 0;
	left:-9999px;
	margin:0 0 0 -5px;
	overflow:hidden;
	position:absolute;
	top:28px;
	width:129px;
	}

ul#primary-navigation li:hover div.drop-down,
ul#primary-navigation li.sfhover div.drop-down
{
	left:auto;
	}
	
ul#primary-navigation li#pn-community:hover div.drop-down,
ul#primary-navigation li#pn-community.sfhover div.drop-down
{
	left:10px;
	}
ul#primary-navigation li#pn-where-to-buy:hover div.drop-down,
ul#primary-navigation li#pn-where-to-buy.sfhover div.drop-down
{
	left:18px;
	}
ul#primary-navigation li#pn-fun:hover div.drop-down,
ul#primary-navigation li#pn-fun.sfhover div.drop-down
{
	left:-16px;
	}
ul#primary-navigation li#pn-about-us:hover div.drop-down,
ul#primary-navigation li#pn-about-us.sfhover div.drop-down
{
	left:99px;
	}

ul#primary-navigation ul
{
	background:url(images/navigation/drop-down.png) repeat-y -258px 0;
	font-size:11px;
	font-weight:bold;
	list-style:none;
	margin:8px 0 0 0;
	padding:0 4px 0 2px;
	text-align:center;
	text-indent:-6px;
	width:123px;
	}	
ul#primary-navigation ul li
{
	background:url(images/navigation/drop-down-divider.png) no-repeat 0 bottom;
	float:none;
	padding:3px 0 4px 0;
	}
ul#primary-navigation ul li.last-child
{
	background-image:none;
	}
ul#primary-navigation ul li.first-child
{
	padding-top:0;
	}
	
ul#primary-navigation ul a
{
	color:#644204;
	height:auto;
	text-decoration:none;
	}
ul#primary-navigation ul a:hover
{
    color:#c5272b;
    }
	
div.drop-down-bottom
{
	background:url(images/navigation/drop-down.png) no-repeat -129px 0;
	height:11px;
	width:129px;
	}

/* FOOTER */
div#footer
{
	color:#fff;
	font-size:11px;
	padding:25px 5px 55px 5px;
	text-align:center;
	}

div#footer ul
{
	list-style:none;
	margin:6px 0 0 0;
	padding:0;
	}
	
div#footer li
{
	display:inline;
	}
	
ul#address li
{
	background:url(images/footer/bullet.png) no-repeat right 50%;
	padding-right:10px;
	margin-right:3px;
	}	
	
ul#address li.last-child
{
	background-image:none;
	}
	
ul#additional li.first-child
{
	border-right:1px solid #fff;
	margin-right:13px;
	padding-right:15px;
	}
	
/* CLASSES AND GENERAL */
.hide,
.screen-hide,
.desktop-hide
{
	height:0px;
	left:-9999px;
	overflow:hidden;
	position:absolute;
	width:0px;
	}
	
.css-image
{
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:100%;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:100%;
	z-index:2;
	}
    
blockquote
{
    color:#c5272b;
    }
blockquote p
{
    font-style:italic;
    }
    
p.important-paragraph
{
    font-weight:bold;
    }	

div#content h1
{
    color:#c5272b;
    font-size:20px;
    font-weight:bold;
    margin:0 0 10px 0;
    min-height:0;
    overflow:visible;
    padding:0;
    position:relative;
    } 
*.sub-header
{
    color:#c5272b;
    font-size:15px;
    font-weight:bold;
    margin:0;
    padding:0;
    overflow:visible;
    }
.error-message
{
    color:#c5272b;
    }
.clear
{
    clear:both;
    }
    
.error-message a
{
    text-decoration:underline;
    }
	
.mobile-image
{
    display:none;   
}