@charset "utf-8";

body 
	{
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:none;
	background-color:#000;
	color:#fff;
	font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
	}

a
	{
	color:#a24928;
	text-decoration:none;
	border-bottom:1px dotted #a24928;
	}
	
a:hover
	{
	color:#fff;
	}

h1
	{
	color:#a24928;
	font-size:30px;
	line-height:36px;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	}
	
h2
	{
	color:#a24928;
	font-size:25px;
	font-weight:normal;
	margin:0;
	padding: 0 0 10px 0;
	}
	
h3
	{
	color:#a24928;
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding: 0 0 10px 0;
	}
	
p
	{
	text-align:justify;
	font-size:16px;
	margin:0;
	padding:0 0 10px 0;
	line-height:20px;
	}

*:focus {outline:none}
*::-moz-focus-inner {border:none}
.left {float:left}
.right {float:right}
.hidden {display:none}
.brown {color:#a24928}
.textCenter {text-align:center}
.clear {clear:both}
.show {display:block}
.hide {display:block}
.bottom {position:absolute; bottom:0}
.verticalCenter	{position:relative;	top:50%;}
.center	{ margin:0 auto }
	
#teiTeiRobataBar
	{
	position:relative;
	margin:-240px auto 0 590px;
	border:none;
	}
	
#teiTeiRobataBar #floating
	{
	width:408px;
	margin:0 auto;
	}
	
#clickToEnter
	{
	text-align:center;
	}
	
#teiTeiRobataBar #logo
	{
	width:90px;
	height:100px;
	margin:140px 0 0 -500px;
	}

#teiTeiRobataBar #logoText
	{
	margin-top:18px;
	display:none;
	}
	
#footer
	{
	display:block;
	}
	
/*
#homeLogo
	{
	width:100px;
	height:100px;
	border:1px solid #999; 
	background-color:#222; 
	margin:5px 0 10px 0;
	font-size:0.7em;
	padding:10px;
	color:#666;
	}
*/

.slideshow img
	{
	border:1px solid #000;
	display:none;
	}
	
.photo
	{
	border:1px solid #000;
	} /*

layout.css

*/

#landing
	{
	position:relative;
/*
	top:50%;
	margin-top:-122px;
	display:none;
*/

	/* TODO: for no js */
	top:0%;
	margin-top:0;
	display:block;
	}
	
#woodTop
	{
	position:relative;
	height:122px;
	overflow:hidden;
	background:url(/images/woodBarNoLogo.png) top center;
	
	/* TODO: for no js */
	height:20px;
	width:1000px;
	left:50%;
	margin-left:-500px;
	}
	
	
#woodBottom
	{
	position:relative;
	height:122px;
	overflow:hidden;
	background:url(/images/woodBarNoLogo.png) bottom center;
	
	/* TODO: for no js */
	margin-top:629px;
	height:100px;
	width:1000px;
	left:50%;
	margin-left:-500px;
	}
	
#woodFixedTop
	{
	width:1000px;
	height:122px;
	background:url(/images/woodBarNoLogo.png) top center;
	margin:0 auto;
	}
	
#woodFixedBottom
	{
	width:1000px;
	height:122px;
	background:url(/images/woodBarNoLogo.png) bottom center;
	margin:0 auto;
	}


#content
	{
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-500px;
	background:url(/images/background/garden.jpg);
	background-color:#ccc;
	width:1000px;
	height:629px;
	z-index:1000;
	}

#barBackground
	{
	position:absolute;
	top:0;
	left:0;
	background:url(/images/background/bar.jpg);
	width:1000px;
	height:629px;
	display:none;
	z-index:-1;
	}

#leftColumn
	{
	margin:28px 0 0 35px;
	width:540px;
	float:left;
	}

#leftColumnContent.small
	{
	width:475px;
	}
	
#leftColumnContent.large
	{
	width:690px;
	}

#rightColumn
	{
	width:350px;
	height:575px;
	float:right;
	margin:28px 10px 0 0;
	padding:0;
	}
	
#homeLink2
	{
	border:none;
	}

#rightColumnTitle
	{
	border:none;
	width:335px;
	height:56px;
	}

#footer
	{
	width:1000px;
	margin:0 auto;
	padding:0;
	font-size:0.8em;
	color:#666;
	text-align:center;
	}
	
#footer a
	{
	color:#666;
	border:none;
	}
	/* 

*/

.panel 
	{
	position:relative;
 	min-width:8em;
 	max-width:1000px;
 	z-index:1;
	margin:5px 21px 7px 21px;
	}

.panel .wrapper,
.panel .t,
.panel .b .bleft,
.panel .b .bright
	{
 	background:transparent url(/images/panel.png) no-repeat top right;
	}

.panel .content 
	{
 	position:relative;
 	zoom:1;

/* 	_overflow-y:hidden;*/
/* 	padding:20px 35px 0 25px;*/
	margin:0;
	}

.panel .t
	{
 	/* top+left vertical slice */
 	position:absolute;
 	left:0px;
 	top:0px;
 	width:12px; /* top slice width */
 	margin-left:-12px;
	margin-left:0px;
 	height:557px;
 	background-position:top left;
	}


.panel .wrapper 
	{
	margin-left:12px;
 	padding:20px 20px 12px 20px;
 	/* extra content protector - preventing vertical overflow (past background) */
/*
	position:static;
 	max-height:1180px;
*/
 	/*
	overflow:auto;*/
	/* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2 */
	}


.panel .b
	{
 	/* bottom */
 	position:relative;
 	width:100%;
	}
	
.panel .b .bright,
.panel .b .bleft
	{
 	height:12px; /* height of bottom cap/shade */
 	font-size:1px;
	}

.panel .b .bleft
	{
	position:absolute;
	left:0;
	top:0;
 	width:12px; /* bottom corner width */
	margin:0;
	height:12px;
 	background-position:bottom left;
	}

.panel .b .bright
	{
border:none;	
	margin:0 0 0 12px;
	background-position:bottom right;
	}

#nav
	{
	position:absolute;
	padding:0;
	bottom:15px;
	right:0;
	margin-right:110px;
	height:520px;
	}
	
#nav #normal
	{
	position:absolute;
	top:0;
	right:0;
	}
	
#nav #bar
	{
	display:none;
	position:absolute;
	top:0;
	right:0;
	}
	
.navButton
	{
	clear:right;
	float:right;
	display:none; 
	position:relative;
	margin:0 125px 12px 0;
	width:165px;
	height:94px;
	overflow:hidden;
	text-indent:-9999px;
	
	/* TODO ofr no js */
	display:block;
	margin-right:0;
	}
	
.navButton.small
	{
	margin-bottom:3px;
	width:165px;
	height:38px;
	}
	
#foodButton.normal
	{
	background:url(/images/navigation/buttonFoodNormal.png) no-repeat;
	}
	
#foodButton:hover
	{
	background:url(/images/navigation/buttonFoodHover.png) no-repeat;
	}
	
#foodButton.selected
	{
	background:url(/images/navigation/buttonFoodSelected.png) no-repeat;
	}

#restaurantButton.normal
	{
	background:url(/images/navigation/buttonRestaurantNormal.png) no-repeat;
	}
	
#restaurantButton:hover
	{
	background:url(/images/navigation/buttonRestaurantHover.png) no-repeat;
	}
	
#restaurantButton.selected
	{
	background:url(/images/navigation/buttonRestaurantSelected.png) no-repeat;
	}

#exploreButton.normal,
#exploreButtonBar.normal
	{
	background:url(/images/navigation/buttonExploreNormal.png) no-repeat;
	}
	
#exploreButton:hover,
#exploreButtonBar:hover
	{
	background:url(/images/navigation/buttonExploreHover.png) no-repeat;
	}
	
#exploreButton.selected,
#exploreButtonBar.selected
	{
	background:url(/images/navigation/buttonExploreSelected.png) no-repeat;
	}
	
#barButton.normal,
#barButtonBar.normal
	{
	background:url(/images/navigation/buttonBarNormal.png) no-repeat;
	}
	
#barButton:hover,
#barButtonBar:hover
	{
	background:url(/images/navigation/buttonBarHover.png) no-repeat;
	}
	
#barButton.selected,
#barButtonBar.selected
	{
	background:url(/images/navigation/buttonBarSelected.png) no-repeat;
	}
		
#specialsButton:hover,
#contactButton:hover,
#calendarButton:hover,
#newsButton:hover,
#blogButton:hover,
#sakeListButton:hover,
#musicButton:hover
	{
	background-position: -165px 0;
	}
	
#specialsButton.selected,
#contactButton.selected,
#calendarButton.selected,
#newsButton.selected,
#blogButton.selected,
#sakeListButton.selected,
#musicButton.selected
	{
	background-position: -330px 0;
	}

#specialsButton
	{
	background:url(/images/navigation/buttonSpecials3.png) no-repeat;
	}
	
#contactButton
	{
	background:url(/images/navigation/buttonContact.png) no-repeat;
	}
	
#calendarButton
	{
	background:url(/images/navigation/buttonCalendar.png) no-repeat;
	}
	
#newsButton
	{
	background:url(/images/navigation/buttonNews.png) no-repeat;
	}
	
#blogButton
	{
	background:url(/images/navigation/buttonBlog.png) no-repeat;
	}

#sakeListButton
	{
	background:url(/images/navigation/buttonSakeList.png) no-repeat;
	}

#musicButton
	{
	background:url(/images/navigation/buttonMusic.png) no-repeat;
	}

/* cuisine.css */

#cuisine1 img,
#cuisine2 img,
#cuisine3 img
	{
	width:180px;
	height:145px;
	border:1px solid #000;
	margin:0;
	padding:0;
	display:none;
	}

#grillPhoto
	{
	width:472px;
	height:288px;
	border:1px solid #000; 
	margin-top:20px;
	background:url(/images/cuisine/grillPhoto.png) no-repeat;
	}	
/* 

explore.css 

*/

#exploreThumbs 
	{
	width:172px;
	height:475px;
	overflow:auto;
	}

#exploreThumbs div
	{
	}
	
#exploreThumbs h3
	{
	padding:0;
	margin:0;
	clear:both;
	}
	
#exploreThumbs .category
	{
	padding:15px 0 0 0;
	}

.exploreThumbnail
	{
	border:none;
	float:left;
	margin:0 5px 5px 0;
	width:72px;
	text-align:center;
	}
	
.exploreThumbnail a:active
	{
	border:1px solid #fff;
	}
	
.exploreThumbnail img
	{
	border:1px solid black;
	}
	
#explorePhotoContainer
	{
	width:500px; 
	height:475px; 
	float:right;
	}

#explorePhotoContainer table
	{
	width:500px;
	height:475px;
	}

#explorePhotoContainer td
	{
	vertical-align:middle;
	}

#explorePhoto
	{
	text-align:center;
	}
	
#explorePhoto img
	{
	border:1px solid #000;
	}

#explorePhoto .description
	{
	font-size:12px;
	}
	
/* 

contact.css

*/

label
	{
	font-size:12px;
	display:block;
	text-align:left;
	}
	
input,
textarea,
select
{
	background-color:#000;
	border:1px solid #a24928;
	color:#fff;
	font-size:12px;
	font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
.formField
	{
	float:left;
	margin:0 6px 0 0;
	}
	
.formButtons
	{
	clear:both;
	text-align:center;
	padding:6px 0;
	}
	
.formButtons input
	{
	background-color:#422218;
	}
	
#commentsForm
	{
	float:left;
	width:200px;
	margin:0;
	}
	
#reservationsForm
	{
	float:left;
	margin:0;
	}

ul.contact
	{
	margin:10px 0 0 0;
	padding:0;
	}
	
ul.contact li
	{
	margin:0 10px;
	padding:0;
	display:inline;
	}
	
.smallContent
	{
	width:475px; 
	height:515px;
	position:relative;
	}
	
.locationLabel
	{
	display:inline;
	float:left;
	width:100px;
	text-align:right;
	margin:0 10px 0 0;
	font-size:14px;
	color:#a24928;
	}
	
#map
	{
	clear:both;
	width:475px;
	height:320px;
	}
	
#contactFooter
	{
	clear:both;
	text-align:center;
	padding-top:13px;
	}
	/* 

news.css

*/

.newsSection
	{
	padding:40px 0 0 0;
	margin:0 10px 25px 0;
	clear:both;
	}
	
.newsSection h2
	{
	padding:0;
	margin:-10px 0 5px 0;
	color:#fff;
	font-size:24px;
	text-align:left;
	}
	
.newsItem
	{
	float:left;
	width:205px;
	margin:0 16px 0 0;
	}
	
.newsItem img
	{
	float:left;
	border:none;
	}
	
.newsItem p
	{
	float:left;
	margin-left:10px;
	font-size:14px;
	width:95px;
	text-align:left;
	}
	
/* calendar.css */

.smallCalendarContainer
	{
	width:480px;
	}
	
.smallCalendarHeader
	{
	}
	
.smallCalendarHeader th
	{
	width:75px;
	text-align:center;
	font-size:0.8em;
	font-weight:normal;
	}
	
.smallCalendar
	{
	border-top:1px solid #a24928;
	border-left:1px solid #a24928;
	}
	
.smallCalendar td
	{
	border-right:1px solid #a24928;
	border-bottom:1px solid #a24928;
	width:75px;
	height:60px;
	padding:2px 5px 5px 4px;
	margin:0;
	font-size:1.0em;
	vertical-align:top;
	}

.smallCalendar a
	{
	text-decoration:none;
	border:none;
	}

.smallCalendar td.closed
	{
	background:url(/images/calendar/calendarFull.png) 14px 32px no-repeat;
	}
	
.smallCalendar td.pirate
	{
	background:url(/images/calendar/calendarPirate.png) 14px 32px no-repeat;
	}

.smallCalendar td.djEvent
	{
	background:url(/images/calendar/calendarDJ.png) 16px 32px no-repeat;
	}

.dj
	{
	float:right;
	display:inline;
	margin:3px 0 0 0;
	}

.otherMonth
	{
	color:#803918;
	}

.normal
	{
	}
	
.weekend
	{
	}
	
.today
	{
	background-color:#a24928;
	}

#monthLabel
	{
	float:right;
	font-size:1.1em;
	margin-right:20px;
	}
	
/* 

specials.css

*/

#specials
	{
	width:418px;
	height:425px; 	//433px;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	overflow:hidden;
	}

#specialsPhoto1,
#specialsPhoto2,
#specialsPhoto3,
#specialsPhoto4
	{
	width:418px;
	height:165px;
	position:absolute;
	bottom:0;
	left:0;
	}

#specialsPhoto1
	{
	background:url(/images/specials/1.png) no-repeat;
	}
	
#specialsPhoto2
	{
	background:url(/images/specials/2.png) no-repeat;
	}
	
#specialsPhoto3
	{
	background:url(/images/specials/3.png) no-repeat;
	}
	
#specialsPhoto4
	{
	background:url(/images/specials/4.png) no-repeat;
	}
	
#specials .sectionTitle
	{
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px dotted #999;
	text-transform:uppercase;
	}

#specials #items
	{
	position:absolute;
	width:20000em;
	}
	
#specials #items .item
	{
	position:relative;
	text-align:center;
	width:418px;
	height:425px;
	float:left;
	overflow:hidden;
	}

#specials p
	{
	margin-top:10px;
	text-align:center;
	line-height:1.6em;
	}
	
#specials #items div:hover
	{
	}

#specialsFooter
	{
	clear:both;
	}
	/* 

blog.css

*/

.blogPost
	{
	margin-right:10px;
	}
	
.blogTitle
	{
	float:left;
	color:#a24928;
	font-size:20px;
	font-weight:bold;
	margin:10px 0 0 0;
	}
	
.blogDate
	{
	float:right;
	font-size:12px;
	font-weight:bold;
	margin:15px 0 0 0;
	padding:0;
	}
/* bar.css */

#sakeLeftColumn
	{
	position:absolute;
	}
	
#sakeListText
	{
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:300px;
	height:475px;
	}

#sakeInfo
	{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:310px;
	height:480px;
	float:left;
	display:none;
	}


#sakeList
	{
	float:right;
	overflow:auto;
	height:465px;
	width:335px;
	}
	
#sakeNotes
	{
	background-color:white;
	padding:10px;
	color:#000;
	height:440px;
	clear:both;
	}
	
#sakeNotes p
	{
	font-size:15px;
	text-align:left;
	}
	
#sakeInfo h3,
#sakeInfo h4
	{
	font-weight:bold;
	padding:0;
	margin:0;
	}
	
#sakeInfo h4
	{
	font-size:15px;
	}
	
#sakeBottle
	{
	float:right;
	margin:0 0 10px 16px;
	}

#sakeStats
	{
	position:absolute;
	bottom:16px;
	clear:both;
	background:#b25938;
	color:#fff;
	width:310px;
	}
	
#sakeStats .label
	{
	text-align:right;
	width:125px;
	font-size:13px;
	float:left;
	margin:4px 5px 0 0;
	}
	
#sakeStats .stat
	{
	float:left;
	width:170px;
	}
	
	
#sakeTitle
	{
	margin:0 0 10px 0;
	}
	

	
.sakeCategory
	{
	margin:0 0 15px 0;
	float:left;
	}
	
.sakeName
	{
	width:220px;
	clear:left;
	float:left;
	}
	
.sakeDescription
	{
	width:285px;
	font-size:12px;
	padding-left:15px;
	color:#ccc;
	}
	
.sakeGlassPrice
	{
	float:left;
	}

.sakeGlassPrice,
.sakeBottlePrice
	{
	text-align:center;
	width:40px;
	float:left;
	}
	
#sakeList .header
	{
	font-size:12px;
	}

#sakeList .selected div,
#sakeList .selected.hover div
	{
	background-color:#666;
	}
	
#sakeList .hover div
	{
	background-color:#222;
	} /* /css/home.css */

#teiTeiLogoHome
	{
	position:absolute;
	background:url(/images/teiTeiLogoHome2.png) no-repeat;
	width:336px;
	height:375px;
	left:100px;
	top:170px;
	z-index:1;
	}
	
#homeSlideShow
	{
	margin:15px 0 20px 0;
	}
	
#homeSlideShow div
	{
	width:475px;
	height:125px;
	border:1px solid #000;
	display:none;
	}
	
#homeSlideShow #image1
	{	
	background:url(/images/homeSlideshow/_3006915a.jpg);
	display:block;
	width:475px;
	height:125px;
	}
	
#homeSlideShow #image2
	{
	background:url(/images/homeSlideshow/_3006886a.jpg);
	width:475px;
	height:125px;
	}
	
#homeSlideShow #image3
	{
	background:url(/images/homeSlideshow/_3006882a.jpg);
	}
	
#homeSlideShow #image4
	{
	background:url(/images/homeSlideshow/_3006900a.jpg);
	}
	
#homeSlideShow #image5
	{
	background:url(/images/homeSlideshow/_3006902a.jpg);
	}
	
#homeContent
	{
	position:relative;
	z-index:2;
	}
	
#homeContent h2
	{
	text-align:center;
	} /* /css/badges.css */

.atomicBadge,
.twitterBadge,
.facebookBadge
	{
	float:right;
	margin:2px 3px 0 0;
	height:32px;
	line-height:12px;
	padding-left:24px;
	}

.rssBadge
	{
	float:left;
	margin:0;
	height:22px;
	line-height:11px;
	}
	
.atomicBadge div,
.twitterBadge div,
.facebookBadge div,
.rssBadge div
	{
	float:left;
	text-align:left; 
	margin:3px 0 0 0; 
	font-size:10px;
	}
	
.atomicBadge img,
.twitterBadge img,
.facebookBadge img,
.rssBadge img
	{
	border:none;
	}
	
.rssBadge a,
.rssBadge a:hover
	{
	color:#fff;
	text-decoration:none;
	border:none;
	}
	
.rssBadge .icon
	{
	background:url(/images/rss-icon.png) top left no-repeat;
	width:22px;
	height:22px;
	float:left;
	margin-right:2px;
	}
	
.rssBadge div
	{
	margin:0;
	}
	

/* 

framework.css

*/

#debugLog
	{
	position:fixed;
	top:0;
	left:0;
	padding:2px;
	width:330px;
	height:700px;
	background-color:#223;
	color:#ddd;
	overflow:auto;
	font:14px courier;
	z-index:39999;
	}
	
#windowOverlay
	{
	display:none;
	position:absolute;
	left:0;
	top:0;
	background-color:#000;
	width:100%;
	height:100%;
	z-index:1999;
	overflow:hidden;
	}
	
#loading
	{
	background:url(/images/loading.gif);
	position:absolute;
	top:100px;
	left:100px;
	width:50px;
	height:50px;
	z-index:2000;
	display:none;
	}
	
#progressContainer
	{
	border:1px solid #a24928;
	height:10px;
	width:205px;
	margin:0 auto;
	text-align:left;
	}
	
#progressBar
	{
	width:0px;
	height:8px;
	margin:1px;
	background-color:#a24928;
	}
	

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(/images/navLeft.png) no-repeat;
	float:left;
	margin:5px 5px;
	cursor:pointer;
	font-size:1px;
	border:none;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
	border:none;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(/images/navRight.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:210px;
	width:200px;
	height:20px;
	display:block;
	border:none;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/images/navPage.png) 0 -16px no-repeat;
	display:block;
	font-size:1px;
	border:none;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
	border:none;
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 0px;     
	border:none;
} 	

div.navi img
	{
	border:none;
	} 
.jScrollPaneContainer 
	{
	position: relative;
	overflow: hidden;
	z-index: 1;
	display:block;
	}

.jScrollPaneTrack 
	{
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
//	background:#000;
	opacity:0.7;
	}

.jScrollPaneDrag 
	{
	position: absolute;
	background:none;
	cursor: pointer;
	overflow: hidden;
	}

.jScrollPaneDragTop 
	{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background:url(/images/scrollDrag.png) -1px 0px no-repeat;
	width:13px;
	height:7px;
	}
	
.jScrollPaneDragMiddle
	{
	position: absolute;
	background:#fff;
	overflow: hidden;
	top:7px;
	}
	
.jScrollPaneDragBottom 
	{
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background:url(/images/scrollDrag.png) -1px -7px no-repeat;
	width:13px;
	height:7px;
	}
	
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}