@import url(reset.css);
body {
	padding-bottom: 2em;
	font-family:  "Times New Roman", Times, serif;
	font-size: 12pt;
	color: #532f18;
	}
div#wrapper {
	padding: 89px 0 0 85px;
	}

div.container {
	border: 1px #fff solid;
	padding: 4px;
	width: 681px;
	}

strong { font-weight: bold; }
em.footnote { font-style: italic; font-weight: normal; }

div#header {
	position: absolute;
	left: 0;
	padding-top: 25px;
	width: 750px;
	height: 43px;
	background: url(../images/bg-top_nav1.gif) 90px 22px x-repeat;
	}
div#header h1 { float: left; }
ul.menu {
	margin-left: 140px;
	height: 36px;
	border-top: 1px solid #dfd6cf;
	border-bottom: 1px solid #dfd6cf;
}
ul.menu li { float: left; font-size: 14px; }
ul.menu li a {
	display:block;
	padding-top:12px;
	padding-bottom:4px;
	margin-left:2px;
	text-align: center;
	text-decoration: none;
	}
	ul.menu li a span { visibility:; }
	ul.menu li a:hover {
		background: url(../images/nav_arrow.gif) 50% 0 no-repeat;
		}
ul.menu a:link, ul.menu a:visited, ul.menu a:hover ul.menu a:active {
color:#532f18;
}
/*------sub menu------*/
ul.menu_submenu {
	margin-left: 300px;
	height: 36px;
	border-bottom: 1px solid #dfd6cf;
}
ul.menu_submenu li { float: left; font-size: 14px; }
ul.menu_submenu li a {
	display:block;
	padding-top:12px;
	padding-bottom:4px;
	margin-left:2px;
	text-align: center;
	text-decoration: none;
	}
	ul.menu_submenu li a span { visibility:; }
	ul.menu_submenu li a:hover {
		background: url(../images/nav_arrow.gif) 50% 0 no-repeat;
		}
ul.menu_submenu a:link, ul.menu_submenu a:visited, ul.menu_submenu a:hover ul.menu_submenu a:active {
color:#532f18;
}
/*------sub menu /end------*/
	/* active page nav */
	body#tea-basics li#nav-teabasics a, body#art li#nav-art a, body#events li#nav-events a,
	body#whats-brewing li#nav-whatsbrewing a, body#team-utl li#nav-teamutl a,
	body#press li#nav-press a, body#photos li#nav-photos a, body#contact li#nav-contact a {
		background: url(../images/nav_active.gif) 50% 0 no-repeat;
		}

	li a { margin:0 10px; }

ul.subnav {
	list-style: none;
	float: left;
	width: 200px;
	}
	ul.subnav li {
		margin-bottom: 1em;
		margin-left: 60px;
		padding: 2px 0 2px 1em;
		border-left: 1px #d0671c solid;
		}
	ul.subnav a {
		text-decoration: none;
		color: #d0671c;
		}
		ul.subnav a:hover { text-decoration: underline; }

	ul#subnav-events {
	height: 350px;
	background: url(../images/decor-events.jpg) no-repeat 100px 100%;
		}


div#splash {
	/* height: 262px; */
	background-position: 0 58px;
	background-repeat: no-repeat;
	padding-bottom: 1em;
	}
	div#splash h2 {
		padding-top: 60px;
		background: url(../images/green_decor-top.gif) 0 0 repeat-x;
		}
	body.internal div#splash { background-image: url(../images/decor-basic.jpg); }
	body div#splash.teabasics { background-image: url(../images/decor-tea_basics.jpg); }
	body#whats-brewing div#splash { background-image: url(../images/decor-whats_brewing.jpg); }
	body#events div#splash { background-image: url(../images/decor-events.jpg); }
	body#events div#splash p { margin-top: 0.5em; line-height: 1.6; }
	body#team-utl div#splash { background-image: url(../images/decor-team.jpg); height: 284px; }
	body#press div#splash { background-image: url(../images/decor-press.jpg); height: 100%; width:680px;}
	body#contact div#splash { background-image: url(../images/decor-contact.jpg); height: 100%; }
	body#contact div#splash.directions { background-image: url(../images/decor-contact.jpg); height: 475px; width:680px; }
		body#contact div#splash form {
			margin-left: 400px;
			font-size: 14px;
			}
		body#contact div#splash form p { margin: 0; }
		body#contact div#splash form label { font-weight: bold; color: #d0671c; }
		body#contact div#splash form strong { font-weight: bold; color: #d0671c; }
		body#contact div#splash h3 {
			margin-left: 420px;
			font-size: 14px;
			font-weight: bold;
			color: #d0671c;
			}
		body#contact div#splash ul {
			margin-bottom: 24px;
			margin-left: 420px;
			}
			body#contact div#splash ul li { line-height: 1.75; font-size: 14px; }
		body#contact div#splash a {
			color: #000;
			text-decoration: none;
			border-bottom: 1px #000 solid;
			}
	body div#splash { padding-bottom: 0; height: 360px; background-image: url(../images/decor-home.jpg); }
	body div#splash h2 { padding-left: 328px; }
	body div#splash.teabasics h2 { padding-left: 0; }
	body div#splash.teabasics {height:260px;}
	body div#splash.whatsbrewing {height:300px;}
	body div#splash.whatsbrewing h2 { padding-left: 0; }
	body div#splash.events {height:430px;}
	body div#splash.events h2 { padding-left: 0; }
	body div#splash.art {height:230px;}
	body div#splash.art h2 { padding-left: 0; }
	body div#splash.team h2 { padding-left: 0; }
	body div#splash.press h2 { padding-left: 0; }
	body div#splash.store {height:50px;}
	body div#splash.form h2 { padding-left: 0; }
	body div#splash.directions h2 { padding-left: 0; }
	body div#splash h2.menu { padding-left: 0; }
	body div#splash p {
		margin: 0 1em 0 447px;
		font-size: 14px;
		line-height: 1.25;
		}
	body.internal div#splash p {
		margin: 0 20px 0 214px;
		line-height: 1.75;
		font-size: 14px;
		}
	body#whats-brewing div#splash p { line-height: 1.6; }

	div#splash p.link { text-align: right; }
	div#splash a{text-decoration:none;
		font-weight:bold;
		color:#d0671c;
		}
	#splash a:hover{text-decoration:underline;}
	#splash ul.press {margin-left:240px;margin-bottom:20px}
	#splash ul.press li{padding:3px;}

div#callouts {
	clear: both;
	height: 150px;
	font-family: Garamond, "Times New Roman", Times, Georgia, serif;
	}
	div#callouts div.bordered {
		border-right: 1px #dcd5d1 solid;
		border-left:  1px #dcd5d1 solid;
		}
	div#callouts div.callout p.footnote { padding-top: 20px; }

div.callout {
	font-weight: bold;
	font-size: 12px;
	color: #5e3d27;
	border-bottom: 1px #dcd5d1 solid;
	}
	div#callouts div.callout {
		float: left;
		width: 33%;
		height: 150px;
		}

	div.callout h3 {
		height: 46px;
		background-image: url(../images/callouts-titles.gif);
		background-repeat: no-repeat;
		}
	div.callout p { margin: 0 16px 16px; line-height: 1.3; }
	div.callout p.footnote {
		margin: 0;
		padding: 96px 0 1em;
		text-align: center;
		font-weight: normal;
		font-style: italic;
		}
	div.callout h3 em { visibility: hidden; }

	div#callout-giftcard {
		background: url(../images/callout_bg-gift_card.jpg) 50% 50% no-repeat;
		}
		div#callouts div#callout-giftcard { background-position: 0 0; }
		div#callouts div#callout-giftcard p { margin-right: 0; margin-left: 130px; }

	div#callout-wifi {
		background: url(../images/callout_bg-wifi-i.jpg) 0 100% no-repeat;
		}
		div#callout-wifi h3 { background-position: -270px 0; }
		div#callouts div#callout-wifi { background: url(../images/callout_bg-wifi.jpg) 0 100% no-repeat; }
		div#callouts div#callout-wifi h3 { background-position: -226px 0; }
		div#callouts div#callout-wifi p { margin-right: 0; margin-left: 112px; }

	div#callout-teaofmonth {
		background: url(../images/callout_bg-tea_o_month-i.jpg) 100% 100% no-repeat;
		}
		div#callout-teaofmonth h3 { background-position: -452px 0; }
		div#callouts div#callout-teaofmonth { background: url(../images/callout_bg-tea_o_month.jpg) 100% 100% no-repeat; }
		div#callouts div#callout-teaofmonth p { margin-right: 0; margin-left: 12px; }

div#callout-middle {
	height:56px;
	background-color: #d0681c;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	font-size: 13px;
	}
div#callout-middle h3 { float: left; }
div#callout-middle p { padding-top: 12px; display: none; vertical-align: middle; }
div#callout-middle p.utl-offer { display: block; vertical-align: middle; }

div#hours {
	font-family: Garamond, "Times New Roman", Times, Georgia, serif;
	clear: both;
	padding: 1em 0;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.5;
	}

div#footer { text-align: center; }
	div#footer div { background-color: #e2d8ce; }
	div#footer.container { border-top: 0; }
	/*
	div#footer p { background-color: #e2d8ce; padding-bottom: 1em; }
	div#footer a { color: #ab7a6a; letter-spacing: 1px; }
	*/

div#sidebar {
	float: left;
	width: 200px;
	border-right: 1px #dcd5d1 solid;
	padding-bottom: 2em;
	margin-top: 12px;
	margin-bottom: 2em;
	}


div.testimonial {
	color: #d0671c;
	/*border-right: 1px #ccc solid; */
	text-align: center;
	font-style: italic;
	line-height: 1.5;
	}
	div.testimonial p {
		padding: 0 1em;
		}

body#art #main { margin-left: 0; }
body#art div.art { clear: left; }
body#art div.art p { margin-left: 214px; }
body#art div.art div.photo {
	float: left;
	width: 190px;
	text-align: center;
	/* border: 1px #feeeee solid; */
	margin: 0.5em 0 0.5em 10px;
	}

body#press table#press-samples {
	margin-left: 214px;
	width: 446px;
	}
body#press table#press-samples td { width: 33%; padding: 10px 0; text-align: center; }

div.floatbreaker { clear: left; height: 1px; }
div.floatbreaker.ruler { margin: 0 20px 12px; border-top: 1px #dcd5d1 solid; }

div#main {
	margin-top:    2em;
	margin-right: 20px;
	margin-left: 214px;
	}
div#main {
	margin-top:    2em;
	margin-right: 20px;
	margin-left: 20px;
	font-size:12pt;
	}
div#main h1 {
	font-size: 14px;
	margin-bottom: 1.5em;
	}
div#main h1, div#main h2, div#main strong {
	font-weight: bold;
	color: #d0671c;
	}
div#main h4 {
	font-weight: bold;
	margin-bottom: 16px;
	line-height: 1.3;
	}
div#main p {
	margin-bottom: 16px;
	line-height: 1.3;
	}
div#main li { line-height: 1.3; }
div#main a { color: #ab7a6a; }

div#content { background: #fff; }

/* added by Pat Teglia for addition of Menu page */
#menu #main h1 {
	font-size: 20px;
	margin: 1.5em 0 .2em 0;
	color: #532f18;
}
#menu .submain {
	display: block;
	margin: 0 0 1.5em 0;
}

#menu #main em {
	font-style: italic;
}
#home #main, #press #main, #contact #main {
margin-top:0;
}
#press #main, #contact #main {
margin:0;
}
.componentheading {display:none;}
ul.menu li.item1 {display:none;}

#maingallery {
margin:40px 0 0 0;
}
.google_directions {
position:absolute;
top:365px;
left:515px;
float:left;
}
.directionsMessage {
position:relative;
top: 60px;
left:420px;
width:200px;
}
a:link, a:visited, a:hover, a:active {
color:#532f18;
}
.testimonial {
float:left;
width:200px;
}
.moduletable_sidebar {
width:200px;
margin:0 0 0 5px;
float:left;
line-height:1.3em;
border-right: 1px #dfd6cf solid;
}
.moduletable_sidebar table tbody tr td{
padding:10px 0 0 0;
}
.moduletable_sidebar hr {
display:none;
}
#vmMainPage {
width:450px;
paddding:0 10px 0 10px;
float:left;
margin:0 0 0 10px;
}
#vmMainPage h3{
margin:0 0 0 10px;
}
.browseProductContainer {
margin: 15px 0 0 0;
border-top: 1px #dfd6cf solid;
}
.vmCartModule div {
padding:0 10px 0 0;
}
#vmMainPage h4 {
display:none;
}
#vmMainPage h3 {
font-size:14pt;
margin-bottom:10px;
}
body#menu #main {
margin-left:220px;
}
.ThemeOfficeMainItem img {display:none;}
.ThemeOfficeMenu {z-index:2;}
span.ThemeOfficeMainFolderText {font-size:12pt; margin-left:15px; margin-top:10px;}
body#store div.container{ width:800px;}
.mainlevel { position:relative; left:100px;}
#storecart {width:200px; position:absolute; top: -75px; left:700px;}


table.contentpaneopen tbody tr {padding:0 0 0 10px; float:left;}