* html body {
/*\*/
	text-align: center;
/* */
}

body {
	font-family:Lucida Grande, Verdana, Arial, sans-serif;
	font-size:75%;
	color:#333333;
	margin-top:0em;
	padding:0 0;
	text-align:left;
	background-color:#cccccc;
	background-image:url("images/background/color.jpg");
	background-position:top;
	background-repeat:repeat-x;
}

h2,h3,p,ul,ol,dl,td,th {
	line-height:1.5em;
}

h1 {
	font-family:Lucida Grande, Verdana, Arial, sans-serif;
	font-size:125%;
	line-height:1.2em;
	color:#275da6;
	margin-top:1.5em;
	margin-bottom:1.0em;
}

h2 {
	font-family:Lucida Grande, Verdana, Arial, sans-serif;
	font-size:115%;
	line-height:1.0em;
	font-weight:bold;
	color:#cd7714;
	margin-top:0em;
	margin-bottom:0.75em;
}

h3 {
	font-family:Lucida Grande, Verdana, Arial, sans-serif;
	font-size:350%;
	line-height:1.0em;
	font-weight:normal;
	color:#473715;
	margin-top:0.0em;
	margin-bottom:0.35em;
}

h4 {
	font-family:Lucida Grande, Verdana, Arial, sans-serif;
	font-size:250%;
	line-height:1.0em;
	font-weight:normal;
	color:#8f8069;
	margin-top:0em;
	margin-bottom:0.0em;
}

h5 {
	font-family:Lucida Grande, Verdana, Arial, sans-serif;
	font-size:100%;
	font-weight:bold;
	font-style:italic;
	line-height:1.0em;
	color:#715129;
	text-align:right;
}


h6 {
	font-family:Lucida Grande, Verdana, Arial, sans-serif;
	font-size:125%;
	line-height:1.0em;
	font-weight:bold;
	color:#715129;
	text-align:left;
}

p, ul, ol, dl {
	font-family:Lucida Grande, Verdana, Arial, sans-serif;
	font-size:13px;
	color:#333333;
	margin-top:0em;
	margin-bottom:1em;
}

p2 {
	font-size:100%;
	color:#715129;
	margin-top:0em;
	margin-right:0em;
	margin-bottom:1em;
}

ul {
	list-style:disc;
	line-height:15px;
}

ul li,
ol li {
	margin-top:0.5em;
	margin-bottom:0.5em;
}

img {
	border:none;
}

table {
	font-size:100%;
	border:none;
	margin-top:0px;
	margin-bottom:0px;
	border-collapse:collapse;
	padding: 0px;
}

a {
	color:#cd7714;
}

a:link {
font-weight:bold;
	text-decoration:none;
	color:#cd7714;
}

a:hover {
font-weight:bold;
	text-decoration:underline;
	color:#cd7714;
}

a:visited {
font-weight:bold;
	text-decoration:none;
	color:#cd7714;
}

a:visited:hover {
font-weight:bold;
	text-decoration:underline;
	color:#cd7714;
}

address {
	padding:0 10px;
	height:20px;
	clear:both;
	text-align:right;
	background-color:#FFFFFF;
	font-size:50%;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif
}


/* Main layout elements
============================================================ 
--------------------------------------------------------- */

#page {
	width:864px;
	margin:0 auto;
	padding:0;
	background-color:transparent;
	text-align:left;
	position:relative;
	background-position:top;
	background-repeat:no-repeat;
	vertical-align: text-top;
	top: auto;
}

#home_header {
	height:173px;
	margin-top:0em;
	text-align:left;
	background-image:url(images/background/home_header.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#header {
	height:173px;
	margin-top:0em;
	text-align:left;
	background-image:url(images/background/header.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#body {
	margin:0px;
	padding-top:0px;
	min-height:451px;
	_height:451px;
}

#content {
	width:864px; /* 2px less due to IE bug with overflowing <em>s */
	min-height:300px;
	max-height:1500px;
	background-image:url(images/background/middle.gif);
	padding:20px 0px 0px 0px;
	margin-top:0em;
	float:left;
	
}

#sidebar {
	width:180px;
	padding:40px 0px 0px 0px;
	margin-top:0em;
	float:left;
}

#footer {
	padding:0 0px;
	height:141px;
	background-image:url(images/background/footer.jpg);
	background-position:top;
	background-repeat:no-repeat;
	clear:both;
	position:relative;
	text-align:right;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif
}

#addressfooter {
	padding:0 10px;
	background-position:top;
	background-repeat:no-repeat;
	clear:both;
	position:relative;
	text-align:right;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif
}

#header-print,
#footer-print {
	display:none;
}


/* Footer
============================================================ 
--------------------------------------------------------- */

#footer p.copyright {
	color:#473715;
	font-size:100%;
	margin:0;
	padding-right:12px;
	padding-top:33px;
	padding-bottom:3px;
	text-align:right;
}

#footer a {
	color:#473715;
	font-size:100%;
	margin:0;
	padding-top:9px;
}


/* Navigation
============================================================ 
--------------------------------------------------------- */

/* Main nav */

#main-nav {
	width:760px;
	margin:auto;
	margin-top:0px;
	padding:144px 0px 0px 0px;
	list-style:none;
	position:relative;
	top:0px;
}

#main-nav li {
display:inline;
}

#main-nav li a {
	padding:0px;
	float:left;
	background-repeat:no-repeat;
	padding-top:14px;
	height:0px !important; /* for most browsers */
	height /**/:14px; /* for IE5.5's bad box model */
	overflow:hidden;	

}

#main-nav-m1 a {		background-image:url(images/menu/m1.gif); width:45px; }
#main-nav-m2 a {		background-image:url(images/menu/m2.gif); width:196px; }
#main-nav-m3 a {		background-image:url(images/menu/m3.gif); width:114px; }
#main-nav-m4 a {		background-image:url(images/menu/m4.gif); width:99px; }
#main-nav-m5 a {		background-image:url(images/menu/m5.gif); width:102px; }
#main-nav-m6 a {		background-image:url(images/menu/m6.gif); width:100px; }
#main-nav-d1 a {		background-image:url(images/menu/d1.gif); width:19px; }
#main-nav-d2 a {		background-image:url(images/menu/d2.gif); width:21px; }
#main-nav-d3 a {		background-image:url(images/menu/d3.gif); width:21px; }
#main-nav-d4 a {		background-image:url(images/menu/d4.gif); width:20px; }
#main-nav-d5 a {		background-image:url(images/menu/d5.gif); width:21px; }


#main-nav li a:hover {
	background-position:0 -14px;
}

#main-nav li a.current,
#main-nav li a.current:hover {
	background-position:0 -14px;
}



/* Other Content
		non-widget content styles
		(defined by classes and IDs directly in the content - through Textile)
		e.g. content snippet "Staff Profile": div.staff-profile ...
============================================================ 
--------------------------------------------------------- */


/* Navigation2
============================================================ 
--------------------------------------------------------- */

/* sub-nav */

#sub-nav {
	width:824px;
	margin:auto;
	margin-top:0px;
	padding:0;
	position:relative;
	top:21px; 
	left:0px;
}

#sub-nav le {
display:inline;
}

#sub-nav le a {
	padding:0px;
	float:left;
	background-repeat:no-repeat;
	padding-top:12px;
	height:0px !important; /* for most browsers */
	height /**/:12px; /* for IE5.5's bad box model */
	overflow:hidden;	

}

#sub-nav-order a {		background-image:url(order.png); width:47px; }
#sub-nav-news a {		background-image:url(brewed.png); width:123px; }
#sub-nav-sample a {		background-image:url(sample.png); width:106px; }
#sub-nav-about a {		background-image:url(about.png); width:139px; }
#sub-nav-home a {		background-image:url(home_top.png); width:37px; }


#sub-nav le a:hover {
	background-position:0 -12px;
}

#sub-nav le a.current,
#sub-nav le a.current:hover {
	background-position:0 -12px;
}



/* Other Content
		non-widget content styles
		(defined by classes and IDs directly in the content - through Textile)
		e.g. content snippet "Staff Profile": div.staff-profile ...
============================================================ 
--------------------------------------------------------- */


/* Navigation3
============================================================ 
--------------------------------------------------------- */

/* sub-fot */

#sub-fot {
	width:824px;
	margin:auto;
	margin-top:0px;
	padding:90px 0px 0px 30px;
	position:relative;
	top:0px; 
}

#sub-fot li {
display:inline;
	float:left;
}

#sub-fot li a {
	padding:0px;
	float:left;
	background-repeat:no-repeat;
	padding-top:11px;
	height:0px !important; /* for most browsers */
	height /**/:11px; /* for IE5.5's bad box model */
	overflow:hidden;	

}

#sub-fot-s1 a {		background-image:url(images/menu/s1.gif); width:37px; }
#sub-fot-s2 a {		background-image:url(images/menu/s2.gif); width:168px; }


#sub-fot li a:hover {
	background-position:0 -11px;
}

#sub-fot li a.current,
#sub-fot li a.current:hover {
	background-position:0 -11px;
}



/* Other Content
		non-widget content styles
		(defined by classes and IDs directly in the content - through Textile)
		e.g. content snippet "Staff Profile": div.staff-profile ...
============================================================ 
--------------------------------------------------------- */

/* Basic listing table */

table.listing {
    border:1px solid #ddd;
    border-bottom:none;
    text-align:left;
}

table.listing th {
    font-weight:bold;
    padding:0.3em 0.75em;
    background-color:#eee;
    border-bottom:1px solid #ddd;
}

table.listing td {
    padding:0.3em 0.75em;
    border-bottom:1px solid #ddd;
}

.sub-h1 {
	color:#E1962F;
	font-size:90%;
}