/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a {}
	a:hover, a.current {text-decoration: underline;}
p { font-size:12px; padding:0 0 12px 0; line-height:18px;}
ul, ol {padding:4px 0 0 0;}
li {}
strong { color:#000;}

h1{color:#000; font-size:24px; padding:0 0 10px 0;}
h2{color:#000; font-size:18px; padding:0 0 10px 0;}
h3{color:#000; font-size:16px; padding:0 0 10px 0;}
h4{color:#000; font-size:14px; padding:0 0 10px 0;}
h5{color:#000; font-size:12px; padding:0 0 10px 0;}
h6{color:#000; font-size:10px; padding:0 0 10px 0;}

/* reusable classes */
.right{float:right;}
.left{float:left;}

.full{position:relative; width:99%;}	/*<------<--------<-----| This works better w/ px based widths */
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}

.formpadding td {padding: 0 0 10px 0;}
.restaurantInfo{ padding:12px 0 0 140px;}
.whiteborder{ border:3px solid #fff;}

/* Wrappers */				/*<------<--------<-----| Start building out your divs here... */

#PageWrapper{ width:970px; padding:14px 0 10px 0;}
#Wrapper{ width:960px; padding:0 5px;}

#Nav {width: 960px; height: 34px; list-style: none; padding: 0; position:relative; clear:both; display:block;}
#Nav ul {margin:0; padding:0; list-style:none}
#Nav li {float: left;}				
#Nav li a span {display: none; }				
#Nav li a {height: 34px; display: block; float: left; padding: 0;}				
#Nav li a.about {width:143px; background: url(images/nav_01.gif) no-repeat top;}
#Nav li a.tour {width:109px; background: url(images/nav_02.gif) no-repeat top;}		
#Nav li a.menus {width:92px; background: url(images/nav_03.gif) no-repeat top;}
#Nav li a.drinks {width:88px; background: url(images/nav_04.gif) no-repeat top;}
#Nav li a.events {width:168px; background: url(images/nav_05.gif) no-repeat top;}		
#Nav li a.friends {width:100px; background: url(images/nav_06.gif) no-repeat top;}
#Nav li a.contact {width:126px; background: url(images/nav_07.gif) no-repeat top;}
#Nav li a.reservations {width:134px; background: url(images/nav_08.gif) no-repeat top;}
#Nav li a:hover {background-position: bottom; }
#Nav li a.current {background-position: bottom; }

/*
#MenuNav {width: 862px; height: 30px; list-style: none; padding: 0; position:relative; clear:both; display:block; border:3px solid #9f9f9f; margin:0 0 6px 0}
#MenuNav ul {margin:0; padding:0; list-style:none}
#MenuNav li {float: left; margin:0; padding:0}				
#MenuNav li a span {display: none; }				
#MenuNav li a {height: 30px; display: block; float: left; padding: 0;}				
#MenuNav li a.soup {width:261px; background: url(images/nav-menu_01.gif) no-repeat top;}
#MenuNav li a.entree {width:161px; background: url(images/nav-menu_02.gif) no-repeat top;}		
#MenuNav li a.sushi {width:81px; background: url(images/nav-menu_03.gif) no-repeat top;}
#MenuNav li a.bar {width:115px; background: url(images/nav-menu_04.gif) no-repeat top;}
#MenuNav li a.lunch {width:132px; background: url(images/nav-menu_05.gif) no-repeat top;}		
#MenuNav li a.dessert {width:112px; background: url(images/nav-menu_06.gif) no-repeat top;}
#MenuNav li a:hover {background-position: bottom; }
#MenuNav li a.current {background-position: bottom; }
*/

#MenuNav {width: 862px; height: 30px; list-style: none; padding: 0; position:relative; clear:both; display:block; border:3px solid #9f9f9f; margin:0 0 6px 0}
#MenuNav ul {margin:0; padding:0; list-style:none}
#MenuNav li {float: left; margin:0; padding:0}				
#MenuNav li a span {display: none; }				
#MenuNav li a {height: 30px; display: block; float: left; padding: 0;}				
#MenuNav li a.soup {width:346px; background: url(images/nav-menu_01.gif) no-repeat top;}
#MenuNav li a.entree {width:209px; background: url(images/nav-menu_02.gif) no-repeat top;}		
#MenuNav li a.sushi {width:120px; background: url(images/nav-menu_03.gif) no-repeat top;}
#MenuNav li a.bar {width:187px; background: url(images/nav-menu_04.gif) no-repeat top;}	
#MenuNav li a:hover {background-position: bottom; }
#MenuNav li a.current {background-position: bottom; }

#HpBanner{background:url(images/logo-hp.jpg) no-repeat; width:960px; height:568px;}
#SubBanner{background:url(images/logo-sub.jpg) no-repeat; width:960px; height:230px;}

#Middle{width:960px; background:url(images/sub-content-middle.gif) repeat-y;}
#MiddleTop{width:960px; background:url(images/sub-content-top.gif) no-repeat; height:10px; clear:both; overflow:hidden}
#MiddleBottom{width:960px; background:#000 url(images/sub-content-bottom.gif) no-repeat; height:10px; margin:0 0 10px 0; clear:both; overflow:hidden}
#MiddleContent{ float:left; width:620px; padding:14px 20px 20px 46px}
#MiddleContent h1 a{ color:#000; text-decoration:none; text-transform:lowercase}
#MiddleContent h2{ background-color:#9F9F9F; padding:1px 4px 2px 4px; text-transform:lowercase; color:#fff; margin-bottom:6px}

#MiddleBlank{width:960px; background:url(images/sub-content-middle-blank.gif) repeat-y;}
#MiddleBlankTop{width:960px; background:url(images/sub-content-top-blank.gif) no-repeat; height:10px; clear:both; overflow:hidden}
#MiddleBlankBottom{width:960px; background:#000 url(images/sub-content-bottom-blank.gif) no-repeat; height:10px; margin:0 0 10px 0; clear:both; overflow:hidden}
#MiddleBlankContent{ float:left; width:868px; padding:14px 46px 20px 46px}
#MiddleBlankContent h1 a{ color:#000; text-decoration:none; text-transform:lowercase}
#MiddleBlankContent h2{ background-color:#9F9F9F; padding:1px 4px 2px 4px; text-transform:lowercase; color:#fff; margin-bottom:6px}

#MiddleSidebar{ float:left; width:234px; padding:11px 0 20px 11px;}
ul#SubNav { list-style:url(images/star.gif); color:#fff; font-size:14px; font-weight:bold; margin:0; padding:14px 0 0 30px}
ul#SubNav li{ padding:2px 0; margin:0;}
ul#SubNav li a{ text-decoration:none; color:#EFEFEF;}
ul#SubNav li a:hover{ text-decoration:underline; color:#EFEFEF;}
ul#SubNav li a.current{ text-decoration:underline; color:#fff;}

#Footer{ width:970px; background:url(images/footer.jpg) no-repeat top; height:100px;}
#Footer span{ float:left;}
#Footer h1{font-size:16px; color:#1F1F1F; margin:0; padding:0 0 4px 0; text-align:center}
#Footer h2{font-size:11px; color:#434343; margin:0 0 5px 0; padding:0; text-align:center; line-height:16px}
#Footer h3{font-size:14px; color:#1F1F1F; margin:0; padding:0; text-align:center; line-height:16px}
#Footer p{ text-align:right; clear:both; color:#727272; font-size:11px; padding:3px;}
#Footer a{ color:#727272; text-decoration:none;}

/* wp-styles */
small{ display:none;}
.postmetadata{ display:none;}
.nocomments{ display:none;}

/*****SLIDESHOW*****/
#slideshow { position:relative; height:230px; width:862px; border:3px solid #9f9f9f}
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active { z-index:10; opacity:1.0;}
#slideshow IMG.last-active { z-index:9;}

/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}	/* I don't currently rely on .clear */
.min431px {height:431px;}
/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}