/* ----------------------------------
*/
html{ padding: 0; margin: 0 }
body{
	font: 900 12pt/1.4em Georgia, "Times New Roman", Times, serif;
	background: #ECAD46;
	color: #B30838;
	margin: 0;
}
a{ color: #B30838; text-decoration: none; }
a img{ border: 0; text-decoration: none; }
a:hover { color: #fff }
#container{ background: #ECAD46; width: 914px; margin: 0 auto; padding: 20px 0 0 0; }

#branding{ 
	width: 868px;
	margin: 0 auto;
	background: transparent url(../images/ui/header.png) no-repeat top left;
	height: 256px;
	position: relative;
	z-index: 100;
}
	#branding h1 a{ text-indent: -99em; display:block; width: 280px; height: 105px; position: absolute; top: 12px ; left: 34px;}
	#branding ul#nav li{ position: absolute; text-indent: -99em; list-style: none; }
	#branding ul#nav li{ overflow: hidden; display: block }
	
	#branding ul#nav li#home { left: 92px; top: 185px; }
	#branding ul#nav li#home a{ background: url(../images/ui/home.gif); height: 25px; width: 48px; display:block }
	#branding ul#nav li#home a:hover{ background: url(../images/ui/home.gif) 0 25px; }
	
	#branding ul#nav li#products { left: 160px; top: 162px; }
	#branding ul#nav li#products a{ background: url(../images/ui/products.gif); height: 28px; width: 73px; display:block }
	#branding ul#nav li#products a:hover{ background: url(../images/ui/products.gif) 0 28px; }
	
	#branding ul#nav li#guilt-free { left: 253px; top: 145px; }
	#branding ul#nav li#guilt-free a{ background: url(../images/ui/guilt-free.gif); height: 23px; width: 83px; display:block }
	#branding ul#nav li#guilt-free a:hover{ background: url(../images/ui/guilt-free.gif) 0 23px; }
	
	#branding ul#nav li#food-service { left: 356px; top: 132px; }
	#branding ul#nav li#food-service a{ background: url(../images/ui/food-service.gif); height: 22px; width: 107px; display:block }
	#branding ul#nav li#food-service a:hover{ background: url(../images/ui/food-service.gif) 0 22px; }
	
	#branding ul#nav li#history { left: 478px; top: 130px; height: 21px;}
	#branding ul#nav li#history a{ background: url(../images/ui/history.gif); height: 21px; width: 65px; display:block }
	#branding ul#nav li#history a:hover{ background: url(../images/ui/history.gif) 0 20px; }
	
	#branding ul#nav li#community { left: 564px; top: 133px; }
	#branding ul#nav li#community a{ background: url(../images/ui/community.gif); height: 24px; width: 100px; display:block }
	#branding ul#nav li#community a:hover{ background: url(../images/ui/community.gif) 0 24px; }
	
	#branding ul#nav li#contact-us { left: 682px; top: 144px; }
	#branding ul#nav li#contact-us a{ background: url(../images/ui/contact-us.gif); height: 27px; width: 90px; display:block }
	#branding ul#nav li#contact-us a:hover{ background: url(../images/ui/contact-us.gif) 0 27px; }
	
	#branding ul#nav li#careers { left: 789px; top: 163px; }
	#branding ul#nav li#careers a{ background: url(../images/ui/careers.gif); height: 27px; width: 63px; display:block }
	#branding ul#nav li#careers a:hover{ background: url(../images/ui/careers.gif) 0 27px; }
	
#body{ width: 868px; margin: -96px auto 0; background: #ebbd62 url(../images/ui/sidebar-bg.jpg) repeat-x; }	
#body-content{ margin-top: -40px; position: relative; z-index: 2; padding-right: 40px; } 

#sidebar{
	width: 234px;
	padding-top: 120px;
	text-align: center;
	float:left;
	font-size: .9em;
}
	#sidebar ul#sidenav { width: 200px; margin: 0 auto; padding: 20px 0; font-size: 1.2em }
	#sidebar ul#sidenav li { list-style: none; background: url(../images/ui/sidenav-divider.gif) no-repeat bottom center; width: 200px; padding: 5px 0 }
	.last { border: 0 !important; background: transparent !important; }

#content{ 
	color: #93192D; 
	float:left; width: 630px; 
	background: #FEDD68 url(../images/ui/body-bg.gif) repeat-x 0 200px; 
	border-left: 4px solid #B30838; 
	padding-bottom: 20px; 
	position: relative ;
	min-height: 500px;
}
#content a{ color: #B30838; }
#content a:hover{ color: #fff; }

/*resets*/
h1,h2,h3,h4,h5,h6,p,ol,ul,li{
	margin: 0;
	padding: 0;
}
ul,ol { padding-left: 20px; }
ol{ padding-bottom: 1em;}

h2{ padding-bottom: .5em; }
h3{ padding-bottom: .5em; color: #B30838; font-family: Georgia, "Times New Roman", Times, serif; }

.replaced{ text-indent: -99em; }

.normal{ font-weight: normal }
hr { display: none; }
div.hr{ background: url(../images/ui/sidenav-divider.gif) no-repeat center; height: 2px; padding: 10px 0; }

.body-pad{ padding-left: 36px; }
#content p{ padding-bottom: 1em }

ul.decorative-bullets { padding: 0; }
.decorative-bullets li{ 
	line-height:1.7em;
	text-indent:115px;
	list-style: none;
	padding: 5px 0 0 36px;
	margin: 0 0 10px 0;
}


#site-info{ font-size: 7pt; font-family: Arial, Helvetica, sans-serif; color: #B30838; padding-left: 10px; margin-top: -25px; height:25px; width: 240px; text-align: center }

.hide{ display: none; }

.smaller{ font-size: .8em; }
.larger{ font-size: 1.2em; }
.notes{ font-style: italic; font-size: .9em; font-weight: normal }



.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}