/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body { margin: 20px 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: black; background-image: url(images/gradientbg.png); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; }

h1, h2, h3 { margin: 0; font-weight: normal; color: #000000; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }

h1 { font-size: 150%; text-decoration: underline; }

h2 {
	font-size: 167%;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

p, ol, ul { color: black; line-height: normal; }

p { color: black; background-image: url(images/img07.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 3px; padding-left: 15px; }

ol { color: black; margin-left: 0; padding-left: 0; list-style-position: inside; }


blockquote { color: black; margin: 0; padding-left: 20px; font-style: italic; }

blockquote * {
	line-height: normal;
}

a { color: black; text-decoration: none; }

a:hover { color: black; text-decoration: none; }

img {
	border: none;
}

img.left {
	float: left;
	margin: 5px 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

hr {
	display: none;
}

/* Menu */

#menu {
	width: 730px;
	height: 80px;
	margin: 0 auto;
	padding-left: 10px;
	background: url(images/onscreenheader.png);
}

#menu ul {
	margin: 0 0 0 127px;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a { display: block; float: left; padding: 15px 0 0 8px; text-decoration: none; font-size: 10pt; color: white; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-position: 0 77%; margin-top: 10px; }

#menu a:hover { color: black; font-weight: bold; }


/* Menu2 */
/* Menu */

#menu2 {
	width: 730px;
	height: 80px;
	margin: 0 auto;
	padding-left: 10px;
	background: url(images/onscreenheader.png);
}

#menu2 ul {
	margin: 0 0 0 127px;
	padding: 0;
	list-style: none;
}

#menu2 li {
	display: inline;
}

#menu2 a { display: block; float: left; padding: 15px 0 0 8px; text-decoration: none; font-size: 10pt; color: white; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-position: 0 77%; margin-top: 10px; }

#menu2 a:hover { color: black; font-weight: bold; }
/* Logo */

#logo { background-image: url(images/locations.jpg); background-position: 0 0; width: 740px; height: 294px; margin: 0 auto 10px; }
#logoonline { height: 426px; background-image: url(images/orderonline.jpg); background-position: 0 0; width: 740px; margin: 0 auto 10px; }
#onscreen {
	width: 740px;
	height: 426px;
	margin: 0 auto 10px;
	background: #2a2a2a url(images/onscreen.jpg);
}

#logo h1, #logo h2 { color: black; margin-right: 440px; text-align: center; font-weight: normal; }

#logo h1 { color: black; padding-top: 250px; font-size: 250%; }

#logo h2 {
	font-size: 85%;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}
/* Logo2 */

#logo2 {
	width: 740px;
	height: 426px;
	margin: 0 auto auto;
	background: #2a2a2a url(images/ourroots.jpg);
}

#logo2 h1, #logo h2 {
	margin-right: 440px;
	text-align: center;
	font-weight: normal;
}

#logo2 h1 {
	padding-top: 250px;
	font-size: 250%;
}

#logo2 h2 {
	font-size: 85%;
}

#logo2 a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Page */

#page { background-color: white; background-position: 0 0; text-align: justify; width: 740px; height: 200px; margin: 0 auto; padding-top: 5px; padding-bottom: 5px; }
#page2 { background-color: white; background-image: url(images/slate.png); background-position: 0 0; width: 740px; height: auto; margin: 0 auto; }
#page3 { background: white url(images/gradientbg.png) repeat-x; width: 740px; height: auto; margin: 0 auto; }
#page4 { background: white url(images/gradientbg.png) repeat-x; text-align: justify; width: 730px; height: 250px; margin: 0 auto 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
#page ul { background-position: 0 0; position: relative; margin: 0; padding: 0; }
#page2 ul { background-position: 0 0; position: relative; margin: 0; padding: 0; }
#page ul li { background-position: 0 0; margin: 0 0 0 0; padding: 0; display: inline; }
#page2 ul li { background-position: 0 0; margin: 0 0 0 0; padding: 0; display: inline; }
#page ul li span { clear: both; display: none; }
#page2 ul li span { clear: both; display: none; }
#page ul li a:hover span { position: absolute; left: 10px; bottom: 270px; width: 700px; display: block; }
#page2 ul li a:hover span { position: absolute; left: 10px; bottom: 270px; width: 700px; display: block; }
.drinktext { color: gray; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 17px; background-color: white; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-decoration: none; text-align: justify; padding: 10px; }
#content { float: right; width: 377px; padding: 0 30px 30px; background: url(images/img05.png) repeat-x; height: 250px; }
#content ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#content ul li {
	padding-left: 15px;
	background: url(images/img07.gif) no-repeat 0px 8px;
}
.twocols {
}

.twocols .col1, .twocols .col2 { background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 30px; width: 168px; padding: 10px; }

.twocols .col1 {
	float: left;
}

.twocols .col2 {
	float: right;
}

/* Sidebar */

#sidebar { background: url(images/sidebar.png) repeat-x; float: left; width: 297px; height: 270px;t; }

#sidebar ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#sidebar ul li {
	padding-left: 15px;
	background: url(images/img07.gif) no-repeat 0px 13px;
}

/* Sidebar2 */
.boxed {
}
.boxed2 .title2 { height: 37px; margin: 0; padding: 12px 0 0 20px; background: white url(images/ourroots.png) repeat-x; font-size: 16pt; font-weight: bold; color: #ffffff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 30px; }
.boxed1 .title1 { height: 37px; margin: 0; padding: 12px 0 0 20px; background: white url(images/newsbar2.png) repeat-x; font-size: 16pt; font-weight: bold; color: #ffffff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 30px; }
.boxed .title { height: 37px; margin: 0; padding: 12px 0 0 20px; background: white url(images/newsbar.jpg) repeat-x; font-size: 16pt; font-weight: bold; color: #ffffff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 30px; }

.boxed .content { background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; padding: 20px; }

.boxed h3 {
	margin: 0;
}

.boxed p, .boxed ul, .boxed ol { color: black; margin: 0; padding: 0; list-style: none; line-height: normal; }

.boxed ul {
}

.boxed ul li {
	padding: 10px 15px;
	background-position: 0 13px;
	border-top: 1px solid #CFCFCF;
}

.boxed ul li.first { color: black; border: none; }

/* Search */

#search {
}

#search form {
	margin: 0;
	padding: 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search p { color: black; margin: 0; font-size: 85%; }

#searchinput {
	width: 180px;
}

#searchsubmit {
}

/* Footer */

#footer { background-position: 0 0; width: 740px; margin: 0 auto; height: 100px; padding: 10px 0 0; border-top: 1px dotted silver; }

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 85%;
}

#footer a { color: #666666; text-decoration: none; }
#footer a:hover { color: black; text-decoration: none; }

#legal { float: left; margin: auto; }
#links { float: right; margin: auto; }
#ourdrinksheader { background-image: url(images/ourdrinksheaderbg.jpg); width: 740px; height: 40px; margin-bottom: 5px; }
em { color: black; font-size: 12pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; line-height: 0; text-decoration: none; }
#happy {  }
#seenonbanner { width: 740px; height: 80px; margin: auto; }
#newsmenu { text-align: justify; }
#ourroots { color: black; text-decoration: none; text-align: justify; margin: 15px; }
#wholefoods { background-color: white; width: 730px; height: 200px; float: left; overflow: auto; padding-top: 0; padding-bottom: 0; padding-left: 10px; overflow: auto     }
#wholefoods ul { border-top: 1px dotted black; }
#wholefoods ul li {  }